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

  Theme Name: Suga
  Theme URI: https://themesific.com
  Description: Ultimate News and Magazine Template
  Author: bkninja
  Author URI: https://themesific.com
  Version: 1.0

  Stylesheet

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


/* =============================================================================
## BASE
============================================================================= */
:root{
    --color-primary: #f75454;
}
html {
    font-size: 14px;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.8);
    -webkit-font-smoothing: antialiased;
}

.row::before {
    display: none !important;
}

a {
    color: #FC3C2D;
    outline: 0 !important;
}

a:hover,
a:focus,
a:active {
    color: #FC3C2D;
}

button {
    outline: 0 !important;
}

dl dt:not(:first-child) {
    margin-top: 0.4em;
}

hr {
    border-color: rgba(0, 0, 0, 0.05);
}

img {
    max-width: 100%;
    height: auto;
}

p {
    margin: 0 0 1.2em;
}

iframe,
object,
embed,
figure, .fluid-width-video-wrapper {
    max-width: 100%;
}

pre {
    padding: 1.6em;
    margin: 0 0 1.6em;
    font-size: 0.9em;
    background-color: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.85);
}

table {
    margin: 0 0 1.6em;
    width: 100%;
}

tr {
    border-bottom: 1px solid #eee;
}

th {
    padding: 0.8em;
    text-align: left;
}

td {
    padding: 0.8em;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

thead th {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.8em;
}

ul,
ol {
    margin: 0 0 1.6em;
    padding: 0;
}


/* =============================================================================
## TYPOGRAPHY
============================================================================= */

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child {
    margin-top: 0;
}


/*---- Typography scale ----*/

.h6,
h6 {
    font-size: 1rem;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .h6,
    h6 {
        font-size: 1rem;
        line-height: 1.5;
    }
}

@media (min-width: 992px) {
    .h6,
    h6 {
        font-size: 1rem;
        line-height: 1.5;
    }
}

.h5,
h5 {
    font-size: 1.125rem;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .h5,
    h5 {
        font-size: 1.2rem;
        line-height: 1.4;
    }
}

@media (min-width: 992px) {
    .h5,
    h5 {
        font-size: 1.25rem;
        line-height: 1.4;
    }
}

.h4,
h4 {
    font-size: 1.266rem;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .h4,
    h4 {
        font-size: 1.44rem;
        line-height: 1.4;
    }
}

@media (min-width: 992px) {
    .h4,
    h4 {
        font-size: 1.563rem;
        line-height: 1.3;
    }
}

.h3,
h3 {
    font-size: 1.424rem;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .h3,
    h3 {
        font-size: 1.728rem;
        line-height: 1.3;
    }
}

@media (min-width: 992px) {
    .h3,
    h3 {
        font-size: 1.953rem;
        line-height: 1.3;
    }
}

.h2,
h2 {
    font-size: 1.602rem;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .h2,
    h2 {
        font-size: 2.074rem;
        line-height: 1.3;
    }
}

@media (min-width: 992px) {
    .h2,
    h2 {
        font-size: 2.441rem;
        line-height: 1.2;
    }
}

.h1,
h1 {
    font-size: 1.802rem;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .h1,
    h1 {
        font-size: 2.488rem;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .h1,
    h1 {
        font-size: 3.052rem;
        line-height: 1.2;
    }
}

.h0,
h0 {
    font-size: 2.027rem;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .h0,
    h0 {
        font-size: 2.986rem;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .h0,
    h0 {
        font-size: 3.815rem;
        line-height: 1.1;
    }
}

.h-1,
h-1 {
    font-size: 2.281rem;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .h-1,
    h-1 {
        font-size: 3.583rem;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .h-1,
    h-1 {
        font-size: 4.768rem;
        line-height: 1.1;
    }
}

.h-2,
h-2 {
    font-size: 2.566rem;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .h-2,
    h-2 {
        font-size: 4.3rem;
        line-height: 1.1;
    }
}

@media (min-width: 992px) {
    .h-2,
    h-2 {
        font-size: 5.96rem;
        line-height: 1.1;
    }
}

.typescale-n1 {
    font-size: 0.889rem;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .typescale-n1 {
        font-size: 0.889rem;
        line-height: 1.5;
    }
}

@media (min-width: 992px) {
    .typescale-n1 {
        font-size: 0.889rem;
        line-height: 1.5;
    }
}

.typescale-0 {
    font-size: 1rem;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .typescale-0 {
        font-size: 1rem;
        line-height: 1.5;
    }
}

@media (min-width: 992px) {
    .typescale-0 {
        font-size: 1.07rem;
        line-height: 1.5;
    }
}

.typescale-1 {
    font-size: 1.2rem;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .typescale-1 {
        font-size: 1.25rem;
        line-height: 1.4;
    }
}

@media (min-width: 992px) {
    .typescale-1 {
        font-size: 1.357rem;
        line-height: 1.4;
    }
}

.typescale-2 {
    font-size: 1.266rem;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .typescale-2 {
        font-size: 1.44rem;
        line-height: 1.4;
    }
}

@media (min-width: 992px) {
    .typescale-2 {
        font-size: 1.563rem;
        line-height: 1.3;
    }
}

.typescale-3 {
    font-size: 1.424rem;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .typescale-3 {
        font-size: 1.728rem;
        line-height: 1.3;
    }
}

@media (min-width: 992px) {
    .typescale-3 {
        font-size: 1.953rem;
        line-height: 1.3;
    }
}

.typescale-4 {
    font-size: 1.602rem;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typescale-4 {
        font-size: 2.074rem;
        line-height: 1.3;
    }
}

@media (min-width: 992px) {
    .typescale-4 {
        font-size: 2.285rem;
        line-height: 1.2;
    }
}

.typescale-5 {
    font-size: 1.802rem;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typescale-5 {
        font-size: 2.488rem;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .typescale-5 {
        font-size: 3.052rem;
        line-height: 1.2;
    }
}

.typescale-6 {
    font-size: 2.027rem;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typescale-6 {
        font-size: 2.986rem;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .typescale-6 {
        font-size: 3.815rem;
        line-height: 1.1;
    }
}

.typescale-7 {
    font-size: 2.281rem;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typescale-7 {
        font-size: 3.583rem;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .typescale-7 {
        font-size: 4.768rem;
        line-height: 1.1;
    }
}

.typescale-8 {
    font-size: 2.566rem;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typescale-8 {
        font-size: 4.3rem;
        line-height: 1.1;
    }
}

@media (min-width: 992px) {
    .typescale-8 {
        font-size: 5.96rem;
        line-height: 1.1;
    }
}

.typography-copy,
.comment-content {
    font-size: 16px;
    font-size: 1.1429rem;
    line-height: 1.6;
}

.typography-copy .h6,
.typography-copy h6,
.comment-content .h6,
.comment-content h6 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1em;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .typography-copy .h6,
    .typography-copy h6,
    .comment-content .h6,
    .comment-content h6 {
        font-size: 1em;
        line-height: 1.5;
    }
}

@media (min-width: 992px) {
    .typography-copy .h6,
    .typography-copy h6,
    .comment-content .h6,
    .comment-content h6 {
        font-size: 1em;
        line-height: 1.5;
    }
}

.typography-copy .h5,
.typography-copy h5,
.comment-content .h5,
.comment-content h5 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.125em;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .typography-copy .h5,
    .typography-copy h5,
    .comment-content .h5,
    .comment-content h5 {
        font-size: 1.2em;
        line-height: 1.4;
    }
}

@media (min-width: 992px) {
    .typography-copy .h5,
    .typography-copy h5,
    .comment-content .h5,
    .comment-content h5 {
        font-size: 1.25em;
        line-height: 1.4;
    }
}

.typography-copy .h4,
.typography-copy h4,
.comment-content .h4,
.comment-content h4 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.266em;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .typography-copy .h4,
    .typography-copy h4,
    .comment-content .h4,
    .comment-content h4 {
        font-size: 1.44em;
        line-height: 1.4;
    }
}

@media (min-width: 992px) {
    .typography-copy .h4,
    .typography-copy h4,
    .comment-content .h4,
    .comment-content h4 {
        font-size: 1.563em;
        line-height: 1.3;
    }
}

.typography-copy .h3,
.typography-copy h3,
.comment-content .h3,
.comment-content h3 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.424em;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .typography-copy .h3,
    .typography-copy h3,
    .comment-content .h3,
    .comment-content h3 {
        font-size: 1.728em;
        line-height: 1.3;
    }
}

@media (min-width: 992px) {
    .typography-copy .h3,
    .typography-copy h3,
    .comment-content .h3,
    .comment-content h3 {
        font-size: 1.953em;
        line-height: 1.3;
    }
}

.typography-copy .h2,
.typography-copy h2,
.comment-content .h2,
.comment-content h2 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.602em;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typography-copy .h2,
    .typography-copy h2,
    .comment-content .h2,
    .comment-content h2 {
        font-size: 2.074em;
        line-height: 1.3;
    }
}

@media (min-width: 992px) {
    .typography-copy .h2,
    .typography-copy h2,
    .comment-content .h2,
    .comment-content h2 {
        font-size: 2.441em;
        line-height: 1.2;
    }
}

.typography-copy .h1,
.typography-copy h1,
.comment-content .h1,
.comment-content h1 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 1.802em;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typography-copy .h1,
    .typography-copy h1,
    .comment-content .h1,
    .comment-content h1 {
        font-size: 2.488em;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .typography-copy .h1,
    .typography-copy h1,
    .comment-content .h1,
    .comment-content h1 {
        font-size: 3.052em;
        line-height: 1.2;
    }
}

.typography-copy .h0,
.typography-copy h0,
.comment-content .h0,
.comment-content h0 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 2.027em;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typography-copy .h0,
    .typography-copy h0,
    .comment-content .h0,
    .comment-content h0 {
        font-size: 2.986em;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .typography-copy .h0,
    .typography-copy h0,
    .comment-content .h0,
    .comment-content h0 {
        font-size: 3.815em;
        line-height: 1.1;
    }
}

.typography-copy .h-1,
.typography-copy h-1,
.comment-content .h-1,
.comment-content h-1 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 2.281em;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typography-copy .h-1,
    .typography-copy h-1,
    .comment-content .h-1,
    .comment-content h-1 {
        font-size: 3.583em;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .typography-copy .h-1,
    .typography-copy h-1,
    .comment-content .h-1,
    .comment-content h-1 {
        font-size: 4.768em;
        line-height: 1.1;
    }
}

.typography-copy .h-2,
.typography-copy h-2,
.comment-content .h-2,
.comment-content h-2 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-size: 2.566em;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typography-copy .h-2,
    .typography-copy h-2,
    .comment-content .h-2,
    .comment-content h-2 {
        font-size: 4.3em;
        line-height: 1.1;
    }
}

@media (min-width: 992px) {
    .typography-copy .h-2,
    .typography-copy h-2,
    .comment-content .h-2,
    .comment-content h-2 {
        font-size: 5.96em;
        line-height: 1.1;
    }
}

.typography-copy .typescale-n1,
.comment-content .typescale-n1 {
    font-size: 0.889em;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .typography-copy .typescale-n1,
    .comment-content .typescale-n1 {
        font-size: 0.889em;
        line-height: 1.5;
    }
}

@media (min-width: 992px) {
    .typography-copy .typescale-n1,
    .comment-content .typescale-n1 {
        font-size: 0.889em;
        line-height: 1.5;
    }
}

.typography-copy .typescale-0,
.comment-content .typescale-0 {
    font-size: 1em;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .typography-copy .typescale-0,
    .comment-content .typescale-0 {
        font-size: 1em;
        line-height: 1.5;
    }
}

@media (min-width: 992px) {
    .typography-copy .typescale-0,
    .comment-content .typescale-0 {
        font-size: 1em;
        line-height: 1.5;
    }
}

.typography-copy .typescale-1,
.comment-content .typescale-1 {
    font-size: 1.125em;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .typography-copy .typescale-1,
    .comment-content .typescale-1 {
        font-size: 1.2em;
        line-height: 1.4;
    }
}

@media (min-width: 992px) {
    .typography-copy .typescale-1,
    .comment-content .typescale-1 {
        font-size: 1.25em;
        line-height: 1.4;
    }
}

.typography-copy .typescale-2,
.comment-content .typescale-2 {
    font-size: 1.266em;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .typography-copy .typescale-2,
    .comment-content .typescale-2 {
        font-size: 1.44em;
        line-height: 1.4;
    }
}

@media (min-width: 992px) {
    .typography-copy .typescale-2,
    .comment-content .typescale-2 {
        font-size: 1.563em;
        line-height: 1.3;
    }
}

.typography-copy .typescale-3,
.comment-content .typescale-3 {
    font-size: 1.424em;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .typography-copy .typescale-3,
    .comment-content .typescale-3 {
        font-size: 1.728em;
        line-height: 1.3;
    }
}

@media (min-width: 992px) {
    .typography-copy .typescale-3,
    .comment-content .typescale-3 {
        font-size: 1.953em;
        line-height: 1.3;
    }
}

.typography-copy .typescale-4,
.comment-content .typescale-4 {
    font-size: 1.602em;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typography-copy .typescale-4,
    .comment-content .typescale-4 {
        font-size: 2.074em;
        line-height: 1.3;
    }
}

@media (min-width: 992px) {
    .typography-copy .typescale-4,
    .comment-content .typescale-4 {
        font-size: 2.441em;
        line-height: 1.2;
    }
}

.typography-copy .typescale-5,
.comment-content .typescale-5 {
    font-size: 1.802em;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typography-copy .typescale-5,
    .comment-content .typescale-5 {
        font-size: 2.488em;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .typography-copy .typescale-5,
    .comment-content .typescale-5 {
        font-size: 3.052em;
        line-height: 1.2;
    }
}

.typography-copy .typescale-6,
.comment-content .typescale-6 {
    font-size: 2.027em;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typography-copy .typescale-6,
    .comment-content .typescale-6 {
        font-size: 2.986em;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .typography-copy .typescale-6,
    .comment-content .typescale-6 {
        font-size: 3.815em;
        line-height: 1.1;
    }
}

.typography-copy .typescale-7,
.comment-content .typescale-7 {
    font-size: 2.281em;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typography-copy .typescale-7,
    .comment-content .typescale-7 {
        font-size: 3.583em;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .typography-copy .typescale-7,
    .comment-content .typescale-7 {
        font-size: 4.768em;
        line-height: 1.1;
    }
}

.typography-copy .typescale-8,
.comment-content .typescale-8 {
    font-size: 2.566em;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .typography-copy .typescale-8,
    .comment-content .typescale-8 {
        font-size: 4.3em;
        line-height: 1.1;
    }
}

@media (min-width: 992px) {
    .typography-copy .typescale-8,
    .comment-content .typescale-8 {
        font-size: 5.96em;
        line-height: 1.1;
    }
}

.typography-copy h4,
.typography-copy .h4,
.comment-content h4,
.comment-content .h4 {
    font-weight: 700;
}

.typography-copy h5,
.typography-copy .h5,
.comment-content h5,
.comment-content .h5 {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 700;
    text-transform: uppercase;
}

.typography-copy h6,
.typography-copy .h6,
.comment-content h6,
.comment-content .h6 {
    font-weight: 700;
}

.typography-copy blockquote,
.comment-content blockquote {
    margin: 0 0 1.6em 0;
    padding: 0 0 0 1em;
    border-left: 5px solid #eee;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.5);
}

.typography-copy blockquote::before,
.comment-content blockquote::before {
    content: '\201c';
    display: block;
    position: relative;
    top: 0.225em;
    margin-bottom: 0.2em;
    color: #eee;
    font-weight: 700;
    font-size: 5em;
    line-height: 0.3;
}

.typography-copy blockquote cite,
.comment-content blockquote cite {
    font-size: 0.86em;
}

.typography-copy blockquote p,
.comment-content blockquote p {
    margin-bottom: 1em;
}

.typography-copy mark,
.comment-content mark {
    color: rgba(0, 0, 0, 0.8);
    background: #FBFF64;
}

.typography-copy ol,
.typography-copy ul,
.comment-content ol,
.comment-content ul {
    margin-bottom: 1.6em;
    padding-left: 1.8em;
}

.typography-copy li>ol,
.typography-copy li>ul,
.comment-content li>ol,
.comment-content li>ul {
    margin-bottom: 0;
}

.typography-copy p,
.comment-content p {
    margin-bottom: 1.6em;
}

/* -----------------------------------------------------------------
## Sticky Signal
----------------------------------------------------------------- */
.sticky-suga-post .sugaStickyMark i {
    color: var(--color-logo);
    padding-bottom: 10px;
    font-size: 18px;
}
.bypostauthor {
    opacity: 1;
}
/* =============================================================================
## UTILITIES
============================================================================= */


/* -----------------------------------------------------------------
## Objects
----------------------------------------------------------------- */


/*---- Responsive Video wrapper ----*/

.atbssuga-responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 40px;
    height: 0;
    overflow: hidden;
}
.single-entry-featured-media .atbssuga-responsive-video,
.single-billboard--video .atbssuga-responsive-video {
    margin-bottom: 0;
}

.atbssuga-responsive-video iframe,
.atbssuga-responsive-video object,
.atbssuga-responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


/*---- Rainbow bar ----*/

.rainbow-bar {
    width: 100%;
    height: 6px;
    background: -webkit-gradient(linear, left top, right top, from(#a85e6c), color-stop(12.5%, #a85e6c), color-stop(12.5%, #e37f52), color-stop(25%, #e37f52), color-stop(25%, #ef9f48), color-stop(37.5%, #ef9f48), color-stop(37.5%, #9cb641), color-stop(50%, #9cb641), color-stop(50%, #009484), color-stop(62.5%, #009484), color-stop(62.5%, #21acb8), color-stop(75%, #21acb8), color-stop(75%, #1972dd), color-stop(87.5%, #1972dd), color-stop(87.5%, #8fa0ae), to(#8fa0ae));
    background: -o-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
    background: linear-gradient(90deg, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
    background-image: -o-linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(#a85e6c), color-stop(12.5%, #a85e6c), color-stop(12.5%, #e37f52), color-stop(25%, #e37f52), color-stop(25%, #ef9f48), color-stop(37.5%, #ef9f48), color-stop(37.5%, #9cb641), color-stop(50%, #9cb641), color-stop(50%, #009484), color-stop(62.5%, #009484), color-stop(62.5%, #21acb8), color-stop(75%, #21acb8), color-stop(75%, #1972dd), color-stop(87.5%, #1972dd), color-stop(87.5%, #8fa0ae), to(#8fa0ae));
    background-image: linear-gradient(left, #a85e6c 0%, #a85e6c 12.5%, #e37f52 12.5%, #e37f52 25%, #ef9f48 25%, #ef9f48 37.5%, #9cb641 37.5%, #9cb641 50%, #009484 50%, #009484 62.5%, #21acb8 62.5%, #21acb8 75%, #1972dd 75%, #1972dd 87.5%, #8fa0ae 87.5%, #8fa0ae 100%);
}


/*---- Flexbox ----*/

.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.flexbox>* {
    -webkit-box-flex: 0;
    box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    /*IE fix*/
}

.flexbox--middle {
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.flexbox__item {
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


/*---- Scrollable list ----*/

.atbssuga-scrollable-list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    box-direction: normal;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
}

.atbssuga-scrollable-list-wrapper {
    position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.atbssuga-scrollable-list-inner {
    height: 0;
}


/* ----------------------------------------------------------------
  Background
-----------------------------------------------------------------*/

.block-with-bg {
    position: relative;
    padding: 10px;
}

@media (min-width: 768px) {
    .block-with-bg {
        padding: 20px;
    }
}

.background-wrap {
    overflow: hidden;
    background: #444;
}

.has-cover-bg-img,
.background-img {
    background-color: #333;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.header-main .background-img {
    background-color: #fff;
}

.background-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.background-img::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #111;
    opacity: 0;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.background-img--dimmed::after {
    opacity: 0.1;
}

.background-img--darkened::after {
    opacity: 0.4;
}
.background-img--more-darkened::after {
    opacity: 0.6;
}

.background-img--tinted::after {
    background-color: #fff;
}

.background-img--floorfade::after {
    opacity: 1;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, black), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent));
    background-image: -o-linear-gradient(bottom, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
    background-image: linear-gradient(0deg, black 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
}

.background-img--floorfade-light::after {
    opacity: 1;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, black), color-stop(50%, transparent), to(transparent));
    background-image: -o-linear-gradient(bottom, black 0, transparent 50%, transparent 100%);
    background-image: linear-gradient(0deg, black 0, transparent 50%, transparent 100%);
}

.background-img--scrim-bottom::after {
    opacity: 1;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
    background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}

.background-pattern {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-color: #aaa;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}

.background-svg-pattern {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.background-svg-pattern-inverse {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23000000' fill-opacity='0.025' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.background-svg-pattern--solid-color {
    background-color: #12162d;
}

.overlap-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 60px;
    left: 0;
}

.atbssuga-carousel-nav-a .overlap-background {
    bottom: 90px;
}

.background-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
}

.js-overlay-bg-sub {
    display: none;
}

.blurred {
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
}

.blurred-subtle {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}

.blurred-more {
    filter: blur(20px);
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
}

.blurred-massive {
    filter: blur(30px);
    -webkit-filter: blur(30px);
    -moz-filter: blur(30px);
    -o-filter: blur(30px);
    -ms-filter: blur(30px);
}

.grayscale {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.floorfade {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
}

.floorfade-pseudo::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
}

.ceilingfade {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
}

.sidefade-from-left {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
}

.sidefade-from-left--wide::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    left: -9999px;
    background: rgba(0, 0, 0, 0.9);
}

.sidefade-from-left--pseudo::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.6)), to(transparent));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 70%, transparent 100%);
}

.sidefade-from-right {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
}

.color-primary {
    color: #FC3C2D;
}

.primary-bg-color {
    background-color: #FC3C2D !important;
}

.secondary-bg-color {
    background-color: #0a293b !important;
}

.lightgray-bg {
    background-color: #fafafa;
}


/* ----------------------------------------------------------------
  Positioning
-----------------------------------------------------------------*/

.abs-center,
.atbssuga-video-player__play-icon,
.atbssuga-video-box__playlist .is-playing .post__thumb::after {
    position: absolute !important;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    -ms-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
}

.stretched {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.overlay-content,
.overlay-content__inner {
    position: relative;
}

.overlay-bottom.overlay-bottom {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.overlay-center-y.overlay-center-y {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.overlap-bottom.overlap-bottom {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.pos-relative {
    position: relative !important;
}


/* ----------------------------------------------------------------
  Padding & Margin
-----------------------------------------------------------------*/

.p-0 {
    padding: 0;
}

.p-t-0 {
    padding-top: 0;
}

.p-r-0 {
    padding-right: 0;
}

.p-b-0 {
    padding-bottom: 0;
}

.p-l-0 {
    padding-left: 0;
}

.p-xs {
    padding: 10px !important;
}

.p-t-xs {
    padding-top: 10px !important;
}

.p-r-xs {
    padding-right: 10px !important;
}

.p-b-xs {
    padding-bottom: 10px !important;
}

.p-l-xs {
    padding-left: 10px !important;
}

.p-x-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.p-y-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.p-sm {
    padding: 15px !important;
}

.p-t-sm {
    padding-top: 15px !important;
}

.p-r-sm {
    padding-right: 15px !important;
}

.p-b-sm {
    padding-bottom: 15px !important;
}

.p-l-sm {
    padding-left: 15px !important;
}

.p-x-sm {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.p-y-sm {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.p-md {
    padding: 20px !important;
}

.p-t-md {
    padding-top: 20px !important;
}

.p-r-md {
    padding-right: 20px !important;
}

.p-b-md {
    padding-bottom: 20px !important;
}

.p-l-md {
    padding-left: 20px !important;
}

.p-x-md {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.p-y-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.p-lg {
    padding: 30px !important;
}

.p-t-lg {
    padding-top: 30px !important;
}

.p-r-lg {
    padding-right: 30px !important;
}

.p-b-lg {
    padding-bottom: 30px !important;
}

.p-l-lg {
    padding-left: 30px !important;
}

.p-x-lg {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.p-y-lg {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.p-xl {
    padding: 40px !important;
}

.p-t-xl {
    padding-top: 40px !important;
}

.p-r-xl {
    padding-right: 40px !important;
}

.p-b-xl {
    padding-bottom: 40px !important;
}

.p-l-xl {
    padding-left: 40px !important;
}

.p-x-xl {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.p-y-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.p-xxl {
    padding: 50px !important;
}

.p-t-xxl {
    padding-top: 50px !important;
}

.p-r-xxl {
    padding-right: 50px !important;
}

.p-b-xxl {
    padding-bottom: 50px !important;
}

.p-l-xxl {
    padding-left: 50px !important;
}

.p-x-xxl {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.p-y-xxl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.m-l-a {
    margin-left: auto !important;
}

.m-r-a {
    margin-right: auto !important;
}

.m-x-a {
    margin-left: auto !important;
    margin-right: auto !important;
}

.m-0 {
    margin: 0;
}

.m-t-0 {
    margin-top: 0;
}

.m-r-0 {
    margin-right: 0;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-l-0 {
    margin-left: 0;
}

.m-xs {
    margin: 10px !important;
}

.m-t-xs {
    margin-top: 10px !important;
}

.m-r-xs {
    margin-right: 10px !important;
}

.m-b-xs {
    margin-bottom: 10px !important;
}

.m-l-xs {
    margin-left: 10px !important;
}

.m-x-xs {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.m-y-xs {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.m-sm {
    margin: 15px !important;
}

.m-t-sm {
    margin-top: 15px !important;
}

.m-r-sm {
    margin-right: 15px !important;
}

.m-b-sm {
    margin-bottom: 15px !important;
}

.m-l-sm {
    margin-left: 15px !important;
}

.m-x-sm {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.m-y-sm {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.m-md {
    margin: 20px !important;
}

.m-t-md {
    margin-top: 20px !important;
}

.m-r-md {
    margin-right: 20px !important;
}

.m-b-md {
    margin-bottom: 20px !important;
}

.m-l-md {
    margin-left: 20px !important;
}

.m-x-md {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.m-y-md {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.m-lg {
    margin: 30px !important;
}

.m-t-lg {
    margin-top: 30px !important;
}

.m-r-lg {
    margin-right: 30px !important;
}

.m-b-lg {
    margin-bottom: 30px !important;
}

.m-l-lg {
    margin-left: 30px !important;
}

.m-x-lg {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.m-y-lg {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.m-xl {
    margin: 40px !important;
}

.m-t-xl {
    margin-top: 40px !important;
}

.m-r-xl {
    margin-right: 40px !important;
}

.m-b-xl {
    margin-bottom: 40px !important;
}

.m-l-xl {
    margin-left: 40px !important;
}

.m-x-xl {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.m-y-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.m-xxl {
    margin: 50px !important;
}

.m-t-xxl {
    margin-top: 50px !important;
}

.m-r-xxl {
    margin-right: 50px !important;
}

.m-b-xxl {
    margin-bottom: 50px !important;
}

.m-l-xxl {
    margin-left: 50px !important;
}

.m-x-xxl {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.m-y-xxl {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.spacer-xs {
    height: 20px;
    clear: both;
}

.spacer-sm {
    height: 30px;
    clear: both;
}

.spacer-md {
    height: 40px;
    clear: both;
}

.spacer-lg {
    height: 60px;
    clear: both;
}

.spacer-xl {
    height: 80px;
    clear: both;
}

.spacer-xxl {
    height: 100px;
    clear: both;
}


/* ----------------------------------------------------------------
  Width & Height
-----------------------------------------------------------------*/

.max-width-xs {
    max-width: 320px !important;
}

.max-width-sm {
    max-width: 720px !important;
}

.max-width-md {
    max-width: 940px !important;
}

.max-width-lg {
    max-width: 1140px !important;
}

.max-width-xl {
    max-width: 1440px !important;
}

.max-width-xxl {
    max-width: 1920px !important;
}

[class*="max-width-"].text-center {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    .fullwidth-xs {
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
    }
}


/*---- Ratio ----*/

.ratio-1by1 {
    position: relative;
    padding-bottom: 100%;
    height: 0;
}

.ratio-2by1 {
    position: relative;
    padding-bottom: 50%;
    height: 0;
}

.ratio-3by1 {
    position: relative;
    padding-bottom: 33.33%;
    height: 0;
}

.ratio-4by3 {
    position: relative;
    padding-bottom: 75%;
    height: 0;
}

.ratio-16by9 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}


/* ----------------------------------------------------------------
  Text styling
-----------------------------------------------------------------*/

@media (max-width: 767px) {
    .text-center-xs {
        text-align: center;
    }
}

.text-white {
    color: #fff !important;
}

.text-underline {
    text-decoration: underline;
}

.inverse-text {
    position: relative;
    color: white;
}

.inverse-text .text-secondary {
    color: rgba(255, 255, 255, 0.8);
}

.inverse-text blockquote {
    color: rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 255, 255, 0.2);
}

.inverse-text blockquote .small,
.inverse-text blockquote footer,
.inverse-text blockquote small {
    color: rgba(255, 255, 255, 0.6);
}

.inverse-text blockquote::before {
    color: rgba(255, 255, 255, 0.1);
}

.inverse-text tr {
    border-color: rgba(255, 255, 255, 0.1);
}

.inverse-text thead th {
    border-color: rgba(255, 255, 255, 0.2);
}

.inverse-text caption {
    color: rgba(255, 255, 255, 0.6);
}

.inverse-text pre {
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.1);
}

.inverse-text code {
    color: #f9f2f4;
    background-color: #c7254e;
}

.inverse-text pre code {
    background: transparent;
}

.inverse-text hr {
    border-color: rgba(255, 255, 255, 0.1);
}

.inverse-text figure figcaption {
    color: rgba(255, 255, 255, 0.6);
}

.inverse-text input[type="text"],
.inverse-text input[type="email"],
.inverse-text input[type="url"],
.inverse-text input[type="password"],
.inverse-text input[type="search"],
.inverse-text input[type="tel"],
.inverse-text input[type="number"],
.inverse-text textarea,
.inverse-text textarea.form-control,
.inverse-text select,
.inverse-text select.form-control {
    background: #222;
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

.inverse-text ::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.text-truncate,
.category-tile__name {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.truncate-y {
    position: relative;
    overflow: hidden;
}

.truncate-y::after {
    content: '';
    display: block;
    height: 40px;
    width: 100%;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
}

/** Line Limit **/

.line-limit > *,
.line-limit-child > * {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-limit.line-limit-2  > *,
.line-limit-child.line-limit-2 > * {
    -webkit-line-clamp: 2;
}

.line-limit.line-limit-3 > *,
.line-limit-child.line-limit-3 > * {
    -webkit-line-clamp: 3;
}

.line-limit.line-limit-4 > *,
.line-limit-child.line-limit-4 > * {
    -webkit-line-clamp: 4;
}

.line-limit.line-limit-5 > *,
.line-limit-child.line-limit-5 > * {
    -webkit-line-clamp: 5;
}

.line-limit.line-limit-6 > *,
.line-limit-child.line-limit-6 > * {
    -webkit-line-clamp: 6;
}

.link-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.link-block {
    display: block;
}

.meta-color,
a.meta-color {
    color: rgba(0, 0, 0, 0.4);
}

.meta-text,
a.meta-text {
    color: rgba(0, 0, 0, 0.4);
}

.v-align {
    vertical-align: middle;
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.has-mdicon>span,
.has-mdicon>b,
.has-mdicon>em,
.has-mdicon>strong,
.has-mdicon>a,
.has-mdicon>i {
    vertical-align: middle;
}


/* ----------------------------------------------------------------
  List styling
-----------------------------------------------------------------*/

.list-unstyled,
.atbssuga-video-box__playlist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.list-center>li {
    display: inline-block;
}

.list-float::after {
    clear: both;
    content: "";
    display: table;
}

.list-float>li {
    float: left;
}
.list-space-xxs {
    margin: -4px;
}

.list-space-xxs>* {
    padding: 4px;
}
.list-horizontal.list-space-xxs {
    margin: -4px;
}

.list-horizontal.list-space-xxs>* {
    padding: 4px;
}
.list-space-xs {
    margin-top: -5px;
    margin-bottom: -5px;
}

.list-space-xs>* {
    padding-top: 5px;
    padding-bottom: 5px;
}

.list-space-sm {
    margin-top: -7.5px;
    margin-bottom: -7.5px;
}

.list-space-sm>* {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}

.list-space-md {
    margin-top: -10px;
    margin-bottom: -10px;
}

.list-space-md>* {
    padding-top: 10px;
    padding-bottom: 10px;
}

.list-space-md-s {
    margin-top: -12.5px;
    margin-bottom: -12.5px;
}

.list-space-md-s>* {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
}

.list-space-lg {
    margin-top: -15px;
    margin-bottom: -15px;
}

.list-space-lg>* {
    padding-top: 15px;
    padding-bottom: 15px;
}

.list-space-xl {
    margin-top: -20px;
    margin-bottom: -20px;
}

.list-space-xl>* {
    padding-top: 20px;
    padding-bottom: 20px;
}

.list-space-xxl {
    margin-top: -25px;
    margin-bottom: -25px;
}

.list-space-xxl>* {
    padding-top: 25px;
    padding-bottom: 25px;
}

.list-horizontal {
    margin-top: 0;
    margin-bottom: 0;
}

.list-horizontal>li {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
}

.list-horizontal.list-space-xs {
    margin-left: -4px;
    margin-right: -4px;
}

.list-horizontal.list-space-xs>* {
    padding-left: 4px;
    padding-right: 4px;
}

.list-horizontal.list-space-sm {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.list-horizontal.list-space-sm>* {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.list-horizontal.list-space-md {
    margin-left: -10px;
    margin-right: -10px;
}

.list-horizontal.list-space-md>* {
    padding-left: 10px;
    padding-right: 10px;
}

.list-horizontal.list-space-lg {
    margin-left: -15px;
    margin-right: -15px;
}

.list-horizontal.list-space-lg>* {
    padding-left: 15px;
    padding-right: 15px;
}

.list-horizontal.list-space-xl {
    margin-left: -20px;
    margin-right: -20px;
}

.list-horizontal.list-space-xl>* {
    padding-left: 20px;
    padding-right: 20px;
}

.list-horizontal.list-space-xxl {
    margin-left: -25px;
    margin-right: -25px;
}

.list-horizontal.list-space-xxl>* {
    padding-left: 25px;
    padding-right: 25px;
}

[class*="list-seperated"].list-space-xs {
    margin-top: -10px;
    margin-bottom: -10px;
}

[class*="list-seperated"].list-space-xs>* {
    padding-top: 10px;
    padding-bottom: 10px;
}

[class*="list-seperated"].list-space-sm {
    margin-top: -15px;
    margin-bottom: -15px;
}

[class*="list-seperated"].list-space-sm>* {
    padding-top: 15px;
    padding-bottom: 15px;
}

[class*="list-seperated"].list-space-md {
    margin-top: -20px;
    margin-bottom: -20px;
}

[class*="list-seperated"].list-space-md>* {
    padding-top: 20px;
    padding-bottom: 20px;
}

[class*="list-seperated"].list-space-lg {
    margin-top: -30px;
    margin-bottom: -30px;
}

[class*="list-seperated"].list-space-lg>* {
    padding-top: 30px;
    padding-bottom: 30px;
}

[class*="list-seperated"].list-space-xl {
    margin-top: -40px;
    margin-bottom: -40px;
}

[class*="list-seperated"].list-space-xl>* {
    padding-top: 40px;
    padding-bottom: 40px;
}

[class*="list-seperated"].list-space-xxl {
    margin-top: -50px;
    margin-bottom: -50px;
}

[class*="list-seperated"].list-space-xxl>* {
    padding-top: 50px;
    padding-bottom: 50px;
}

[class*="list-seperated"]>*:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.list-seperated-only-first>*:not(:first-child) {
    border-bottom: none;
}

.list-seperated-only-last>*:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.list-seperated-exclude-first>*:first-child {
    border-bottom: none;
}

.inverse-text .list-seperated>*:not(:last-child),
.overlay-content .list-seperated>*:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.inverse-text .list-seperated-only-first>*:first-child,
.overlay-content .list-seperated-only-first>*:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.inverse-text .list-seperated-only-last>*:last-child,
.overlay-content .list-seperated-only-last>*:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.list-square-bullet {
    list-style: none;
}

.list-square-bullet>li>* {
    position: relative;
    padding-left: 15px;
}

.list-square-bullet>li>*::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0.5em;
    right: auto;
    bottom: auto;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
}

.list-square-bullet-exclude-first>li:not(:first-child)>* {
    position: relative;
    padding-left: 15px;
}

.list-square-bullet-exclude-first>li:not(:first-child)>*::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0.58em;
    right: auto;
    bottom: auto;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
}


/* ----------------------------------------------------------------
  Social branding color
-----------------------------------------------------------------*/

.facebook-theme,
.facebook-theme-hover:hover {
    color: #3b5998 ;
}

.facebook-theme-bg,
.facebook-theme-bg-hover:hover {
    background-color: #3b5998 ;
}

.twitter-theme,
.twitter-theme-hover:hover {
    color: #55acee ;
}

.twitter-theme-bg,
.twitter-theme-bg-hover:hover {
    background-color: #55acee ;
}

.dribbble-theme,
.dribbble-theme-hover:hover {
    color: #EA4C89 ;
}

.dribbble-theme-bg,
.dribbble-theme-bg-hover:hover {
    background-color: #EA4C89 ;
}


.youtube-theme,
.youtube-theme-hover:hover {
    color: #cd201f ;
}

.youtube-theme-bg,
.youtube-theme-bg-hover:hover {
    background-color: #cd201f ;
}

.pinterest-theme,
.pinterest-theme-hover:hover {
    color: #bd081c ;
}

.pinterest-theme-bg,
.pinterest-theme-bg-hover:hover {
    background-color: #bd081c ;
}

.googleplus-theme,
.googleplus-theme-hover:hover {
    color: #dc4e41 ;
}

.googleplus-theme-bg,
.googleplus-theme-bg-hover:hover {
    background-color: #dc4e41 ;
}

.tumblr-theme,
.tumblr-theme-hover:hover {
    color: #35465c ;
}

.tumblr-theme-bg,
.tumblr-theme-bg-hover:hover {
    background-color: #35465c ;
}

.instagram-theme,
.instagram-theme-hover:hover {
    color: #3f729b ;
}

.instagram-theme-bg,
.instagram-theme-bg-hover:hover {
    background-color: #3f729b ;
}

.vk-theme,
.vk-theme-hover:hover {
    color: #45668e ;
}

.vk-theme-bg,
.vk-theme-bg-hover:hover {
    background-color: #45668e ;
}

.stumbleupon-theme-bg,
.stumbleupon-theme-bg-hover:hover {
    background-color: #EB4823 ;
}

.linkedin-theme-bg,
.linkedin-theme-bg-hover:hover {
    background-color: #0073B0 ;
}


/* ----------------------------------------------------------------
  Shadows
-----------------------------------------------------------------*/

.shadow-1,
.atbssuga-carousel-shadow-1 .owl-stage-outer {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
}

.shadow-2,
.atbssuga-carousel-shadow-2 .owl-stage-outer {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
}

.shadow-3,
.atbssuga-carousel-shadow-3 .owl-stage-outer {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
}

.shadow-4,
.atbssuga-carousel-shadow-4 .owl-stage-outer {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
}

.shadow-5,
.atbssuga-carousel-shadow-5 .owl-stage-outer {
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04);
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04);
}

.shadow-hover-1 {
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.shadow-hover-1:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
}

.shadow-hover-2 {
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.shadow-hover-2:hover {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
}

.shadow-hover-3 {
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.shadow-hover-3:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
}

.shadow-hover-4 {
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.shadow-hover-4:hover {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
}

.shadow-hover-5 {
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.shadow-hover-5:hover {
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04);
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.06), 0 15px 12px rgba(0, 0, 0, 0.04);
}

.stacked-top {
    -webkit-box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa;
    box-shadow: 0 -20px 0 -10px #f5f5f5, 0 -38px 0 -20px #fafafa;
}

.stacked-bottom {
    -webkit-box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa;
    box-shadow: 0 20px 0 -10px #f5f5f5, 0 38px 0 -20px #fafafa;
}


/* ----------------------------------------------------------------
  Animation
-----------------------------------------------------------------*/

@-webkit-keyframes kenburns {
    0% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes kenburns {
    0% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}


/*---- Scrollable container ----*/

.scroll-area-horizontal {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.scroll-area-horizontal__inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: no-wrap;
    -moz-box-lines: no-wrap;
    box-lines: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
}

.scroll-area-horizontal__inner>* {
    -webkit-box-flex: 0;
    box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.kenburns {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation-name: kenburns;
    animation-name: kenburns;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}


/* =============================================================================
## LAYOUT
============================================================================= */

.site-wrapper {
    overflow: hidden;
}

.site-content {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 768px) {
    .site-content {
        padding-top: 65px;
        padding-bottom: 65px;
    }
}

@media (max-width: 767px) {
    .container.fullwidth-xs {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

.container--narrow {
    max-width: 970px;
}

.container--wide {
    width: 100%;
    max-width: 1440px;
}

.container--fw {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container--fw {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.atbssuga-main-col {
    width: 100%;
    min-height: 1px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .atbssuga-main-col {
        width: 680px;
    }
}

@media (min-width: 1200px) {
    .atbssuga-main-col {
        width: 840px;
        padding-right: 35px;
    }
}

.atbssuga-main-col.has-left-sidebar {
    float: right;
}

@media (min-width: 1200px) {
    .atbssuga-main-col.has-left-sidebar {
        padding-left: 35px;
        padding-right: 15px;
    }
}

.atbssuga-sub-col {
    width: 100%;
    float: left;
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .atbssuga-sub-col {
        padding-top: 0;
        width: 290px;
    }
}

@media (min-width: 1200px) {
    .atbssuga-sub-col {
        width: 330px;
    }
}

.row--flex {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row--flex.row--vertical-center {
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.row--flex>[class*='col-'] {
    float: none;
}

.row--stack>[class*='col-'] {
    margin-bottom: 30px;
}

.row--space-between {
    margin-top: -15px;
    margin-bottom: -15px;
    clear: both;
}

.row--space-between>[class*='col-'] {
    padding-top: 15px;
    padding-bottom: 15px;
}

.grid-no-gutter .row,
.grid-no-gutter.row {
    margin-left: 0;
    margin-right: 0;
}

.grid-no-gutter .row--space-between,
.grid-no-gutter.row--space-between {
    margin-top: 0;
    margin-bottom: 0;
}

.grid-no-gutter [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.grid-no-gutter .row--space-between>[class*="col-"],
.grid-no-gutter.row--space-between>[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.grid-gutter-2 .row,
.grid-gutter-2.row {
    margin-left: -1px;
    margin-right: -1px;
}

.grid-gutter-2 .row--space-between,
.grid-gutter-2.row--space-between {
    margin-top: -1px;
    margin-bottom: -1px;
}

.grid-gutter-2 [class*="col-"] {
    padding-left: 1px;
    padding-right: 1px;
}

.grid-gutter-2 .row--space-between>[class*="col-"],
.grid-gutter-2.row--space-between>[class*="col-"] {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.grid-gutter-4 .row,
.grid-gutter-4.row {
    margin-left: -2px;
    margin-right: -2px;
}

.grid-gutter-4 .row--space-between,
.grid-gutter-4.row--space-between {
    margin-top: -2px;
    margin-bottom: -2px;
}

.grid-gutter-4 [class*="col-"] {
    padding-left: 2px;
    padding-right: 2px;
}

.grid-gutter-4 .row--space-between>[class*="col-"],
.grid-gutter-4.row--space-between>[class*="col-"] {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.grid-gutter-10 .row,
.grid-gutter-10.row {
    margin-left: -5px;
    margin-right: -5px;
}

.grid-gutter-10 .row--space-between,
.grid-gutter-10.row--space-between {
    margin-top: -5px;
    margin-bottom: -5px;
}

.grid-gutter-10 [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.grid-gutter-10 .row--space-between>[class*="col-"],
.grid-gutter-10.row--space-between>[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.grid-gutter-20 .row,
.grid-gutter-20.row {
    margin-left: -10px;
    margin-right: -10px;
}

.grid-gutter-20 .row--space-between,
.grid-gutter-20.row--space-between {
    margin-top: -10px;
    margin-bottom: -10px;
}

.grid-gutter-20 [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.grid-gutter-20 .row--space-between>[class*="col-"],
.grid-gutter-20.row--space-between>[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.grid-gutter-w30-h40 .row--space-between [class*="col-"],
.grid-gutter-w30-h40.row--space-between [class*="col-"] {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.grid-gutter-w30-h40 .row--space-between,
.grid-gutter-w30-h40.row--space-between {
    margin-top: -20px;
    margin-bottom: -20px;
    margin-left: -15px;
    margin-right: -15px;
}


.grid-gutter-40 .row,
.grid-gutter-40.row {
    margin-left: -20px;
    margin-right: -20px;
}

.grid-gutter-40 .row--space-between,
.grid-gutter-40.row--space-between {
    margin-top: -20px;
    margin-bottom: -20px;
}

.grid-gutter-40 [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
}

.grid-gutter-40 .row--space-between>[class*="col-"],
.grid-gutter-40.row--space-between>[class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.grid-gutter-50 .row,
.grid-gutter-50.row {
    margin-left: -25px;
    margin-right: -25px;
}

.grid-gutter-50 .row--space-between,
.grid-gutter-50.row--space-between {
    margin-top: -25px;
    margin-bottom: -25px;
}
.grid-gutter-w50-h80 .row--space-between [class*="col-"],
.grid-gutter-w50-h80.row--space-between [class*="col-"] {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 25px;
    padding-right: 25px;
}
.grid-gutter-w50-h80 .row--space-between,
.grid-gutter-w50-h80.row--space-between {
    margin-top: -40px;
    margin-bottom: -40px;
    margin-left: -25px;
    margin-right: -25px;
}
div[class^="atbssuga-post--grid-vertical-readmore-"] > .posts-list {
    overflow:hidden;
}
.grid-gutter-w40-h70 .row--space-between [class*="col-"],
.grid-gutter-w40-h70 [class*="col-"] {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 20px;
    padding-right: 20px;
}
.grid-gutter-w40-h70 ,
.grid-gutter-w40-h70 {
    margin-top: -35px;
    margin-bottom: -35px;
    margin-left: -20px;
    margin-right: -20px;
}

.grid-gutter-w50-h40 .row--space-between [class*="col-"],
.grid-gutter-w50-h40 [class*="col-"] {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
}
.grid-gutter-w50-h40 ,
.grid-gutter-w50-h40 {
    margin-top: -20px;
    margin-bottom: -20px;
    margin-left: -25px;
    margin-right: -25px;
}

.grid-gutter-50 [class*="col-"] {
    padding-left: 25px;
    padding-right: 25px;
}

.grid-gutter-50 .row--space-between>[class*="col-"],
.grid-gutter-50.row--space-between>[class*="col-"] {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
}


/* -----------------------------------------------------------------
## Site Header
----------------------------------------------------------------- */

.site-header {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
    z-index: 20;
}

.header-1 .site-header {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);

}
.site-header__inner {
    padding: 0 15px;
}

.container .site-header__inner {
    padding: 0;
}


/*
 * ## Top bar
 *--------------------*/

.top-bar__inner {
    padding: 10px 0;
}

.top-bar__inner--fw {
    padding: 10px 30px;
}

.top-bar__inner--flex {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.top-bar__inner--flex>.top-bar__section {
    padding-right: 20px;
}

.top-bar__inner--flex>.top-bar__section:last-child {
    padding-right: 0;
}


/*---- Top navigation ----*/

.top-bar__nav .navigation {
    margin: 0 -8px;
    font-size: 12px;
}

.top-bar__nav .navigation a {
    color: rgba(255, 255, 255, 0.8);
}

.top-bar__nav .navigation li {
    position: relative;
}

.top-bar__nav .navigation>li>a {
    padding: 0 8px;
    line-height: 20px;
}

.top-bar__nav .navigation>li.menu-item-has-children>a::after {
    /* use !important to prevent issues with browser extensions that change fonts */
    display: inline-block;
    font-family: 'mdicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e5c5';
    display: inline-block;
    margin-left: 0.1em;
    margin-top: -0.2em;
    font-size: 1.2em;
}

.top-bar__nav .navigation .sub-menu {
    min-width: 200px;
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    margin-top: 11px;
    padding: 8px;
    background: #fff;
    color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.09);
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    -o-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s;
}

.top-bar__nav .navigation li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
}

.top-bar__nav .navigation .sub-menu a {
    display: block;
    padding: 4px 8px;
    color: rgba(0, 0, 0, 0.6);
}

.top-bar__nav .navigation .sub-menu li:hover>a {
    background: rgba(0, 0, 0, 0.05);
}

.top-bar a {
    color: rgba(0, 0, 0, 0.4);
}

.top-bar__nav .navigation>li>a {
    color: rgba(0, 0, 0, 0.4);
    -webkit-transition: "color", 0.2s;
    -o-transition: "color", 0.2s;
    transition: "color", 0.2s;
}

.top-bar__nav .navigation>li:hover>a {
    color: rgba(0, 0, 0, 0.8);
}


/*---- Top bar fullwidth ----*/

.top-bar--fullwidth {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.top-bar:not(.top-bar--fullwidth) .top-bar__inner {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}


/*---- Top bar inverse ----*/

.top-bar--inverse.top-bar--fullwidth {
    background: #111;
    color: rgba(255, 255, 255, 0.8);
}

.top-bar--inverse .top-bar__nav .navigation>li>a,
.top-bar--inverse .social-list--inline>li>a {
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: "color", 0.2s;
    -o-transition: "color", 0.2s;
    transition: "color", 0.2s;
}

.top-bar--inverse .top-bar__nav .navigation>li:hover>a,
.top-bar--inverse .social-list--inline>li:hover>a {
    color: white;
}


/*
 * ## Header main
 *--------------------*/

.header-main {
    padding: 5px 0;
}

@media (min-width: 992px) {
    .header-main {
        padding: 40px 0;
    }
}
.header-main .row--vertical-center > .col-xs-3 {
    width: 24.95%;
}
.header-main__inner--flex {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.header-main__section {
    padding-right: 20px;
}

.header-main__section:last-child {
    padding-right: 0;
}

.header-main--inverse {
    background: #131313;
    color: rgba(255, 255, 255, 0.8);
}


/*---- Header branding ---*/

.navigation-bar .header-branding {
    max-width: 30%;
}

.header-branding--mobile {
    min-width: 0;
}

.site-title {
    color: #FC3C2D;
    font-size: 36px;
    font-weight: 700;
}

@media (min-width: 1200px) {
    .site-title {
        font-size: 48px;
    }
}

.site-title:first-child {
    margin-top: 0;
}

.site-title:last-child {
    margin-bottom: 0;
}

.site-title a {
    color: inherit;
    text-decoration: none;
}

.navigation-bar .site-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 36px;
    line-height: 60px;
}

.site-description {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
}

.mobile-header .site-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 20px;
}

.mobile-header .site-title a {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*---- Header logo ---*/

.header-logo a {
    text-decoration: none !important;
}

.navigation-bar .header-logo {
    display: inline-block;
    vertical-align: middle;
}

.navigation-bar .header-logo img {
    max-height: 60px;
    padding: 0;
}
.header-5 .navigation-bar .header-logo img,
.header-4 .navigation-bar .header-logo img {
    max-height: 40px;
}
.navigation-bar--inverse .header-logo--text,
.navigation-bar--inverse .header-logo--text a {
    color: #fff;
}

.header-5 .site-header .offcanvas-menu-toggle {
    margin-right: 10px;
}


/*---- Header main buttons ---*/

.header-main-btn {
    display: inline-block;
    padding: 5px 10px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    color: inherit;
    text-decoration: none;
}

.header-main-btn:hover,
.header-main-btn:active,
.header-main-btn:focus {
    color: inherit;
    text-decoration: none;
}

.header-main-btn .mdicon,
.header-main-btn i {
    font-size: 1.2em;
}

.header-main-btn .mdicon:not(:last-child),
.header-main-btn i:not(:last-child) {
    margin-right: 0.2em;
}


/*---- Header search ---*/

.header-main .header-search .search-form__input {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}


/*
 * ## Navigation bar
 *--------------------*/

.navigation-bar {
    /*height: 60px;*/
    position: relative;
    z-index: 1;
}

.navigation-bar--fullwidth {
    background: #fff;
}

.navigation-bar__inner {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner {
    padding-left: 10px;
    padding-right: 10px;
}

.navigation-bar--fullwidth .navigation-bar__inner {
    padding-left: 15px;
    padding-right: 15px;
}

.navigation-bar--fullwidth .container .navigation-bar__inner {
    padding-left: 0;
    padding-right: 0;
}

.navigation-bar:not(.navigation-bar--fullwidth):not(.navigation-bar--inverse) .navigation-bar__inner {
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
}
.header-1 .navigation-bar:not(.navigation-bar--fullwidth):not(.navigation-bar--inverse) .navigation-bar__inner {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header-1 .navigation-wrapper .menu-main-menu-container {
    text-align: center;
}
.header-2 .navigation-wrapper .menu-main-menu-container {
    text-align: center;
}

.navigation-bar__section {
    min-width: 0;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.navigation-bar__section.lwa {
    margin-bottom: 0;
}
.navigation-bar__section:first-child {
    padding-left: 0;
}

.navigation-bar__section:last-child {
    padding-right: 0;
}


/*
 * #Main navigation
 *--------------------*/

.navigation-wrapper {
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .navigation-bar .header-logo {
        padding-right: 20px;
    }
}

.navigation--main {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 0;
}

.navigation--main * {
    white-space: initial;
}

.navigation--main a {
    text-decoration: none;
}

.navigation--main>li {
    font-size: 14px;
    font-size: 1rem;
    white-space: normal;
    text-align: left;
}

.navigation--main>li>a {
    display: inline-block;
    height: 60px;
    padding: 0 10px;
    font-size: 13px;
    font-size: 0.92857rem;
    line-height: 60px;
    text-transform: uppercase;
}

.navigation--main>li.menu-item-has-children>a::after,
.navigation--main .sub-menu li.menu-item-has-children>a::after {
    /* use !important to prevent issues with browser extensions that change fonts */
    display: inline-block;
    font-family: 'mdicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e5cf';
    display: inline-block;
    margin-left: 0.1em;
    margin-top: -0.1em;
    font-size: 1.3em;
    letter-spacing: -0.2857em;
}

.navigation--main .sub-menu li.menu-item-has-children>a {
    position: relative;
    padding-right: 20px;
}

.navigation--main .sub-menu li.menu-item-has-children>a::after {
    content: '\e409';
    position: absolute;
    top: 50%;
    right: 7px;
    left: auto;
    bottom: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.navigation--main>li>a {
    position: relative;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.2s ease-out 0.05s;
    -o-transition: all 0.2s ease-out 0.05s;
    transition: all 0.2s ease-out 0.05s;
}

.navigation--main>li>a::before {
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    background: #FC3C2D;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.navigation--main>li:hover>a,
.navigation--main>li.current-menu-item>a {
    color: rgba(0, 0, 0, 0.8);
}

.navigation--main>li:hover>a::before,
.navigation--main>li.current-menu-item>a::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.navigation--main .sub-menu {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.4;
}

.navigation--main>li>.sub-menu,
.navigation--main li>.sub-menu .sub-menu {
    width: 220px;
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 10px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(1, 0.9);
    -ms-transform: scale(1, 0.9);
    transform: scale(1, 0.9);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    z-index: 30;
    backface-visibility: hidden;
}

.navigation--main li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

.navigation--main li>.sub-menu .sub-menu {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 100%;
    margin-left: 10px;
}

.navigation--main .sub-menu a {
    display: block;
    padding: 10px 8px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.4;
}

.navigation--main .sub-menu li:hover>a {
    background: rgba(0, 0, 0, 0.025);
}


/*
 * Priority nav dropdown
 *------------------------*/

.priority-nav__more {
    direction: rtl;
}

.priority-nav__more * {
    direction: ltr;
}

.priority-nav__more>a>i {
    display: inline-block;
    margin-left: 0.1em;
    margin-top: -0.1em;
    letter-spacing: -0.2857em;
}

.priority-nav__more .sub-menu .sub-menu,
.priority-nav__more li.menu-item-has-children>a::after,
.priority-nav__more .atbssuga-mega-menu {
    display: none !important;
}


/*
 * Navigation bar inverse
 *------------------------*/

.navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner {
    background: #131313;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}

.navigation-bar--inverse.navigation-bar--fullwidth {
    background: #131313;
}

.navigation-bar--inverse.navigation-bar--fullwidth .container .navigation-bar__inner {
    padding-left: 0;
    padding-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: none;
}

.navigation-bar--inverse .navigation-bar__section--seperated {
    border-color: rgba(255, 255, 255, 0.1);
}

.navigation-bar--inverse .navigation--main>li>a,
.navigation-bar--inverse .navigation-bar-btn {
    color: rgba(255, 255, 255, 0.8);
}

.navigation-bar--inverse .navigation--main>li>a:hover,
.navigation-bar--inverse .navigation--main>li>a:focus,
.navigation-bar--inverse .navigation--main>li>a:active,
.navigation-bar--inverse .navigation-bar-btn:hover,
.navigation-bar--inverse .navigation-bar-btn:focus,
.navigation-bar--inverse .navigation-bar-btn:active {
    color: white;
}

.navigation-bar--inverse .navigation--main>li:hover>a,
.navigation-bar--inverse .navigation--main>li.current-menu-item>a {
    color: white;
}


/*
 * Mega menu
 *--------------------*/

.atbssuga-mega-menu {
    width: 100%;
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    background: #fff;
    -webkit-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.09);
    z-index: 20;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1, 0.9);
    -ms-transform: scale(1, 0.9);
    transform: scale(1, 0.9);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    backface-visibility: hidden;
}

.navigation--main li:hover>.atbssuga-mega-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

.atbssuga-mega-menu__inner {
    padding: 20px;
    pointer-events: auto;
}

.atbssuga-mega-menu .container .atbssuga-mega-menu__inner {
    padding-left: 0;
    padding-right: 0;
}


/*---- Category mega menu ----*/

.atbssuga-mega-menu .posts-list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}

.atbssuga-mega-menu .posts-list>li {
    max-width: 25%;
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
}

.atbssuga-mega-menu .posts-list>li.big-post {
    max-width: 50%;
    -webkit-box-flex: 2;
    box-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.atbssuga-mega-menu ul.sub-categories {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.atbssuga-mega-menu ul.sub-categories li {
    display: inline-block;
}

.atbssuga-mega-menu ul.sub-categories li:not(:first-child) {
    margin-left: 2px;
}

/*---- Links mega menu ----*/

.atbssuga-mega-menu__inner>.sub-menu {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.atbssuga-mega-menu__inner>.sub-menu>li {
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    padding: 10px;
}

.atbssuga-mega-menu__inner>.sub-menu>li:nth-child(n+6) {
    max-width: 20%;
}

.atbssuga-mega-menu__inner>.sub-menu>li>a {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.atbssuga-mega-menu__inner>.sub-menu>li:hover>a {
    background: transparent;
}

.atbssuga-mega-menu__inner .sub-menu>li.menu-item-has-children>a::after {
    content: none;
}

.atbssuga-mega-menu__inner .sub-menu .sub-menu {
    padding: 10px 0 0;
}


/*
 * Nav bar buttons
 *--------------------*/

.navigation-bar-btn {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    height: 60px;
    padding: 0 10px;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
}

.navigation-bar-btn:hover,
.navigation-bar-btn:active,
.navigation-bar-btn:focus {
    color: inherit;
    text-decoration: none;
}

.navigation-bar-btn span,
.navigation-bar-btn i {
    line-height: 60px;
    vertical-align: middle;
}

.navigation-bar-btn i {
    font-size: 20px;
}

.navigation-bar-btn i:not(:last-child) {
    margin-right: 0.2em;
}


/*---- Header search ---*/

.header-search {
    max-width: 100%;
    min-width: 280px;
}

.navigation-bar--inverse .header-search .search-form__input,
.navigation-bar--dark .header-search .search-form__input,
.site-header--inverse .header-search .search-form__input {
    background: #fff;
}

.header-search-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.header-search-dropdown.is-active {
    display: block;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
    opacity: 1;
    visibility: visible;
}

.header-search-dropdown .search-form__input {
    padding: 18px 8px;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-size: 1.14286rem;
}

@media (min-width: 768px) {
    .header-search-dropdown .search-form__input {
        font-size: 26px;
        font-size: 1.85714rem;
    }
}

.header-search-dropdown .search-form__input:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.header-search-dropdown .search-form__submit {
    text-transform: uppercase;
}

.search-form--horizontal {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.search-form--horizontal .search-form__input-wrap {
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.search-form--horizontal .search-form__submit-wrap {
    -webkit-box-flex: 0;
    box-flex: 0;
    -moz-flex: 0;
    -ms-flex: 0;
    flex: 0;
}

.ajax-search .search-results {
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.ajax-search .search-results.is-active {
    display: block;
    opacity: 1;
    visibility: visible;
}

.ajax-search .search-results .typing-loader {
    margin: 0 auto;
}

.ajax-search .search-results:not(.is-loading) .typing-loader {
    display: none;
}


/*Typing Loader*/

.typing-loader {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-animation: typing 1s linear infinite alternate;
    animation: typing 1s linear infinite alternate;
    position: relative;
    left: -12px;
}

.site-wrapper {
    --background-color-dark-mode-keyframes: #222;
    --background-color-dark-mode-keyframes-02: rgba(0,0,0,0.2);
    --background-color-dark-mode-keyframes-04: rgba(0,0,0,0.4);
}
.site-wrapper.suga-dark-mode {
    --background-color-dark-mode-keyframes: #fff;
    --background-color-dark-mode-keyframes-02: rgba(255,255,255,0.2);
    --background-color-dark-mode-keyframes-04: rgba(255,255,255,0.4);
}
@-webkit-keyframes typing {
    0% {
        background-color: var(--background-color-dark-mode-keyframes);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
    }
    25% {
        background-color: var(--background-color-dark-mode-keyframes-04);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
    }
    75% {
        background-color: var(--background-color-dark-mode-keyframes-04);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes);
    }
}

@-moz-keyframes typing {
    0% {
        background-color: var(--background-color-dark-mode-keyframes);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
    }
    25% {
        background-color: var(--background-color-dark-mode-keyframes-04);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
    }
    75% {
        background-color: var(--background-color-dark-mode-keyframes-04);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes);
    }
}

@-o-keyframes typing {
    0% {
        background-color: var(--background-color-dark-mode-keyframes);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
    }
    25% {
        background-color: var(--background-color-dark-mode-keyframes-04);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
    }
    75% {
        background-color: var(--background-color-dark-mode-keyframes-04);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes);
    }
}

@keyframes typing {
    0% {
        background-color: var(--background-color-dark-mode-keyframes);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
    }
    25% {
        background-color: var(--background-color-dark-mode-keyframes-04);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes-02);
    }
    75% {
        background-color: var(--background-color-dark-mode-keyframes-04);
        -webkit-box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes);
        box-shadow: 12px 0px 0px 0px var(--background-color-dark-mode-keyframes-02), 24px 0px 0px 0px var(--background-color-dark-mode-keyframes);
    }
}

.search-results__view-all {
    display: block;
    clear: both;
    margin-top: 20px;
    font-size: 18px;
    font-size: 1.28571rem;
    text-align: center;
}


/*---- Dropdown login ---*/

.nav-login__dropdown {
    padding: 20px;
    background: #fff;
}


/*
 * Header banner
 *--------------------*/

.header-main--inverse .search-form__input {
    background: #fff;
}

.navigation-bar--inverse .navigation--main>li>a,
.navigation-bar--inverse .navigation-bar-btn {
    color: rgba(255, 255, 255, 0.85);
}

.navigation-bar--inverse .navigation--main>li>a:hover,
.navigation-bar--inverse .navigation--main>li>a:focus,
.navigation-bar--inverse .navigation--main>li>a:active,
.navigation-bar--inverse .navigation-bar-btn:hover,
.navigation-bar--inverse .navigation-bar-btn:focus,
.navigation-bar--inverse .navigation-bar-btn:active {
    color: white;
}


/*
 * Mobile header
 *--------------------*/

.mobile-header {
    position: relative;
    height: 50px;
    background: #fff;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
}

@media (min-width: 768px) {
    .mobile-header {
        height: 60px;
    }
}

.mobile-header__inner {
    padding: 0 15px;
}

.container .mobile-header__inner {
    padding: 0;
}

.mobile-header__inner--flex {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
}

.mobile-header__section {
    padding-right: 20px;
    white-space: nowrap;
}

.mobile-header__section:last-child {
    padding-right: 0;
}

.header-logo--mobile img {
    max-height: 35px;
}

@media (min-width: 768px) {
    .header-logo--mobile img {
        max-height: 45px;
    }
}

.mobile-header-btn {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    height: 50px;
    padding: 0 4px;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    vertical-align: middle;
}

.mobile-header-btn:hover,
.mobile-header-btn:active,
.mobile-header-btn:focus {
    color: inherit;
    text-decoration: none;
}

@media (min-width: 768px) {
    .mobile-header-btn {
        height: 60px;
    }
}

.mobile-header-btn:hover {
    color: rgba(0, 0, 0, 0.8);
}

.mobile-header-btn>span {
    display: inline-block;
    line-height: 50px;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .mobile-header-btn>span {
        line-height: 60px;
    }
}

.mobile-header-btn i {
    font-size: 26px;
    line-height: 50px;
}

@media (min-width: 768px) {
    .mobile-header-btn i {
        font-size: 24px;
        line-height: 60px;
    }
}

.mobile-header--dark,
.mobile-header--inverse {
    background: #131313;
    color: #fff;
}

.mobile-header--dark .mobile-header-btn,
.mobile-header--inverse .mobile-header-btn,
.mobile-header--inverse .header-logo a {
    color: rgba(255, 255, 255, 0.8);
}

.mobile-header--dark .mobile-header-btn:hover,
.mobile-header--inverse .mobile-header-btn:hover,
.mobile-header--inverse .header-logo a:hover {
    color: white;
}


/*---- Sticky header ----*/

.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 -1px 0 0 rgba(0, 0, 0, 0.04);
    visibility: hidden;
    pointer-events: none;
    z-index: 50;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    -webkit-transform: translate3d(0, -101%, 0);
    -ms-transform: translate3d(0, -101%, 0);
    transform: translate3d(0, -101%, 0);
}
.is-fixed.sticky-header {pointer-events: auto;}
.sticky-header .site-logo {
    line-height: 60px;
    display: flex;
    align-items: center;
}
.sticky-header .site-logo img {
    max-height: 40px;
    margin-left: 10px;
}
.sticky-header.is-shown {
    pointer-events: initial;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.sticky-header.is-fixed {
    pointer-events: initial;
    visibility: visible;
}

@media (min-width: 992px) {
    .admin-bar .sticky-header.is-fixed {
        margin-top: 32px;
    }
}


/*---- Overlap header ---*/

.has-overlap-header .site-header--overlap::after {
    clear: both;
    content: "";
    display: table;
}

.has-overlap-header .site-header--overlap .navigation-bar {
    margin-bottom: -30px;
}

@media (min-width: 992px) {
    .has-overlap-header .atbssuga-block--fullwidth.atbssuga-mosaic-block--with-bg:first-child,
    .has-overlap-header .atbssuga-block--fullwidth.has-overlap-background:first-child,
    .has-overlap-header .atbssuga-block--fullwidth.has-background:first-child,
    .has-overlap-header .atbssuga-block--fullwidth:first-child .atbssuga-block__inner {
        padding-top: 60px;
    }
}


/* -----------------------------------------------------------------
## Site Footer
----------------------------------------------------------------- */

.site-footer {
    position: relative;
    background: #F2F2F2;
    color: rgba(0, 0, 0, 0.6);
}

.site-footer__inner {
    position: relative;
}

.site-footer__section {
    position: relative;
    padding-bottom: 30px;
}

.site-footer__section:first-child {
    padding-top: 40px;
}

.site-footer__section--seperated {
    padding-top: 30px;
}

.site-footer__section-inner {
    position: relative;
}

.site-footer__section--bordered,
.site-footer__section--bordered-inner .site-footer__section-inner {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.site-footer__section--bordered-inner .site-footer__section-inner {
    padding-top: 30px;
}

/*
 * Footer Logo
 *--------------------*/
.site-footer .logo-text {
    font-size: 28px;
    font-weight: bold;
}
.site-footer .footer-logo {
    margin-right: 30px;
}
.site-footer .footer-logo a {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none !important;
}
.site-footer--inverse .site-logo a {
    color: #fff;
}
/*
 * Footer widget
 *--------------------*/

.site-footer .widget:last-child {
    margin-bottom: 0;
}

.has-block-heading-line-under .site-footer .widget__title {
    border-bottom: none;
}


/*
 * Footer menu
 *--------------------*/

.navigation--footer {
    font-weight: 700;
}

.navigation--footer .sub-menu {
    display: none;
}

.navigation--footer>li {
    padding: 0.2em 0.4em;
}

.navigation--footer>li>a {
    color: rgba(0, 0, 0, 0.6);
}

.navigation--footer>li>a:hover {
    color: rgba(0, 0, 0, 0.8);
}

.footer-menu--bold .navigation--footer>li>a {
    font-weight: 700;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .site-footer__section--flex .site-footer__section-inner {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        box-align: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
    }
}

.site-footer__section--flex .site-footer__section-left {
    padding-bottom: 20px;
    text-align: center;
}

@media (min-width: 768px) {
    .site-footer__section--flex .site-footer__section-left {
        -webkit-box-flex: 1;
        box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 10px;
        padding-bottom: 0;
        text-align: left;
    }
}

.site-footer__section--flex .site-footer__section-right {
    text-align: center;
}

@media (min-width: 768px) {
    .site-footer__section--flex .site-footer__section-right {
        -webkit-box-flex: 1;
        box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 10px;
        text-align: right;
    }
}


/*---- Footer inverse ----*/

.site-footer--inverse {
    background: #222;
    color: rgba(255, 255, 255, 0.8);
}

.site-footer--inverse input[type="submit"]:not(.btn),
.site-footer--inverse input[type="button"]:not(.btn),
.site-footer--inverse input[type="reset"]:not(.btn),
.site-footer--inverse input[type="submit"]:not(.btn):hover,
.site-footer--inverse input[type="button"]:not(.btn):hover,
.site-footer--inverse input[type="reset"]:not(.btn):hover,
.site-footer--inverse input[type="submit"]:not(.btn):focus,
.site-footer--inverse input[type="button"]:not(.btn):focus,
.site-footer--inverse input[type="reset"]:not(.btn):focus {
    background: #222;
}

.site-footer--inverse a,
.site-footer--inverse .post__title a {
    color: white;
}

.site-footer--inverse .navigation--footer>li>a {
    color: rgba(255, 255, 255, 0.8);
}

.site-footer--inverse .navigation--footer>li>a:hover {
    color: white;
}

.site-footer--inverse .site-footer__section--bordered,
.site-footer--inverse .site-footer__section--bordered-inner .site-footer__section-inner {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.has-block-heading-line-around .site-footer--inverse .widget__title::before,
.has-block-heading-line-around .site-footer--inverse .widget__title::after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.atbssuga-go-top.atbssuga-go-top {
    width: 40px;
    height: 40px;
    position: fixed;
    top: auto;
    bottom: 10px;
    left: auto;
    right: 10px;
    padding: 0;
    font-size: 18px;
    line-height: 40px;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    -webkit-transform: translate(0, 54px);
    -ms-transform: translate(0, 54px);
    transform: translate(0, 54px);
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    pointer-events: none;
    visibility: hidden;
    z-index: 10;
}

@media (min-width: 1200px) {
    .atbssuga-go-top.atbssuga-go-top {
        bottom: 20px;
        right: 20px;
        -webkit-transform: translate(0, 64px);
        -ms-transform: translate(0, 64px);
        transform: translate(0, 64px);
    }
}

.atbssuga-go-top.atbssuga-go-top.is-active {
    visibility: visible;
    pointer-events: initial;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .atbssuga-go-top.atbssuga-go-top {
    display: none;
}

.atbssuga-go-top.atbssuga-go-top i {
    line-height: 38px;
    vertical-align: initial;
}


/* =============================================================================
## COMPONENTS
============================================================================= */


/* -----------------------------------------------------------------
## Block heading
----------------------------------------------------------------- */

.block-heading {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 100%;
    position: relative;
    margin-bottom: 1.4rem;
    font-size: 1rem;
    line-height: 1.2;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block-heading a {
    color: inherit;
    text-decoration: none;
}

.block-heading a:hover,
.block-heading a:active,
.block-heading a:focus {
    color: inherit;
    text-decoration: none;
}

.block-heading__title {
    margin: 0;
    color: rgba(0, 0, 0, 0.8);
    font-size: 1.1rem;
    line-height: 1.2;
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
}
.page-heading__title,
.block-heading__title {
    word-break: break-word;
}
.block-heading--secondary .block-heading__title {
    font-size: 1rem;
    font-weight: 300;
}

.block-heading .first-word,
.block-heading span {
    font-weight: 300;
}

.block-heading__subtitle {
    line-height: 1.4;
    letter-spacing: normal;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.4);
}

.overlay-content .block-heading__subtitle,
.inverse-text .block-heading__subtitle {
    color: rgba(255, 255, 255, 0.8);
}

.block-heading__secondary {
    padding-left: 0.6em;
    text-align: right;
    vertical-align: middle;
}

.block-heading__secondary a {
    color: inherit;
    text-decoration: none;
}

.block-heading__secondary a:hover,
.block-heading__secondary a:active,
.block-heading__secondary a:focus {
    color: inherit;
    text-decoration: none;
}


/*---- Block heading large ----*/

@media (min-width: 768px) {
    .block-heading.block-heading--lg {
        margin-bottom: 65px;
    }
}

@media (min-width: 768px) {
    .block-heading.block-heading--lg .block-heading__title {
        font-size: 60px;
    }
}


/*---- Block heading line ----*/

.block-heading--line.block-heading::after {
    content: '';
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2;
    margin-left: 1.5em;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.has-block-heading-line .block-heading__secondary,
.block-heading--line .block-heading__secondary {
    -webkit-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3;
}

.block-heading--line.block-heading .block-heading__title {
    max-width: calc(100% - 100px);
}

@media (max-width: 380px) {
    .block-heading--line.block-heading .block-heading__title {
        max-width: calc(100% - 60px);
    }
}

.site-footer .block-heading--line.block-heading::after {
    border-top: 2px solid rgba(255, 255, 255, 0.15);
}
/*---- Block heading center ----*/

.block-heading--center {
    display: block;
    text-align: center;
    border: none !important;
}

.block-heading--center .block-heading__title {
    margin-bottom: 0.4em;
    padding: 0;
}

.block-heading--center .block-heading__subtitle {
    padding: 0;
}

.block-heading--center::before,
.block-heading--center::after {
    display: none;
}


/*---- Block heading line around ----*/

.has-block-heading-line-around.block-heading::before,
.has-block-heading-line-around.block-heading::after {
    content: '';
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1.5em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.has-block-heading-line-around.block-heading .block-heading__title {
    max-width: 720px;
    text-align: center;
}

@media (max-width: 576px) {
    .has-block-heading-line-around.block-heading .block-heading__title {
        max-width: calc(100% - 100px);
    }
}

@media (max-width: 380px) {
    .has-block-heading-line-around.block-heading .block-heading__title {
        max-width: calc(100% - 60px);
    }
}

.has-block-heading-line-around.block-heading::after {
    margin-left: 1.5em;
    margin-right: 0
}

.has-block-heading-line-around.block-heading__secondary {
    display: none;
}

.site-footer .has-block-heading-line-around.block-heading::before,
.site-footer .has-block-heading-line-around.block-heading::after {
    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}


/*---- Block heading line under ----*/

.block-heading--line-under.block-heading {
    padding-bottom: 5px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.overlay-content .block-heading--line-under.block-heading,
.inverse-text .block-heading--line-under.block-heading,
.block-heading--inverse.block-heading--line-under.block-heading {
    border-color: rgba(255, 255, 255, 0.4);
}

.site-footer .block-heading--line-under.block-heading {
    border-color: rgba(255, 255, 255, 0.15);
}


/*---- Block heading box ----*/

.block-heading--box {
    padding: 10px 12px 11px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: none;
    background: #fff;
}

.block-heading--box .block-heading__title {
    font-size: 14px;
}


/*---- Block heading vertical ----*/

.block-heading--vertical {
    display: block;
}

.block-heading--vertical.block-heading--vertical {
    padding-bottom: 0;
    border-bottom: none;
}

.block-heading--vertical>*:not(:last-child) {
    margin-bottom: 0.4em;
}


/*---- Block heading inverse ----*/

.block-heading--inverse {
    position: relative;
    color: white;
    z-index: 1;
}

.block-heading--inverse .block-heading__title {
    color: white;
}

.block-heading--inverse .block-heading__subtitle {
    color: rgba(255, 255, 255, 0.8);
}

.block-heading.block-heading--inverse::before,
.block-heading.block-heading--inverse::after {
    border-color: rgba(255, 255, 255, 0.2);
}


/*---- Search results section heading ----*/

.search-results__section-heading {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 100%;
    position: relative;
    margin-bottom: 1.4rem;
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    line-height: 1.2;
}

.search-results__section-heading-title {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
}

.search-results__section-heading a {
    color: inherit;
    text-decoration: none;
}

.search-results__section-heading a:hover,
.search-results__section-heading a:active,
.search-results__section-heading a:focus {
    color: inherit;
    text-decoration: none;
}


/* -----------------------------------------------------------------
## Buttons
----------------------------------------------------------------- */

input[type="button"]:not(.btn),
input[type="reset"]:not(.btn),
input[type="submit"]:not(.btn) {
    outline: 0 !important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

input[type="button"]:not(.btn):hover,
input[type="reset"]:not(.btn):hover,
input[type="submit"]:not(.btn):hover {
    background: #efefef;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.post-password-required input[type="button"]:not(.btn),
.post-password-required input[type="reset"]:not(.btn),
.post-password-required input[type="submit"]:not(.btn) {
    outline: 0 !important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #333;
    margin-left: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.post-password-required input[type="button"]:not(.btn):hover,
.post-password-required input[type="reset"]:not(.btn):hover,
.post-password-required input[type="submit"]:not(.btn):hover {
    opacity: 0.8;
}
.btn {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:visited {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.suga-subscribe-button, .suga-subscribe-button:hover, .suga-subscribe-button:focus, .suga-subscribe-button:active, .suga-subscribe-button:visited {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: var(--color-logo);
    color: #fff;
}
a.btn {
    text-decoration: none;
}

.btn-link {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background: #f8f8f8;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover {
    background: #eee;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-primary {
    background: #FC3C2D;
    color: #fff;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background: #ef392b;
    color: #fff;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background: #e33629;
    color: #fff;
}

.btn-pill {
    border-radius: 999em;
}

.btn-glass {
    border: 3px solid rgba(255, 255, 255, 0.4);
    background-clip: padding-box;
}

.btn-glass:active,
.btn-glass:focus,
.btn-glass:hover {
    border: 3px solid rgba(255, 255, 255, 0.4);
}

.btn-ghost {
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.8);
}

.btn-ghost:hover,
.btn-ghost:active,
.btn-ghost:focus,
.btn-ghost:visited {
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: white;
}

.btn-frame {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.8);
}

.btn-frame:hover,
.btn-frame:active,
.btn-frame:focus,
.btn-frame:visited {
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.8);
}


/* -----------------------------------------------------------------
## Custom Scrollbar
----------------------------------------------------------------- */

.ps-container>.ps-scrollbar-y-rail,
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    width: 6px;
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    right: 0;
    border-radius: 2px;
}

.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y {
    width: 8px;
}

.ps-container>.ps-scrollbar-y-rail {
    background: transparent !important;
}

.scrollbar-always-visible.ps-container>.ps-scrollbar-x-rail,
.scrollbar-always-visible.ps-container>.ps-scrollbar-y-rail {
    opacity: 0.6;
}

.iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 6px;
    bottom: 4px;
    top: 4px;
    right: 4px;
    overflow: hidden;
}

.iScrollIndicator {
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 999em;
}

.iScrollVerticalScrollbar .iScrollIndicator {
    width: 100%;
}

.atbssuga-video-box .iScrollIndicator {
    background: rgba(255, 255, 255, 0.5);
}


/* -----------------------------------------------------------------
## Category Tile
----------------------------------------------------------------- */
.category-tile__wrap {
    position: relative;
}

.category-tile__inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    min-height: 180px;
    position: relative;
}

.category-tile--sm .category-tile__inner {
    min-height: 120px;
}

.category-tile .link-overlay {
    z-index: 1;
}

.category-tile__text {
    width: 100%;
    position: relative;
    padding: 20px 20px 15px;
    text-align: center;
}

.category-tile__name {
    max-width: 100%;
    display: inline-block;
    padding: 0.4em 1em;
    background: #333;
    color: #fff;
    font-size: 0.8571rem;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.category-tile__description {
    margin-top: 0.4em;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.8571rem;
}

.category-tile:hover .background-img::after {
    opacity: 0.6;
}

@media (max-width: 991px) and (min-width: 481px) {
    .atbssuga-widget-categories ul {
        margin: -10px;
        display: flex;
        flex-wrap: wrap;
    }

    .atbssuga-widget-categories ul > li {
        padding: 10px;
        width: 50%;
    }
}

/* -----------------------------------------------------------------
## Block Divider
----------------------------------------------------------------- */

.block-divider {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin: 1.2em 0;
}

.block-divider::before,
.block-divider::after {
    content: '';
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.block-divider>span {
    margin: 0 0.6em;
}

.horizontal-divider {
    margin: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.horizontal-divider--space-sm {
    margin: 10px 0;
}

/* -----------------------------------------------------------------
## Forms
----------------------------------------------------------------- */

label {
    font-size: 14px;
    font-size: 1rem;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(0, 0, 0, 0.4);
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(0, 0, 0, 0.4);
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(0, 0, 0, 0.4);
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, 0.4);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
textarea.form-control,
select,
select.form-control {
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
textarea.form-control:focus,
select:focus,
select.form-control:focus {
    border: 1px solid var(--color-logo);
    outline: none;
}

/* -----------------------------------------------------------------
## Icons
----------------------------------------------------------------- */

@font-face {
    font-family: 'mdicon';
    src: url("../fonts/mdicon.ttf") format("truetype"), url("../fonts/mdicon.woff") format("woff"), url("../fonts/mdicon.svg?sx8kbt#mdicon") format("svg");
    font-weight: normal;
    font-style: normal;
}

.mdicon {
    /* use !important to prevent issues with browser extensions that change fonts */
    display: inline-block;
    font-family: 'mdicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn .mdicon {
    font-size: 1.2em;
}

@font-face {
    font-family: 'mdicon';
    src: url('../fonts/mdicon.ttf') format('truetype'),
    url('../fonts/mdicon.woff') format('woff'),
    url('../fonts/mdicon.svg?1qswia#mdicon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mdicon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mdicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mdicon-schedule::before {
    content: "\e8b5";
}
.mdicon-add_circle::before {
    content: "\e147";
}
.mdicon-apps::before {
    content: "\e5c3";
}
.mdicon-arrow_back::before {
    content: "\e5c4";
}
.mdicon-arrow_downward::before {
    content: "\e5db";
}
.mdicon-arrow_drop_down::before {
    content: "\e5c5";
}
.mdicon-arrow_drop_up::before {
    content: "\e5c7";
}
.mdicon-arrow_forward::before {
    content: "\e5c8";
}
.mdicon-arrow_upward::before {
    content: "\e5d8";
}
.mdicon-audiotrack::before {
    content: "\e3a1";
}
.mdicon-border_color::before {
    content: "\e22b";
}
.mdicon-cached::before {
    content: "\e86a";
}
.mdicon-chat_bubble::before {
    content: "\e0ca";
}
.mdicon-chat_bubble_outline::before {
    content: "\e0cb";
}
.mdicon-navigate_before::before {
    content: "\e408";
}
.mdicon-navigate_next::before {
    content: "\e409";
}
.mdicon-close::before {
    content: "\e5cd";
}
.mdicon-mode_edit::before {
    content: "\e254";
}
.mdicon-crop_original::before {
    content: "\e3c4";
}
.mdicon-dehaze::before {
    content: "\e3c7";
}
.mdicon-remove_circle::before {
    content: "\e15c";
}
.mdicon-expand_less::before {
    content: "\e5ce";
}
.mdicon-expand_more::before {
    content: "\e5cf";
}
.mdicon-extension::before {
    content: "\e87b";
}
.mdicon-favorite::before {
    content: "\e87d";
}
.mdicon-favorite_border::before {
    content: "\e87e";
}
.mdicon-get_app::before {
    content: "\e884";
}
.mdicon-filter::before {
    content: "\e3d3";
}
.mdicon-flash_on::before {
    content: "\e3e7";
}
.mdicon-folder::before {
    content: "\e2c7";
}
.mdicon-folder_open::before {
    content: "\e2c8";
}
.mdicon-star::before {
    content: "\e838";
}
.mdicon-home::before {
    content: "\e88a";
}
.mdicon-open_in_new::before {
    content: "\e89e";
}
.mdicon-shopping_cart::before {
    content: "\e8cc";
}
.mdicon-local_offer::before {
    content: "\e54e";
}
.mdicon-mail_outline::before {
    content: "\e0e1";
}
.mdicon-menu::before {
    content: "\e5d2";
}
.mdicon-more_horiz::before {
    content: "\e5d3";
}
.mdicon-more_vert::before {
    content: "\e5d4";
}
.mdicon-person::before {
    content: "\e7fd";
}
.mdicon-play_arrow::before {
    content: "\e037";
}
.mdicon-play_circle_filled::before {
    content: "\e038";
}
.mdicon-play_circle_outline::before {
    content: "\e039";
}
.mdicon-public::before {
    content: "\e80b";
}
.mdicon-visibility::before {
    content: "\e8f4";
}
.mdicon-reply::before {
    content: "\e15e";
}
.mdicon-rss_feed::before {
    content: "\e0e5";
}
.mdicon-search::before {
    content: "\e8b6";
}
.mdicon-share::before {
    content: "\e80d";
}
.mdicon-shuffle::before {
    content: "\e043";
}
.mdicon-star_border::before {
    content: "\e83a";
}
.mdicon-star_half::before {
    content: "\e839";
}
.mdicon-thumb_up::before {
    content: "\e8dc";
}
.mdicon-trending_up::before {
    content: "\e8e5";
}
.mdicon-chevron-thin-down::before {
    content: "\e902";
}
.mdicon-chevron-thin-left::before {
    content: "\e900";
}
.mdicon-chevron-thin-right::before {
    content: "\e901";
}
.mdicon-chevron-thin-up::before {
    content: "\e903";
}
.mdicon-fire::before {
    content: "\e9a9";
}
.mdicon-enter::before {
    content: "\ea13";
}
.mdicon-telegram::before {
    content: "\ea95";
}
.mdicon-spinner2::before {
    content: "\e97b";
}
.mdicon-youtube-square::before {
    content: "\f166";
}
.mdicon-youtube::before {
    content: "\f167";
}
.mdicon-twitter::before {
    content: "\f099";
}
.mdicon-facebook::before {
    content: "\f09a";
}
.mdicon-facebook-f::before {
    content: "\f09a";
}
.mdicon-google-plus::before {
    content: "\f0d5";
}
.mdicon-linkedin::before {
    content: "\f0e1";
}
.mdicon-xing::before {
    content: "\f168";
}
.mdicon-youtube-play::before {
    content: "\f16a";
}
.mdicon-instagram::before {
    content: "\f16d";
}
.mdicon-tumblr::before {
    content: "\f173";
}
.mdicon-dribbble::before {
    content: "\f17d";
}
.mdicon-skype::before {
    content: "\f17e";
}
.mdicon-foursquare::before {
    content: "\f180";
}
.mdicon-vk::before {
    content: "\f189";
}
.mdicon-stumbleupon::before {
    content: "\f1a4";
}
.mdicon-behance::before {
    content: "\f1b4";
}
.mdicon-spotify::before {
    content: "\f1bc";
}
.mdicon-deviantart::before {
    content: "\f1bd";
}
.mdicon-soundcloud::before {
    content: "\f1be";
}
.mdicon-vine::before {
    content: "\f1ca";
}
.mdicon-codepen::before {
    content: "\f1cb";
}
.mdicon-twitch::before {
    content: "\f1e8";
}
.mdicon-yelp::before {
    content: "\f1e9";
}
.mdicon-pinterest-p::before {
    content: "\f231";
}
.mdicon-medium::before {
    content: "\f23a";
}
.mdicon-vimeo::before {
    content: "\f27d";
}
.mdicon-product-hunt::before {
    content: "\f288";
}
.mdicon-snapchat-ghost::before {
    content: "\f2ac";
}
.mdicon-exit2::before {
    content: "\ea15";
}
.mdicon-person_pin::before {
    content: "\e55a";
}
.mdicon-sign-out::before {
    content: "\f08b";
}
.mdicon-sort-asc::before {
    content: "\f0de";
}
.mdicon-sort-up::before {
    content: "\f0de";
}
.mdicon-envelope::before {
    content: "\f0e0";
}
.mdicon-linkedin1::before {
    content: "\f0e2";
}
.mdicon-rotate-left::before {
    content: "\f0e3";
}
.mdicon-undo::before {
    content: "\f0e3";
}
.mdicon-gavel::before {
    content: "\f0e4";
}
.mdicon-legal::before {
    content: "\f0e4";
}
.mdicon-dashboard::before {
    content: "\f0e5";
}
.mdicon-tachometer::before {
    content: "\f0e5";
}
.mdicon-comment-o::before {
    content: "\f0e6";
}
.mdicon-comments-o::before {
    content: "\f0e7";
}
.mdicon-cloud-download::before {
    content: "\f0ed";
}
.mdicon-cloud-upload::before {
    content: "\f0ee";
}
.mdicon-user-md::before {
    content: "\f0f0";
}
.mdicon-stethoscope::before {
    content: "\f0f1";
}
.mdicon-suitcase::before {
    content: "\f0f2";
}
.mdicon-bell::before {
    content: "\f0f3";
}
.mdicon-coffee::before {
    content: "\f0f4";
}
.mdicon-cutlery::before {
    content: "\f0f5";
}
.mdicon-beer::before {
    content: "\f0fc";
}
.mdicon-h-square::before {
    content: "\f0fd";
}
.mdicon-plus-square::before {
    content: "\f0fe";
}
.mdicon-angle-double-left::before {
    content: "\f100";
}
.mdicon-angle-double-right::before {
    content: "\f101";
}
.mdicon-angle-double-up::before {
    content: "\f102";
}
.mdicon-angle-double-down::before {
    content: "\f103";
}
.mdicon-angle-left::before {
    content: "\f104";
}


.mdicon~span {
    vertical-align: middle;
}

.mdicon--first {
    margin-right: 0.5em;
}

.mdicon--last {
    margin-left: 0.5em;
}

.icon-twitter,
.icon-facebook,
.icon-google-plus,
.icon-linkedin,
.icon-youtube,
.icon-tumbler,
.icon-dribbble,
.icon-vk,
.icon-stumbleupon,
.icon-behance,
.icon-soundcloud,
.icon-vine,
.icon-twitch,
.icon-facebook-official,
.icon-pinterest_p,
.icon-vimeo {
    font-size: 1em;
}

.icon--2x.icon--2x {
    font-size: 200%;
}


/* -----------------------------------------------------------------
## Links
----------------------------------------------------------------- */

a.link {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

a.link:active,
a.link:focus,
a.link:hover,
a.link:visited {
    color: inherit;
    text-decoration: none;
}

a.link--meta {
    color: rgba(0, 0, 0, 0.4);
}

a.link--meta:active,
a.link--meta:focus,
a.link--meta:hover {
    color: rgba(0, 0, 0, 0.6);
}

a.link--underlined {
    text-decoration: underline;
}

a.link--underlined:active,
a.link--underlined:focus,
a.link--underlined:hover {
    text-decoration: underline;
}

a.link--underlined-hover:hover {
    text-decoration: underline;
}


/* -----------------------------------------------------------------
## Login Form
----------------------------------------------------------------- */
.login-lost-password {
    margin-top: 20px;
}
.login-lost-password,
.login-with-social {
    text-align: center;
}

.login-lost-password a {
    text-decoration: underline;
}

.login-submit,
.register-submit {
    margin-top: 20px;
}

.login-modal .modal-dialog {
    width: 400px;
    max-width: 90vw;
    margin: 10vh auto;
}

@media (min-width: 768px) {
    .login-modal .modal-dialog {
        margin: 15vh auto;
    }
}

.login-modal .modal-title .nav-tabs {
    border-bottom: none;
    text-align: center;
}

.login-modal .modal-title .nav-tabs li {
    margin-bottom: 5px;
}

.login-modal .modal-title .nav-tabs li:not(:last-child) {
    margin-right: 15px;
}

.login-modal .modal-title .nav-tabs a {
    padding: 0;
    border: none !important;
    background: transparent !important;
    color: rgba(0, 0, 0, 0.4);
}

.login-modal .modal-title .nav-tabs li.active a,
.login-modal .modal-title .nav-tabs a:hover {
    border-bottom: 1px solid currentColor !important;
    color: rgba(0, 0, 0, 0.8);
}

.login-modal .modal-body {
    padding: 15px;
}

@media (min-width: 768px) {
    .login-modal .modal-body {
        padding: 30px;
    }
}


/* -----------------------------------------------------------------
## Modal
----------------------------------------------------------------- */

.modal-dialog {
    margin: 15vh auto;
}

.modal-header {
    padding: 15px;
}

@media (min-width: 768px) {
    .modal-header {
        padding: 20px 30px;
    }
}

.modal-title.modal-title {
    margin: 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.42857143;
    text-transform: uppercase;
}


/* -----------------------------------------------------------------
## Navigations
----------------------------------------------------------------- */

.navigation,
.menu,
.sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.navigation,
.menu {
}

.navigation .sub-menu li {
    position: relative;
}

.navigation a {
    display: inline-block;
    text-decoration: none;
}

.navigation--horizontal::after {
    clear: both;
    content: "";
    display: table;
}

.navigation--horizontal>li {
    float: left;
}

.navigation--inline>li {
    display: inline-block;
}

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

.navigation--center>li {
    display: inline-block;
}


/* -----------------------------------------------------------------
## Paginations
----------------------------------------------------------------- */

.atbssuga-pagination {
    margin: 40px 0 20px;
}

.atbssuga-pagination:last-child {
    margin-bottom: 0;
}
.atbssuga-module-pagination .atbssuga-pagination__item-prev {
    display: none;
}
.atbssuga-pagination__title {
    font-size: 16px;
    font-size: 1.14286rem;
}

.atbssuga-pagination__links {
    margin: -2px;
    font-size: 0;
}

.atbssuga-pagination__item {
    display: inline-block;
    min-width: 34px;
    height: 34px;
    margin: 2px;
    padding: 0 4px;
    border-radius: 3px;
    background: #f5f5f5;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .atbssuga-pagination__item {
        padding: 0 6px;
        font-size: 14px;
    }
}

.atbssuga-pagination__item>i {
    line-height: 34px;
}

.atbssuga-pagination__dots {
    min-width: auto;
    background: transparent !important;
}

.atbssuga-pagination--next-n-prev .atbssuga-pagination__inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.atbssuga-pagination--next-n-prev .atbssuga-pagination__label {
    padding-right: 10px;
    font-size: 14px;
    font-size: 1rem;
}

@media (min-width: 768px) {
    .atbssuga-pagination--next-n-prev .atbssuga-pagination__label {
        font-size: 16px;
        font-size: 1.14286rem;
    }
}

.atbssuga-pagination--next-n-prev .atbssuga-pagination__item {
    position: relative;
    padding: 0 8px;
    background: #FC3C2D;
    color: #fff;
}

.atbssuga-pagination--next-n-prev .atbssuga-pagination__links a:first-child .atbssuga-pagination__item,
.atbssuga-pagination--next-n-prev .atbssuga-pagination__links.atbssuga-pagination-last-page-link a:last-child .atbssuga-pagination__item {
    margin-left: 8px;
    background: #f1f1f1;
    color: rgba(0, 0, 0, 0.8);
}

.atbssuga-pagination--next-n-prev .atbssuga-pagination__links a:first-child .atbssuga-pagination__item::after,
.atbssuga-pagination--next-n-prev .atbssuga-pagination__links.atbssuga-pagination-last-page-link a:last-child .atbssuga-pagination__item::after {
    content: '';
    display: block;
    width: 0;
    position: absolute;
    right: 100%;
    left: auto;
    top: 0;
    border-width: 17px 8px;
    margin-left: 0;
    margin-right: -1px;
    border-style: solid;
    border-color: transparent;
    border-right-color: #f1f1f1;
}

.atbssuga-pagination--next-n-prev .atbssuga-pagination__links a:not(:first-child) {
    margin-left: 7px;
}

.atbssuga-pagination--next-n-prev .atbssuga-pagination__links a:last-child .atbssuga-pagination__item {
    margin-right: 8px;
    color: #fff;
}

.atbssuga-pagination--next-n-prev .atbssuga-pagination__links a:last-child .atbssuga-pagination__item::after {
    content: '';
    display: block;
    width: 0;
    position: absolute;
    left: 100%;
    right: auto;
    top: 0;
    border-width: 17px 8px;
    margin-left: -1px;
    margin-right: 0;
    border-style: solid;
    border-color: transparent;
    border-left-color: #FC3C2D;
}

.atbssuga-pagination .suga-no-more-button {
    background: #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.6;
    cursor: auto;
    padding: 6px 12px;
}
.atbssuga-pagination .suga-no-more-button:hover,
.atbssuga-pagination .suga-no-more-button:focus,
.atbssuga-pagination .suga-no-more-button:active {
    background: none;
    padding: 6px 12px;
}

.atbssuga-pagination .suga-no-more-button.active.focus,
.atbssuga-pagination .suga-no-more-buttont.active:focus,
.atbssuga-pagination .suga-no-more-button.active:hover,
.atbssuga-pagination .suga-no-more-button:active.focus,
.atbssuga-pagination .suga-no-more-button:active:focus,
.atbssuga-pagination .suga-no-more-button:active:hover {
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 6px 12px;
}


/* -----------------------------------------------------------------
## Review Score
----------------------------------------------------------------- */


/*---- Score circle ----*/

.post-score {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.post-score__inner {
    position: relative;
    z-index: 10;
}

.post-score-star {
    font-size: 1.2em;
    line-height: 1;
    color: var(--color-logo);
}

.hexagon-svg {
    width: 100%;
    height: auto;
}

.post-score-hexagon {
    position: relative;
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}

.post-score-hexagon .hexagon-svg {
    width: 50px;
    padding: 2px;
    -webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25));
    overflow: visible;
}

.post-type-icon svg {
    width: 50px;
    height: 50px;
}

@media (min-width: 768px) {
    .post-score-hexagon .hexagon-svg {
        width: 60px;
    }
    .post-type-icon svg {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 1200px) {
    .post-score-hexagon .hexagon-svg {
        width: 64px;
    }
    .post-type-icon svg {
        width: 64px;
        height: 64px;
    }
}

.post-score-hexagon .hexagon-svg g path {
    fill: #FC3C2D;
}

.post-score-hexagon .post-score-value {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

@media (min-width: 768px) {
    .post-score-hexagon .post-score-value {
        font-size: 22px;
    }
}

@media (min-width: 1200px) {
    .post-score-hexagon .post-score-value {
        font-size: 26px;
    }
}

.post-score-hexagon--s .hexagon-svg {
    width: 50px;
}

.post-score-hexagon--s .post-score-value {
    font-size: 20px;
}

.post-score-hexagon--l .hexagon-svg {
    width: 100px;
}

.post-score-hexagon--l .post-score-value {
    font-size: 42px;
}

.post-score-hexagon--xl .hexagon-svg {
    width: 100px;
}

@media (min-width: 1200px) {
    .post-score-hexagon--xl .hexagon-svg {
        width: 120px;
    }
}

.post-score-hexagon--xl .post-score-value {
    font-size: 42px;
}

@media (min-width: 1200px) {
    .post-score-hexagon--xl .post-score-value {
        font-size: 50px;
    }
}

.atbssuga-review .post-score-hexagon .hexagon-svg {
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
}


/* -----------------------------------------------------------------
## Search Form
----------------------------------------------------------------- */

.search-form {
    position: relative;
}

.search-form__input {
    color: rgba(0, 0, 0, 0.8);
}

.search-form--inline {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.search-form--inline .search-form__input {
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
    margin-right: 4px;
}

.search-form--btn-inside .search-form__input {
    padding-right: 40px;
}

.search-form--btn-inside .search-form__input:focus {
    outline: none;
}

.search-form--btn-inside .search-form__submit {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 6px 10px;
    background: transparent;
    border: none;
    outline: 0;
    color: rgba(0, 0, 0, 0.4);
}

.search-form--btn-inside .search-form__submit i {
    font-size: 20px;
}


/* -----------------------------------------------------------------
## Search Modal
----------------------------------------------------------------- */

.search-modal .modal-dialog {
    margin: 10vh 10px;
}

@media (min-width: 768px) {
    .search-modal .modal-dialog {
        margin: 15vh auto;
    }
}

.search-modal__inner {
    max-width: 480px;
    margin: auto;
}

.search-modal .modal-body {
    padding: 15px;
}

@media (min-width: 768px) {
    .search-modal .modal-body {
        padding: 30px;
    }
}

.search-modal .search-form {
    margin-bottom: 15px;
}

.search-modal .search-form__input {
    padding-right: calc(1em + 40px);
    font-size: 14px;
}

@media (min-width: 768px) {
    .search-modal .search-form__input {
        padding-right: calc(1em + 40px);
        font-size: 20px;
    }
}

.search-modal .search-form__submit {
    width: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: transparent;
    border: none;
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
}

@media (min-width: 768px) {
    .search-modal .search-form__submit {
        width: 50px;
        font-size: 20px;
    }
}

.search-modal .search-form__submit:focus {
    outline: none;
}


/* -----------------------------------------------------------------
## Tabs
----------------------------------------------------------------- */

ul.nav-tabs {
    padding-left: 0;
}

.nav-tabs>li>a {
    color: #aaa;
}

.panel-title.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}


/* -----------------------------------------------------------------
## Social List
----------------------------------------------------------------- */

.social-list {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 1rem;
    list-style: none;
}

@media (min-width: 768px) {
    .social-list {
        font-size: 16px;
        font-size: 1.14286rem;
    }
}

.social-list>li>a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    padding: 0 0.4em;
    color: rgba(0, 0, 0, 0.8);
    line-height: 20px;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.social-list>li>a:hover,
.social-list>li>a:active,
.social-list>li>a:focus {
    color: inherit;
    text-decoration: none;
}

.social-list>li>a:hover,
.social-list>li>a:focus,
.social-list>li>a:active {
    color: rgba(0, 0, 0, 0.4);
}

.inverse-text .social-list>li>a {
    color: rgba(255, 255, 255, 0.8);
}

.inverse-text .social-list>li>a:hover,
.inverse-text .social-list>li>a:focus,
.inverse-text .social-list>li>a:active,
.inverse-text .social-list>li>a:visited {
    color: white;
}

.social-list--inverse>li>a {
    color: rgba(255, 255, 255, 0.8);
}

.social-list--inverse>li>a:hover,
.social-list--inverse>li>a:focus,
.social-list--inverse>li>a:active {
    color: white;
}

.social-list--circle>li {
    margin-bottom: 8px;
}

.social-list--circle>li:not(:last-child) {
    margin-right: 8px;
}

.social-list--circle>li>a {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05);
    text-align: center;
}

.social-list--circle>li>a i {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
}

.inverse-text .social-list--circle>li>a,
.overlay-content .social-list--circle>li>a {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 768px) {
    .social-list--sm {
        font-size: 14px;
        font-size: 1rem;
    }
}

@media (min-width: 768px) {
    .social-list--lg {
        font-size: 20px;
        font-size: 1.42857rem;
    }
}

@media (min-width: 768px) {
    .social-list--xl {
        font-size: 26px;
        font-size: 1.85714rem;
    }
}

@media (min-width: 768px) {
    .social-list--md.social-list--circle>li>a {
        width: 60px;
        height: 60px;
        border-width: 2px;
    }
    .social-list--md.social-list--circle>li>a i {
        font-size: 24px;
        line-height: 60px;
    }
}


/* -----------------------------------------------------------------
## Subscribe Form
----------------------------------------------------------------- */

.subscribe-form--has-background {
    padding: 30px;
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
    .subscribe-form--has-background {
        padding: 40px;
    }
}

.subscribe-form__inner {
    position: relative;
}

.subscribe-form__fields {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.subscribe-form__fields input[type="submit"] {
    margin-bottom: 0.5rem;
    background: #FC3C2D;
    color: #fff;
}

.subscribe-form__fields input[type="submit"]:hover {
    background: #ef392b;
    color: #fff;
}

.subscribe-form--horizontal input[type="email"],
.subscribe-form--horizontal input[type="text"],
.subscribe-form--horizontal input[type="url"] {
    display: inline-block;
    width: auto;
    max-width: 100%;
    min-width: 240px;
    margin-bottom: 0.5rem;
}

.subscribe-form--center,
.subscribe-form--center input[type="email"],
.subscribe-form--center input[type="text"],
.subscribe-form--center input[type="url"] {
    text-align: center;
}


/* -----------------------------------------------------------------
## Post General
----------------------------------------------------------------- */

.post {
    position: relative;
}


/*---- Post thumb ----*/

.post__thumb,
.entry-thumb {
    position: relative;
}

.post__thumb--overlay.post__thumb {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #808080;
}
.post--overlay {
    background: transparent !important;
}
.atbs-lazy-loading {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0.3;
}
.atbs-lazy-loading.atbs-animation-lazyload {
    /*animation: a 1s ease-in-out both;*/
    -webkit-animation: lazyloadanimation 0.5s cubic-bezier(1,.04,.99,.07) both;
    animation: lazyloadanimation 0.5s cubic-bezier(1,.04,.99,.07) both;
}
@-webkit-keyframes lazyloadanimation {
    0% {

        -webkit-filter: blur(10px);

        filter: blur(10px);
        opacity: 0.3;
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes lazyloadanimation {
    0% {

        -webkit-filter: blur(10px);

        filter: blur(10px);
        opacity: 0.3;
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
.atbs-thumb-object-fit.post__thumb a {
    width: 100%;
    height: 100%;
}
.atbs-thumb-object-fit.post__thumb a.post__cat {
    width: auto;
    height: auto;
}
.atbs-thumb-object-fit.post__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    backface-visibility: hidden;
}

.post__thumb img,
.entry-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.post__thumb a,
.entry-thumb a {
    display: block;
}

.post__thumb--circle {
    border-radius: 50%;
}

.post__thumb--circle img {
    border-radius: 50%;
}

/*---- Post content ----*/

.post__text-inner {
    position: relative;
    padding: 20px;
}

.post__text-inner--p-sm .post__text-inner {
    padding: 15px;
}

.post__text-inner--p-lg .post__text-inner {
    padding: 30px;
}

.has-overlap-bg::before {
    content: '';
    position: absolute;
    top: -20px;
    right: 0;
    bottom: -20px;
    left: 0;
    background: #FC3C2D;
    opacity: 0.6;
    -webkit-transform: scale(0.6, 1);
    -ms-transform: scale(0.6, 1);
    transform: scale(0.6, 1);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

article:hover .has-overlap-bg::before {
    opacity: 1;
    -webkit-transform: scale(0.9, 1);
    -ms-transform: scale(0.9, 1);
    transform: scale(0.9, 1);
}

.has-overlap-frame::before {
    content: '';
    position: absolute;
    top: -20px;
    right: 20%;
    bottom: -20px;
    left: 20%;
    border: 12px solid #FC3C2D;
    opacity: 0.6;
}


/*---- Post category ----*/

.post__cat,
a.post__cat,
.entry-cat,
a.entry-cat {
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    font-size: 12px;
    line-height: 1.4;
    margin-right: 15px;
    text-decoration: none;
    word-break: break-word;
}

@media (min-width: 768px) {
    .post__cat,
    a.post__cat,
    .entry-cat,
    a.entry-cat {
        font-size: 12px;
    }
}

.post__cat--bg,
a.post__cat--bg,
.entry-cat--bg,
a.entry-cat--bg {
    display: inline-block;
    padding: 4px 6px;
    color: #fff !important;
    line-height: 1;
    background: #FC3C2D;
    margin-right: 8px;
    border: none;
}

.post__cat--bg:last-child,
a.post__cat--bg:last-child,
.entry-cat--bg:last-child,
a.entry-cat--bg:last-child {
    margin-right: 0;
}

@media (min-width: 768px) {
    .post__cat--bg,
    a.post__cat--bg,
    .entry-cat--bg,
    a.entry-cat--bg {
        padding: 5px 8px;
    }
}

.post__cat--bg-inverse,
a.post__cat--bg-inverse,
.entry-cat--bg-inverse,
a.entry-cat--bg-inverse {
    display: inline-block;
    padding: 2px 6px;
    color: #333;
    background: #fff !important;
    margin-right: 8px;
    border: none;
}

.post__cat--ghost,
a.post__cat--ghost,
.entry-cat--ghost,
a.entry-cat--ghost {
    display: inline-block;
    padding: 2px 6px;
    color: #fff !important;
    background: transparent;
    margin-right: 8px;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.post__cat--overlap,
a.post__cat--overlap,
.entry-cat--overlap,
a.entry-cat--overlap {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-right: 8px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.post__thumb .post__cat--overlap,
.post__thumb a.post__cat--overlap,
.post__thumb .entry-cat--overlap,
.post__thumb a.entry-cat--overlap {
    top: 100%;
}

.text-left .post__cat--overlap,
.text-left a.post__cat--overlap,
.text-left .entry-cat--overlap,
.text-left a.entry-cat--overlap {
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.inverse-text a.post__cat.cat-theme,
.inverse-text a.entry-cat.cat-theme {
    color: #fff !important;
}

/*.post__cat[class*="overlay-item"] {
    max-width: calc(100% - 120px);
}*/

/*---- Read more ----*/

.btn.read-more {
    text-transform: uppercase;
}

.read-more-link {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
}

.read-more-link:hover,
.read-more-link:focus,
.read-more-link:active,
.read-more-link:visited {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
}

.read-more-link i {
    color: rgba(0, 0, 0, 0.25);
    -webkit-transition: "all", 0.3s, 0, "bounce";
    -o-transition: "all", 0.3s, 0, "bounce";
    transition: "all", 0.3s, 0, "bounce";
}

.read-more-link:hover i {
    -webkit-transform: translate(40%, 0);
    -ms-transform: translate(40%, 0);
    transform: translate(40%, 0);
}


/*---- Post title ----*/

.post__title,
.entry-title {
    margin: 0.25em 0 0.4em;
    color: rgba(0, 0, 0, 0.8);
}

.post__title:first-child,
.entry-title:first-child {
    margin-top: 0;
}

.post__title:last-child,
.entry-title:last-child {
    margin-bottom: 0;
}

.text-center .post__title,
.post--vertical-overlap .post__title,
.text-center .entry-title,
.post--vertical-overlap .entry-title {
    margin-left: auto;
    margin-right: auto;
}

.post__title.typescale--1,
.entry-title.typescale--1 {
    font-weight: 400;
}

.post__title.typescale-0,
.entry-title.typescale-0 {
    font-weight: 400;
}

.post__title.typescale-1,
.entry-title.typescale-1 {
    font-weight: 500;
}

.post__title.typescale-2,
.entry-title.typescale-2 {
    font-weight: 500;
}

.post__title.typescale-3,
.entry-title.typescale-3 {
    font-weight: 700;
}

.post__title.typescale-4,
.entry-title.typescale-4 {
    font-weight: 700;
}

.post__title.typescale-5,
.entry-title.typescale-5 {
    font-weight: 700;
}

.post__title.typescale-6,
.entry-title.typescale-6 {
    font-weight: 700;
}

.post__title.typescale-7,
.entry-title.typescale-7 {
    font-weight: 700;
}

.post__title.typescale-8,
.entry-title.typescale-8 {
    font-weight: 700;
}

.post__title a,
.post__title a:hover,
.post__title a:focus,
.post__title a:active,
.entry-title a,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

.post__cat--overlap+.post__title,
a.post__cat--overlap+.post__title,
.entry-cat--overlap+.post__title,
a.entry-cat--overlap+.post__title {
    margin-top: 0;
}


/*---- Post excerpt ----*/

.post__excerpt,
.entry-excerpt {
    max-width: 36em;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1rem;
    line-height: 1.6;
}

.text-center .post__excerpt,
.post--vertical-overlap .post__excerpt,
.text-center .entry-excerpt,
.post--vertical-overlap .entry-excerpt {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .post__excerpt--lg,
    .entry-excerpt--lg {
        font-size: 16px;
        font-size: 1.142857142857143rem;
    }
}


/*---- Post meta ----*/

.post__meta,
.entry-meta {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    color: rgba(0, 0, 0, 0.4);
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 1.5;
}

.post__meta:first-child,
.entry-meta:first-child {
    margin-top: 0;
}

.post__meta:last-child,
.entry-meta:last-child {
    margin-bottom: 0;
}

.post__meta:not(.post__meta--box)>*:not(:last-child),
.post__meta-left:not(.entry-meta--box)>*:not(:last-child),
.post__meta-right:not(.entry-meta--box)>*:not(:last-child),
.entry-meta:not(.entry-meta--box)>*:not(:last-child) {
    margin-right: 1em;
}

.post__meta a,
.entry-meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.4);
}

.post__meta a:active,
.post__meta a:focus,
.post__meta a:hover,
.entry-meta a:active,
.entry-meta a:focus,
.entry-meta a:hover {
    text-decoration: none;
}

.post__meta i,
.post__meta .mdicon,
.entry-meta i,
.entry-meta .mdicon {
    margin-right: 0.3em;
}

.post__meta .meta-seperator.meta-seperator,
.entry-meta .meta-seperator.meta-seperator {
    margin-left: -0.4em;
    margin-right: 0.2em;
}

.post__meta--box,
.entry-meta--box {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin-top: 20px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: none;
    background: #fafafa;
}

.post__meta--flex,
.entry-meta--flex {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.post__meta--flex>.post__meta-left,
.entry-meta--flex>.post__meta-left {
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 5px;
    text-align: left;
}

.post__meta--flex>.post__meta-right,
.entry-meta--flex>.post__meta-right {
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 5px;
    text-align: right;
}

.post__meta .updated,
.entry-meta .updated {
    display: none;
}

.post__meta--border-top,
.entry-meta--border-top {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.post--overlay .post__meta--border-top,
.post--overlay .entry-meta--border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}


/*---- Post author ----*/

.entry-author {
    text-transform: none;
}

.entry-author__name,
a.entry-author__name,
.single-header .entry-author a {
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
}

.entry-author__name:hover,
.entry-author__name:active,
.entry-author__name:focus,
a.entry-author__name:hover,
a.entry-author__name:active,
a.entry-author__name:focus {
    color: inherit;
    text-decoration: none;
}

.post__meta .entry-author__name,
.post__meta a.entry-author__name {
    color: rgba(0, 0, 0, 0.6);
}

.overlay-content .entry-author__name,
.overlay-content a.entry-author__name {
    color: rgba(255, 255, 255, 0.8);
}


/*---- Post author with date ----*/

.post__meta--author-w-date {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.post__meta--author-w-date>* {
    -webkit-box-flex: 0;
    box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.post__meta--author-w-date .author-avatar img {
    height: 34px;
    width: 34px;
    margin-right: 10px;
    border-radius: 100%;
}

.post__meta--author-w-date .author-name a {
    color: rgba(0, 0, 0, 0.8);
    font-size: 110%;
    font-weight: 700;
    text-transform: capitalize;
}

.entry-author__avatar, .avatar-default, .wp-user-avatar {
    height: 34px;
    width: 34px;
    border-radius: 100%;
    margin-right: 10px !important;
}


/*---- Post comments count ----*/

.comments-count-box {
    display: inline-block;
    position: relative;
    padding: 6px 10px;
    background: #FC3C2D;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
    border-radius: 2px;
}

.comments-count-box:hover,
.comments-count-box:active,
.comments-count-box:focus {
    color: #fff;
}

.comments-count-box::before {
    content: '';
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-left: -5px;
    border: 0 solid transparent;
    border-width: 4px 5px;
    border-bottom-width: 0;
    border-top-color: #FC3C2D;
}


/*-- Overlay item --*/

.overlay-item {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    z-index: 1;
}

.overlay-item.overlay-item--sm-p {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
}

.overlay-item--top-left {
    position: absolute;
    top: 20px;
    right: auto;
    bottom: auto;
    left: 20px;
}

.overlay-item--top-left.overlay-item--sm-p {
    position: absolute;
    top: 10px;
    right: auto;
    bottom: auto;
    left: 10px;
}

.overlay-item--left-bottom {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}

.overlay-item--left-bottom.overlay-item--sm-p {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 10px;
    left: 10px;
}

.overlay-item--right-bottom {
    position: absolute;
    bottom: 20px;
    left: auto;
    top: auto;
    right: 20px;
}

.overlay-item--right-bottom.overlay-item--sm-p {
    position: absolute;
    bottom: 10px;
    left: auto;
    top: auto;
    right: 10px;
}

.media-right .overlay-item--right-bottom {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}

.overlay-item--center-xy {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.post-type-icon i {
    font-size: 46px;
    line-height: 1.1;
}

@media (min-width: 768px) {
    .post-type-icon i {
        font-size: 60px;
    }
}
@media (min-width: 1200px) {
    .post-type-icon i {
        font-size: 68px;
    }
}
.post-type-icon.gallery-icon i {
    font-size: inherit !important;
}

.overlay-content .post-type-icon,
.post__thumb .post-type-icon,
.post--overlay .post-type-icon,
.post-type-icon--inverse {
    color: rgba(255, 255, 255, 0.8);
}

.post-color-icon--grey i {
    color: rgba(0, 0, 0, 0.2);
}

.post-type-icon--sm i {
    font-size: 56px;
}

.post-type-icon--sm svg {
    width: 50px;
    height: 50px;
}

.post-type-icon--sm .hexagon-svg {
    width: 50px;
}

.post-type-icon--sm .post-score-value {
    font-size: 20px;
}

@media (min-width: 768px) {
    .post-type-icon--md i {
        font-size: 80px;
    }
    .post-type-icon--md .hexagon-svg {
        width: 78px;
    }
    .post-type-icon--md .post-score-value {
        font-size: 32px;
    }
    .post-type-icon--md svg {
        width: 78px;
        height: 78px;
    }
}

@media (min-width: 768px) {
    .post-type-icon--lg i {
        font-size: 120px;
    }
    .post-type-icon--lg .post-score-hexagon .hexagon-svg {
        width: 90px;
    }
    .post-type-icon--lg .post-score-hexagon .post-score-value {
        font-size: 36px;
    }

    .post-type-icon--lg svg {
        width: 100px;
        height: 100px;
    }

    .post-type-icon--lg .hexagon-svg {
        width: 100px;
    }
    .post-type-icon--lg .post-score-value {
        font-size: 42px;
    }
}

.media-left.post-type-icon>i:only-child,
.media-right.post-type-icon>i:only-child {
    display: block;
}

.post--overlay .gallery-icon,
.post__thumb .gallery-icon,
.overlay-item.gallery-icon {
    padding: 0.4em 0.8em;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
}

.post--overlay .gallery-icon .mdicon:not(:last-child),
.post__thumb .gallery-icon .mdicon:not(:last-child),
.overlay-item.gallery-icon .mdicon:not(:last-child) {
    margin-right: 0.4em;
}

.overlay-content .post__title,
.overlay-content .post__title a,
.inverse-text .post__title,
.inverse-text .post__title a,
.inverse-text .entry-title,
.inverse-text .entry-title a {
    color: #fff;
}

.overlay-content .post__excerpt,
.inverse-text .post__excerpt,
.overlay-content .entry-excerpt,
.inverse-text .entry-excerpt {
    /*color: rgba(255, 255, 255, 0.8);*/
    color: #f2f2f2;
}

.overlay-content .post__meta,
.overlay-content .post__meta a,
.overlay-content .entry-meta,
.overlay-content .entry-meta a,
.overlay-content .meta-text,
.overlay-content a.meta-text,
.inverse-text .post__meta,
.inverse-text .post__meta a,
.inverse-text .entry-meta,
.inverse-text .entry-meta a,
.inverse-text .meta-text,
.inverse-text a.meta-text {
    color: rgba(255, 255, 255, 0.6);
}

.overlay-content .entry-author__name.entry-author__name,
.inverse-text .entry-author__name.entry-author__name {
    color: rgba(255, 255, 255, 0.9);
}


/* -----------------------------------------------------------------
## Post Card
----------------------------------------------------------------- */

.post--card {
    height: auto;
    position: relative;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    background-clip: padding-box;
    overflow: hidden;
}

.post--card .post__text {
    min-height: 2.85714rem;
}

@media (min-width: 768px) {
    .post--card-xs {
        height: 17.85714rem;
    }
}

@media (min-width: 768px) {
    .post--card-sm {
        height: 23rem;
    }
}

@media (min-width: 768px) {
    .post--card-md {
        height: 25rem;
    }
}

@media (min-width: 992px) {
    .post--card-md {
        height: 32.14286rem;
    }
}

@media (min-width: 768px) {
    .post--card-lg {
        height: 32.14286rem;
    }
}

@media (min-width: 992px) {
    .post--card-lg {
        height: 39.28571rem;
    }
}

.post--card .post__thumb {
    height: 40%;
    min-height: 120px;
    position: relative;
    margin: -21px -21px 20px;
}

.post--card.cat--not-overlap .post__thumb {
    margin: -21px -21px 10px;
}

.post--card-sm .post__thumb {
    height: 140px;
}
@media (max-width: 576px) and (min-width: 421px) {
    .post--card-sm .post__thumb {
        height: 200px;
    }
}

.post--card-md .post__thumb {
    height: 180px;
}

.post--card .post__thumb .post__cat--overlap {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    margin: 0;
    left: 50%;
    max-width: calc( 100% - 30px );
    white-space: nowrap;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    z-index: 1;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.post--card .post__footer {
    margin: 20px -20px -20px;
    padding: 10px 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    background: #fff;
}

.post--card .post__footer::after {
    clear: both;
    content: "";
    display: table;
}

@media (min-width: 768px) {
    .post--card .post__footer {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
    }
    .post--card .post__footer::before {
        content: '';
        display: block;
        position: absolute;
        top: auto;
        right: 0;
        bottom: 100%;
        left: 0;
        height: 20px;
        width: 100%;
        margin-bottom: 1px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
    }
}

.post--card .post__footer-left {
    width: 50%;
    float: left;
    padding-right: 5px;
    text-align: left;
}

.post--card .post__footer-right {
    width: 50%;
    float: left;
    padding-left: 5px;
    text-align: right;
}

.post--card .post__footer .post__meta {
    margin-top: 0;
    margin-bottom: 0;
}


/* -----------------------------------------------------------------
## Post Horizontal
----------------------------------------------------------------- */

.post--horizontal::after {
    clear: both;
    content: "";
    display: table;
}

.post--horizontal .post__thumb {
    width: 100%;
    margin: 0 15px 15px 0;
}

.post--horizontal .post__excerpt {
    max-width: initial;
}

@media (min-width: 768px) {
    .post--horizontal .post__thumb {
        width: calc(50% - 15px);
        float: left;
        margin: 0 20px 0 0;
    }
}

@media (min-width: 992px) {
    .post--horizontal .post__thumb {
        margin: 0 30px 0 0;
    }
}

.post--horizontal-xxs .post__thumb,
.post--horizontal-xs .post__thumb {
    width: 80px;
    float: left;
    margin: 0 15px 5px 0;
}

@media (min-width: 768px) {
    .post--horizontal-xs .post__thumb {
        width: 100px;
        float: left;
        margin: 0 15px 5px 0;
    }
}

.post--horizontal-sm .post__thumb {
    width: 33%;
    float: left;
    margin: 0 15px 5px 0;
}

@media (min-width: 768px) {
    .post--horizontal-sm .post__thumb {
        margin-right: 30px;
    }
}

@media (min-width: 768px) {
    .post--horizontal-md .post__thumb {
        width: 40%;
    }
}

@media (min-width: 768px) {
    .post--horizontal-lg .post__thumb {
        width: 55%;
    }
}

.post--horizontal .post__text {
    overflow: hidden;
}

@media (max-width: 767px) {
    .post--horizontal-xxs .post__excerpt,
    .post--horizontal-xs .post__excerpt,
    .post--horizontal-sm .post__excerpt,
    .post--horizontal-xxs .post__cat,
    .post--horizontal-xs .post__cat,
    .post--horizontal-sm .post__cat {

    }
}

@media (max-width: 767px) {
    .post--horizontal-xxs .post__cat+.post__title,
    .post--horizontal-xs .post__cat+.post__title,
    .post--horizontal-sm .post__cat+.post__title {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .post--horizontal-sm .post__title {
        font-size: 1.125rem;
        font-weight: 400;
    }
}


/*---- Post horizontal reverse ----*/

@media (min-width: 768px) {
    .post--horizontal-reverse .post__thumb {
        float: right;
        margin: 0 0 0 20px;
    }
}

@media (min-width: 992px) {
    .post--horizontal-reverse .post__thumb {
        margin: 0 0 0 30px;
    }
}

.post--horizontal-xxs.post--horizontal-reverse .post__thumb,
.post--horizontal-xs.post--horizontal-reverse .post__thumb,
.post--horizontal-sm.post--horizontal-reverse .post__thumb {
    float: right;
    margin: 0 0 0 10px;
}

@media (min-width: 768px) {
    .post--horizontal-xs.post--horizontal-reverse .post__thumb {
        margin: 0 0 0 20px;
    }
}

@media (min-width: 768px) {
    .post--horizontal-sm.post--horizontal-reverse .post__thumb {
        margin-left: 20px;
    }
}

@media (min-width: 768px) {
    .post--horizontal-sm.post--horizontal-reverse .post__thumb {
        margin-left: 30px;
    }
}


/*---- Post horizontal middle ----*/

@media (min-width: 768px) {
    .post--horizontal-middle {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        box-align: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        box-pack: justify;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
    }
}

.post--horizontal-middle::after {
    content: none;
}

@media (min-width: 768px) {
    .post--horizontal-middle .post__thumb {
        -webkit-box-flex: 0;
        box-flex: 0;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

@media (min-width: 768px) {
    .post--horizontal-middle .post__text {
        -webkit-box-flex: 1;
        box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.post--horizontal-middle.post--horizontal-xxs,
.post--horizontal-middle.post--horizontal-xs {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    box-pack: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}

.post--horizontal-middle.post--horizontal-xxs .post__thumb,
.post--horizontal-middle.post--horizontal-xs .post__thumb {
    -webkit-box-flex: 0;
    box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.post--horizontal-middle.post--horizontal-reverse {
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.post--horizontal-middle.post--horizontal-reverse .post__text {
    -webkit-box-ordinal-group: -1;
    box-ordinal-group: -1;
    -moz-order: -1;
    order: -1;
    -ms-flex-order: -1;
}
@media (max-width: 1199px) and (min-width: 992px) {
    .suga-grid-j .post--horizontal .post__thumb {
        width: 80px;
        height: 80px;
    }
    .suga-grid-j .post--horizontal .post__title {
        font-size: 16px;
        line-height: 1.5;
    }

    .suga-grid-j .post--overlay .post__title {
        font-size: 24px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    .suga-grid-j .post--horizontal-reverse .post__thumb {
        margin: 0 20px 0 0;
        float: left;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .suga-grid-j .posts-list {
        display: flex;
        flex-wrap: wrap;
        margin: -15px;
    }
    .suga-grid-j .posts-list li {
        width: 50%;
        padding: 15px;
        border: none;
    }
    .suga-grid-j .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 767px) and (min-width: 576px) {
    .suga-grid-j .post--overlay .post__text {
        min-height: 350px;
    }
}
@media (max-width: 575px) {
    .suga-grid-j .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .suga-grid-j .post--vertical .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}




/*---- Post horizontal equal height ----*/

.post--horizontal-equal-height .post__thumb {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

@media (min-width: 768px) {
    .post--horizontal-equal-height .post__thumb {
        height: auto;
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        margin: 0;
        padding-bottom: 0;
    }
}

.post--horizontal-equal-height .post__text {
    margin: 0;
}

@media (min-width: 768px) {
    .post--horizontal-equal-height .post__text {
        width: 100%;
        padding: 30px;
        padding-left: calc(50% + 15px);
    }
}

.post--horizontal-equal-height.post--horizontal-xxs .post__text {
    padding-left: 85px;
}

.post--horizontal-equal-height.post--horizontal-xs .post__text {
    padding-left: 115px;
}

.post--horizontal-equal-height.post--horizontal-sm .post__text {
    padding-left: calc(33% + 30px);
}

.post--horizontal-equal-height.post--horizontal-md .post__text {
    padding-left: calc(40% + 30px);
}

.post--horizontal-equal-height.post--horizontal-lg .post__text {
    padding-left: calc(55% + 30px);
}

@media (min-width: 768px) {
    .post--horizontal-equal-height.post--horizontal-reverse .post__text {
        -webkit-box-ordinal-group: -1;
        box-ordinal-group: -1;
        -moz-order: -1;
        order: -1;
        -ms-flex-order: -1;
    }
}

.post--horizontal-equal-height.post--horizontal-xxs,
.post--horizontal-equal-height.post--horizontal-xs {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.post--horizontal-equal-height.post--horizontal-xxs .post__thumb,
.post--horizontal-equal-height.post--horizontal-xs .post__thumb {
    -webkit-box-flex: 0;
    box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.post--horizontal-equal-height.post--horizontal-reverse.post--horizontal-xxs .post__text,
.post--horizontal-equal-height.post--horizontal-reverse.post--horizontal-xs .post__text {
    -webkit-box-ordinal-group: -1;
    box-ordinal-group: -1;
    -moz-order: -1;
    order: -1;
    -ms-flex-order: -1;
}


/*
 * Post list
 *--------------------*/

.post--list::after {
    clear: both;
    content: "";
    display: table;
}

.post--list .post__thumb {
    max-width: 100%;
    position: relative;
    margin: 0 0 10px 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

@media (min-width: 768px) {
    .post--list .post__thumb {
        max-width: 200px;
        float: left;
        margin: 0 30px 0 0;
    }
}

@media (min-width: 768px) {
    .post--list .post__thumb {
        max-width: 300px;
        margin: 0 30px 0 0;
    }
}

.post--list .post__thumb img {
    width: 100%;
}

.post--list .post__text {
    overflow: hidden;
}

.post--list--size-1 .post__thumb {
    width: 60px;
    float: left;
    margin: 0 15px 0 0;
}

.post--list--size-2 .post__thumb {
    width: 80px;
    float: left;
    margin: 0 15px 0 0;
}

@media (min-width: 768px) {
    .post--list--size-3 .post__thumb {
        width: 50%;
        max-width: 50%;
        float: left;
        margin: 0 30px 0 0;
    }
}

@media (min-width: 768px) {
    .post--list--size-4 .post__thumb {
        width: 55%;
    }
}


/*---- Post list reverse ----*/

.post--list--reverse .post__thumb {
    float: right;
    margin: 0 0 0 10px;
}

@media (min-width: 768px) {
    .post--list--reverse .post__thumb {
        margin: 0 0 0 15px;
    }
}

@media (min-width: 768px) {
    .post--list--reverse.post--list--size-md .post__thumb,
    .post--list--reverse.post--list--size-lg .post__thumb {
        margin: 0 0 0 30px;
    }
}


/* -----------------------------------------------------------------
## Post Overlay
----------------------------------------------------------------- */

.post--overlay {
    position: relative;
    overflow: hidden;
    background-color: #333;
}

.post--overlay .post__text {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 14.28571rem;
}

.post--overlay-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.post--overlay-bottom .post__text {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    box-align: end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    padding-top: 40px;
}

.post--overlay-bottom.has-score-badge .post__text {
    padding-top: 80px;
}

.post--overlay.has-badge-bottom .post__text {
    padding-bottom: 80px;
}

.post--overlay.has-badge-bottom .badge-bottom {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.post--overlay-middle {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.post--overlay-middle .post__text {
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .post--overlay-xs .post__text {
        min-height: 17.85714rem;
    }
}

.post--overlay-sm .post__text,
.atbssuga-block--fullwidth.carousel_overlay_post_1i .js-atbssuga-carousel-1i .post--overlay-sm .post__text {
    min-height: 17.85714rem;
}

@media (min-width: 768px) {
    .post--overlay-sm .post__text {
        min-height: 25rem;
    }
    .atbssuga-block--fullwidth.carousel_overlay_post_1i .js-atbssuga-carousel-1i .post--overlay-sm .post__text {
        min-height: 35rem;
    }
}

.post--overlay-md .post__text {
    min-height: 17.85714rem;
}
@media(max-width: 767px) and (min-width: 577px){
    .post--overlay-md .post__text {
        min-height: 27rem;
    }
}
@media (min-width: 768px) {
    .post--overlay-md .post__text {
        min-height: 25rem;
    }
}

@media (min-width: 992px) {
    .post--overlay-md .post__text {
        min-height: 32.14286rem;
    }
}

.post--overlay-lg .post__text {
    min-height: 25rem;
}

@media (min-width: 768px) {
    .post--overlay-lg .post__text {
        min-height: 32.14286rem;
    }
}

@media (min-width: 992px) {
    .post--overlay-lg .post__text {
        min-height: 39.28571rem;
    }
}

@media (max-width: 767px) {
    .post--overlay-primary-xs .post__text {
        min-height: 17.85714rem;
    }
}

.post--overlay .background-img {
    overflow: hidden;
}

.post--overlay-floorfade .post__text-wrap {
    position: relative;
    width: 100%;
}

.post--overlay-floorfade .post__text-wrap::before {
    content: '';
    position: absolute;
    top: -100%;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
    background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}

@media (min-width: 768px) {
    .post--overlay-padding-lg .post__text-inner {
        padding: 25px;
    }
    .post--overlay-padding-xl .post__text-inner {
        padding: 25px;
    }
}

@media (min-width: 768px) {
    .post--overlay-padding-lg .overlay-item {
        top: 25px;
        right: 25px;
    }
    .post--overlay-padding-xl .overlay-item {
        top: 25px;
        right: 25px;
    }
}

@media (min-width: 768px) {
    .post--overlay-padding-lg .overlay-item--top-left {
        top: 25px;
        left: 25px;
    }
    .post--overlay-padding-xl .overlay-item--top-left {
        top: 25px;
        left: 25px;
    }
}

.post--overlay-padding-lg.has-score-bottom .post-score-hexagon {
    bottom: 25px;
}

.post--overlay-padding-xl.has-score-bottom .post-score-hexagon {
    bottom: 25px;
}

/* -----------------------------------------------------------------
## Post Thumb Overlap
----------------------------------------------------------------- */

.post--thumb-overlap::after {
    clear: both;
    content: "";
    display: table;
}

.post--thumb-overlap .post__wrap {
    position: relative;
    margin-top: 20px;
    background: #f5f5f5;
}

@media (min-width: 768px) {
    .post--thumb-overlap .post__wrap {
        margin: 0 0 60px 0;
        padding: 40px 40px;
    }
}

.post--thumb-overlap .post__thumb {
    position: relative;
    top: -20px;
    margin: 0 20px -20px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
    .post--thumb-overlap .post__thumb {
        width: 50%;
        position: absolute;
        top: 40px;
        right: auto;
        bottom: -40px;
        left: auto;
        margin: 0;
        border: 8px solid #fff;
    }
}

.post--thumb-overlap .post__text {
    position: relative;
    padding: 20px;
}

@media (min-width: 768px) {
    .post--thumb-overlap .post__text {
        width: 50%;
        padding: 0 0 0 80px;
        margin-left: 50%;
    }
}


/* -----------------------------------------------------------------
## Post Vertical
----------------------------------------------------------------- */

.post--vertical .post__thumb {
    display: block;
    margin-bottom: 12px;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}


/*---- Post vertical reverse ----*/

.post--vertical-reverse .post__thumb {
    margin-top: 10px;
    margin-bottom: 0;
}


/*---- Post vertical center ----*/

.post--vertical-center .post__thumb {
    margin-bottom: 20px;
}

.post--vertical-center .post__thumb .post__cat {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.post--vertical-center .post__text,
.post--vertical-center .post__meta {
    text-align: center;
}

.post--vertical-center .post__excerpt {
    margin-left: auto;
    margin-right: auto;
}


/*---- Post Vertical Cat Overlap ---*/

.post--vertical-cat-overlap .post__thumb {
    margin-bottom: 20px;
}


/*---- Post vertical fixed height ----*/

.post--vertical--fixed-height .post__text-wrapper {
    overflow: hidden;
}

@media (min-width: 768px) {
    .post--vertical--fixed-height .post__text {
        height: 180px;
        position: relative;
        overflow: hidden;
    }
    .post--vertical--fixed-height .post__text::after {
        content: '';
        display: block;
        height: 40px;
        width: 100%;
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(70%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
        background: -o-linear-gradient(bottom, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(0deg, white 0, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
    }
}

.post--vertical--fixed-height .post__meta--box {
    margin-top: 10px;
}


/*---- Post vertical overlap ----*/

.post--vertical-overlap .post__text {
    position: relative;
    margin: -40px 20px 0;
    text-align: center;
}

.post--vertical-overlap .post__text::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background: #fff;
    background: -o-linear-gradient(top, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%);
    background: linear-gradient(180deg, white 0, white 40px, rgba(255, 255, 255, 0.2) 100%);
    -webkit-box-shadow: 6px -10px 27px -8px rgba(0, 0, 0, 0.2), -6px -10px 27px -8px rgba(0, 0, 0, 0.2);
    box-shadow: 6px -10px 27px -8px rgba(0, 0, 0, 0.2), -6px -10px 27px -8px rgba(0, 0, 0, 0.2);
}

.post--vertical-overlap .post__text-inner {
    padding: 15px 15px 0;
}

.post--vertical-overlap .post__text-inner .post__meta--box {
    margin-left: -20px;
    margin-right: -20px;
}

@media (min-width: 768px) {
    .post--vertical-overlap-l .post__text {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: -60px;
    }
    .post--vertical-overlap-l .post__text::before {
        height: 110px;
        background: -o-linear-gradient(top, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%);
        background: linear-gradient(180deg, white 0, white 60px, rgba(255, 255, 255, 0.2) 100%);
    }
}

@media (min-width: 768px) {
    .post--vertical-overlap-l .post__text-inner {
        padding: 30px 30px 0 30px;
    }
}

@media (min-width: 768px) {
    .post--vertical-overlap-l .post__text-inner .post__meta--box {
        margin-left: -30px;
        margin-right: -30px;
    }
}


/* =============================================================================
## PARTIALS
============================================================================= */


/* -----------------------------------------------------------------
## Advertisement area
----------------------------------------------------------------- */

.advertisement-area--before-content {
    padding: 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.advertisement-inner {
    margin: 0 auto;
    text-align: center;
}


/* -----------------------------------------------------------------
## Carousels
----------------------------------------------------------------- */


/*
## Owl carousel
----------------------------------------------------------------- */

.owl-carousel {
    display: block;
}

.owl-carousel .owl-item {
    -webkit-backface-visibility: visible;
}

.owl-carousel .owl-item:not(:first-child),
.owl-carousel .slide-content:not(:first-child) {
    display: none;
}

.owl-carousel .owl-item:first-child,
.owl-carousel .slide-content:first-child {
    visibility: hidden;
}

.owl-carousel.owl-loaded .owl-item:not(:first-child),
.owl-carousel.owl-loaded .slide-content:not(:first-child) {
    display: block;
}

.owl-carousel.owl-loaded .owl-item:first-child,
.owl-carousel.owl-loaded .slide-content:first-child {
    visibility: visible;
}

.owl-prev,
.owl-next {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: initial;
}

.carousel-stage-visible .owl-stage-outer {
    overflow: visible;
}
.carousel-stage-visible .slide-content,
.carousel-stage-visible .slide-content:first-child,
.suga-feature-f .carousel-stage-visible .slide-content,
.suga-feature-f .carousel-stage-visible .slide-content:first-child {
    overflow: visible;
    visibility: visible;
}

.dots-visible-xs .owl-dots {
    display: none;
}

@media (max-width: 767px) {
    .dots-visible-xs .owl-dots {
        display: block;
    }
}

.dots-visible-sm .owl-dots {
    display: none;
}

@media (max-width: 991px) {
    .dots-visible-sm .owl-dots {
        display: block;
    }
}

@media (max-width: 767px) {
    .nav-hidden-xs .owl-nav {
        display: none;
    }
}

.atbssuga-carousel {
    position: relative;
}


/*
## Default Dots Pagination
----------------------------------------------------------------- */

.atbssuga-carousel .owl-dots {
    padding: 15px 0;
    text-align: center;
    line-height: 1;
}

.atbssuga-carousel .owl-dot {
    display: inline-block;
    padding: 7px;
}

.atbssuga-carousel .owl-dot span {
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.2);
    vertical-align: middle;
}

.atbssuga-carousel .owl-dot.active span {
    background: rgba(0, 0, 0, 0.4);
}

.atbssuga-carousel .flickity-page-dots {
    position: relative;
    bottom: 0;
    padding: 15px 0;
    text-align: center;
    line-height: 1;
}

.atbssuga-carousel .flickity-page-dots .dot {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 7px;
    background: transparent;
    opacity: 1;
    vertical-align: middle;
}

.atbssuga-carousel .flickity-page-dots .dot::after {
    content: '';
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.2);
}

.atbssuga-carousel .flickity-page-dots .dot.is-selected::after {
    background: rgba(0, 0, 0, 0.4);
}


/*---- Inverse dots pagination ----*/

.atbssuga-carousel-dots-inverse .owl-dot span {
    background: rgba(255, 255, 255, 0.4);
}

.atbssuga-carousel-dots-inverse .owl-dot.active span {
    background: rgba(255, 255, 255, 0.8);
}

.atbssuga-carousel-dots-inverse .flickity-page-dots .dot::after {
    background: rgba(255, 255, 255, 0.4);
}

.atbssuga-carousel-dots-inverse .flickity-page-dots .dot.is-selected::after {
    background: rgba(255, 255, 255, 0.8);
}


/*---- Inside inverse dots pagination ----*/

.atbssuga-carousel-dots-inside .slide-content .post__text-wrap {
    padding-bottom: 20px;
}

.atbssuga-carousel-dots-inside .owl-dots {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.atbssuga-carousel-dots-inside .owl-dot span {
    background: rgba(255, 255, 255, 0.4);
}

.atbssuga-carousel-dots-inside .owl-dot.active span {
    background: rgba(255, 255, 255, 0.8);
}

.atbssuga-carousel-dots-inside .flickity-page-dots {
    position: absolute;
    bottom: 0;
}

.atbssuga-carousel-dots-inside .flickity-page-dots .dot::after {
    background: rgba(255, 255, 255, 0.4);
}

.atbssuga-carousel-dots-inside .flickity-page-dots .dot.is-selected::after {
    background: rgba(255, 255, 255, 0.8);
}


/*
## Default Navigation
----------------------------------------------------------------- */

.atbssuga-carousel .owl-prev,
.atbssuga-carousel .owl-next {
    width: 36px;
    padding: 25px 0;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transform: translate(0, -50%) scale(1, 1);
    -ms-transform: translate(0, -50%) scale(1, 1);
    transform: translate(0, -50%) scale(1, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}

.atbssuga-carousel .owl-prev:hover,
.atbssuga-carousel .owl-next:hover {
    width: 51px;
    background: rgba(0, 0, 0, 0.6);
}

.atbssuga-carousel .owl-prev.disabled,
.atbssuga-carousel .owl-next.disabled {
    -webkit-transform: translate(0, -50%) scale(0, 1);
    -ms-transform: translate(0, -50%) scale(0, 1);
    transform: translate(0, -50%) scale(0, 1);
}

.atbssuga-carousel .owl-prev i,
.atbssuga-carousel .owl-next i {
    margin: 0;
    font-size: 15px;
    line-height: 1;
}

.atbssuga-carousel .owl-prev {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.atbssuga-carousel .owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.atbssuga-carousel .slick-arrow {
    width: 36px;
    padding: 25px 0;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}

.atbssuga-carousel .slick-arrow:hover {
    width: 51px;
    background: rgba(0, 0, 0, 0.6);
}

.atbssuga-carousel .slick-arrow::before {
    margin: 0;
    font-size: 30px;
    line-height: 1;
}

.atbssuga-carousel .slick-prev {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
}

.atbssuga-carousel .slick-prev.disabled {
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.atbssuga-carousel .slick-next {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
}

.atbssuga-carousel .slick-next.disabled {
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.atbssuga-carousel .flickity-prev-next-button {
    width: 36px;
    height: auto;
    padding: 25px 0;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transform: translate(0, -50%) scale(1, 1);
    -ms-transform: translate(0, -50%) scale(1, 1);
    transform: translate(0, -50%) scale(1, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}

.atbssuga-carousel .flickity-prev-next-button:hover {
    width: 51px;
    background: rgba(0, 0, 0, 0.6);
}

.atbssuga-carousel .flickity-prev-next-button.disabled {
    -webkit-transform: translate(0, -50%) scale(0, 1);
    -ms-transform: translate(0, -50%) scale(0, 1);
    transform: translate(0, -50%) scale(0, 1);
}

.atbssuga-carousel .flickity-prev-next-button svg {
    display: none;
}

.atbssuga-carousel .flickity-prev-next-button::before {
    content: '\e408';
    font-family: 'mdicon';
    font-size: 30px;
}

.atbssuga-carousel .flickity-prev-next-button.previous {
    left: 0;
}

.atbssuga-carousel .flickity-prev-next-button.next {
    right: 0;
}

.atbssuga-carousel .flickity-prev-next-button.next::before {
    content: '\e409';
}


/*---- Owl carousel nav A ----*/

.atbssuga-carousel-nav-none .owl-nav {
    display: none;
}

.atbssuga-carousel-nav-a {
    padding-bottom: 30px;
}

.atbssuga-carousel-nav-a .owl-nav {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.atbssuga-carousel-nav-a .owl-nav .disabled {
    cursor: auto;
}

.atbssuga-carousel-nav-a .owl-prev,
.atbssuga-carousel-nav-a .owl-next {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: relative;
    padding: 0;
    background: #fff;
    color: rgba(0, 0, 0, 0.8);
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.atbssuga-carousel-nav-a .owl-prev i,
.atbssuga-carousel-nav-a .owl-next i {
    color: rgba(0, 0, 0, 0.8);
    font-size: 24px;
    line-height: 40px;
    text-align: center;
}

.atbssuga-carousel-nav-a .owl-prev {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}


/*---- Owl theme B ----*/

.atbssuga-carousel-nav-b .owl-prev,
.atbssuga-carousel-nav-b .owl-next,
.atbssuga-carousel-nav-b .slick-arrow {
    display: block;
    height: 40px;
    width: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: #fff;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
}

.atbssuga-carousel-nav-b .owl-prev.disabled,
.atbssuga-carousel-nav-b .owl-next.disabled,
.atbssuga-carousel-nav-b .slick-arrow.disabled {
    display: none;
}

.atbssuga-carousel-nav-b .owl-prev,
.atbssuga-carousel-nav-b .slick-prev {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.atbssuga-carousel-nav-b .owl-next,
.atbssuga-carousel-nav-b .slick-next {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}


/*---- Owl theme C ----*/

.atbssuga-carousel-nav-c .owl-prev,
.atbssuga-carousel-nav-c .owl-next {
    top: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
}

.atbssuga-carousel-nav-c .owl-prev.disabled,
.atbssuga-carousel-nav-c .owl-next.disabled {
    -webkit-transform: translate(0, 0) scale(0, 1);
    -ms-transform: translate(0, 0) scale(0, 1);
    transform: translate(0, 0) scale(0, 1);
}

.atbssuga-carousel-nav-c .owl-prev i,
.atbssuga-carousel-nav-c .owl-next i {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/*---- Owl nav D ----*/

.atbssuga-carousel-nav-d .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.atbssuga-carousel-nav-d .owl-prev,
.atbssuga-carousel-nav-d .owl-next {
    display: block;
    width: 9999px;
    width: calc(100vw - 100%);
    background: rgba(255, 255, 255, 0.8);
    color: rgba(0, 0, 0, 0.4);
    font-size: 40px;
    text-align: center;
}

.atbssuga-carousel-nav-d .owl-prev.disabled,
.atbssuga-carousel-nav-d .owl-next.disabled {
    display: none;
}

.atbssuga-carousel-nav-d .owl-prev {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: -10px;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

@media (min-width: 992px) {
    .atbssuga-carousel-nav-d .owl-prev {
        left: -30px;
    }
}

.atbssuga-carousel-nav-d .owl-next {
    position: absolute;
    top: 0;
    right: -10px;
    bottom: 0;
    left: auto;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

@media (min-width: 992px) {
    .atbssuga-carousel-nav-d .owl-next {
        right: -30px;
    }
}

.atbssuga-carousel-nav-d .owl-prev i {
    position: absolute;
    top: 50%;
    right: 20px;
    bottom: auto;
    left: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.atbssuga-carousel-nav-d .owl-next i {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


/*---- Owl nav E ----*/

.atbssuga-carousel-nav-e .owl-prev,
.atbssuga-carousel-nav-e .owl-next,
.atbssuga-carousel-nav-e .slick-arrow,
.atbssuga-carousel-nav-e .swiper-button-next,
.atbssuga-carousel-nav-e .swiper-button-prev {
    display: block;
    height: 80px;
    width: 36px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 24px;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.atbssuga-carousel-nav-e .owl-prev:hover,
.atbssuga-carousel-nav-e .owl-next:hover,
.atbssuga-carousel-nav-e .slick-arrow:hover,
.atbssuga-carousel-nav-e .swiper-button-next:hover,
.atbssuga-carousel-nav-e .swiper-button-prev:hover {
    width: 46px;
}

.atbssuga-carousel-nav-e .owl-prev i,
.atbssuga-carousel-nav-e .slick-prev i {
    margin-right: 6px;
    line-height: 60px;
}

.atbssuga-carousel-nav-e .owl-next i,
.atbssuga-carousel-nav-e .slick-next i {
    margin-left: 6px;
    line-height: 60px;
}

.atbssuga-carousel-nav-e .owl-prev,
.atbssuga-carousel-nav-e .slick-prev,
.atbssuga-carousel-nav-e .swiper-button-prev {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
}

.atbssuga-carousel-nav-e .owl-prev::before,
.atbssuga-carousel-nav-e .slick-prev::before,
.atbssuga-carousel-nav-e .swiper-button-prev::before {
    content: '\e408';
    font-family: 'mdicon';
    font-size: 36px;
    line-height: 80px;
}

.atbssuga-carousel-nav-e .owl-next,
.atbssuga-carousel-nav-e .slick-next,
.atbssuga-carousel-nav-e .swiper-button-next {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
}

.atbssuga-carousel-nav-e .owl-next::before,
.atbssuga-carousel-nav-e .slick-next::before,
.atbssuga-carousel-nav-e .swiper-button-next::before {
    content: '\e409';
    font-family: 'mdicon';
    font-size: 32px;
    line-height: 80px;
}


/*---- Owl carousel nav F ----*/

.atbssuga-carousel-nav-f .owl-prev,
.atbssuga-carousel-nav-f .owl-next,
.atbssuga-carousel-nav-f .slick-arrow {
    display: inline-block;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    right: 20px;
    bottom: auto;
    left: auto;
    background: #fff;
    background-clip: padding-box;
    border: 3px solid rgba(255, 255, 255, 0.4);
    border-radius: 100%;
    font-size: 28px;
    line-height: 50px;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
}

.atbssuga-carousel-nav-f .owl-prev,
.atbssuga-carousel-nav-f .slick-prev {
    left: 20px;
    right: auto;
}


/*---- Custom Owl carousel nav ----*/

.atbssuga-carousel-nav-custom-holder .owl-prev,
.atbssuga-carousel-nav-custom-holder .owl-next {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: relative;
    padding: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    color: #333;
    line-height: 38px;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.atbssuga-carousel-nav-custom-holder .owl-prev:hover,
.atbssuga-carousel-nav-custom-holder .owl-next:hover {
    background: #fff;
    width: 40px;
}

.atbssuga-carousel-nav-custom-holder .owl-prev.disabled,
.atbssuga-carousel-nav-custom-holder .owl-next.disabled {
    background: #aaa;
    cursor: default;
    opacity: 0.5;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.atbssuga-carousel-nav-custom-holder .owl-prev i,
.atbssuga-carousel-nav-custom-holder .owl-next i {
    font-size: 15px;
}

.atbssuga-carousel-nav-custom-holder .owl-prev {
    margin-right: 4px;
}


/*---- Owl dot nav A ----*/

.atbssuga-carousel-dots-none .owl-dots {
    display: none;
}

.atbssuga-carousel-dots-a .owl-dots {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

@media (min-width: 768px) {
    .atbssuga-carousel-dots-a .owl-dots {
        bottom: 10px;
    }
}

.atbssuga-carousel-dots-a .owl-dot {
    display: inline-block;
    padding: 10px;
}

.atbssuga-carousel-dots-a .owl-dot span {
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.4);
    vertical-align: middle;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.atbssuga-carousel-dots-a .owl-dot.active span {
    background: rgba(255, 255, 255, 0.8);
}


/*---- Owl dot nav B ----*/

.atbssuga-carousel-dots-b .owl-dots {
    padding: 15px 0;
    text-align: center;
}

.atbssuga-carousel-dots-b .owl-dot {
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0 8px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.atbssuga-carousel-dots-b .owl-dot.active {
    background: rgba(0, 0, 0, 0.4);
}

.atbssuga-carousel-dots-b .swiper-pagination {
    position: static;
    padding: 15px 0;
}

.atbssuga-carousel-dots-b--inverse .swiper-pagination-bullet {
    background: #fff;
}


/*
 * Slick carousel
 *--------------------*/

.atbssuga-carousel .slide-content:not(:first-child) {
    display: none;
}

.atbssuga-carousel.slick-initialized .slide-content,
.atbssuga-carousel .slick-initialized .slide-content {
    display: block;
}


/*
 * Flickity carousel
 *--------------------*/

.atbssuga-carousel.flickity-enabled .slide-content,
.atbssuga-carousel .flickity-enabled .slide-content {
    display: block;
}


/*---- Arrow ----*/

.slick-arrow {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0;
    z-index: 10;
}

.slick-arrow::before {
    content: '\e408';
    font-family: 'mdicon';
    font-size: 22px;
}

.slick-next::before {
    content: '\e409';
}


/*---- Arrow ----*/

.slick-dots {
    display: block;
    margin: 10px auto;
    padding: 0;
    list-style: none;
    text-align: center;
    z-index: 10;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li button {
    display: inline-block;
    height: 12px;
    width: 12px;
    padding: 0;
    margin: 0 10px;
    border: 1px solid transparent;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0;
    vertical-align: middle;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    background: rgba(0, 0, 0, 0.4);
}

.slick-dots li.slick-active button {
    -webkit-transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.atbssuga-carousel--dots-transparent .slick-dots {
    width: 100%;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 20px;
    left: auto;
    margin: 0 auto;
}


/*
 * Flexslider
 *--------------------*/

.flexslider {
    margin: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 400px;
}

.flexslider .slides>li:first-child {
    display: block;
    opacity: 0;
}

.flexslider .flex-viewport .slides>li:first-child {
    opacity: 1;
}


/*
 * Fotorama
 *--------------------*/

.atbssuga-gallery-slider .fotorama__stage {
    background: #111;
}

.atbssuga-gallery-slider .fotorama__thumb-border {
    border-color: #FC3C2D;
    background: transparent;
}

.atbssuga-gallery-slider .fotorama__nav__frame:not(.fotorama__active) {
    opacity: 0.8;
}

.atbssuga-gallery-slider .fotorama__nav--thumbs {
    position: relative;
    background: #111;
}

.atbssuga-gallery-slider .fotorama__nav--dots {
    margin-top: 5px;
}

.atbssuga-gallery-slider .fotorama__nav--dots .fotorama__nav__frame {
    width: auto;
    height: auto;
    padding: 12px 8px;
}

.atbssuga-gallery-slider .fotorama__dot {
    height: 8px;
    width: 8px;
    top: auto;
    left: auto;
    border: none;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.2);
}

.atbssuga-gallery-slider .fotorama__nav__frame.fotorama__active .fotorama__dot {
    height: 8px;
    width: 8px;
    background: rgba(0, 0, 0, 0.4);
}

.atbssuga-gallery-slider .fotorama__caption {
    text-align: center;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
    background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}

.atbssuga-gallery-slider .fotorama__caption__wrap {
    padding: 1em;
    background: transparent;
    color: #fff;
    font-size: 1rem;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.atbssuga-gallery-slider .fotorama__caption__wrap a,
.atbssuga-gallery-slider .fotorama__caption__wrap a:hover,
.atbssuga-gallery-slider .fotorama__caption__wrap a:focus,
.atbssuga-gallery-slider .fotorama__caption__wrap a:active {
    color: #fff;
    text-decoration: none;
    border: none;
}


/*
 * Overflow carousel
 *--------------------*/

.atbssuga-carousel-overflow {
    overflow: hidden;
}

@media (max-width: 767px) {
    .atbssuga-carousel-overflow {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.atbssuga-carousel-overflow--has-background {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #f5f5f5;
}

@media (min-width: 768px) {
    .atbssuga-carousel-overflow--has-background {
        padding: 40px;
    }
}

.atbssuga-carousel-overflow--has-background .atbssuga-carousel__inner {
    margin-left: -20px;
    margin-right: -20px;
}

@media (min-width: 768px) {
    .atbssuga-carousel-overflow--has-background .atbssuga-carousel__inner {
        margin-left: -40px;
        margin-right: -40px;
    }
}

.atbssuga-carousel-overflow--has-background:not(.atbssuga-carouel-dots-none) {
    padding-bottom: 0;
}


/* -----------------------------------------------------------------
## Categories bar
----------------------------------------------------------------- */

.category-bar {
    margin-bottom: 30px;
}

.category-bar-inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.category-bar__cat {
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px 10px;
    text-align: center;
}

.category-bar__cat a {
    display: block;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.category-bar__cat a:hover {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
}

.category-bar .cat-icon {
    color: rgba(0, 0, 0, 0.2);
    font-size: 30px;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.category-bar .cat-name {
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    text-transform: uppercase;
}


/* -----------------------------------------------------------------
## Count down
----------------------------------------------------------------- */

.atbssuga-countdown {
    position: relative;
    text-align: center;
}

.atbssuga-countdown__inner {
    display: inline-block;
    margin: 0 -10px;
}

.atbssuga-countdown__inner::after {
    clear: both;
    content: "";
    display: table;
}

@media (min-width: 768px) {
    .atbssuga-countdown__inner {
        margin: 0 -20px;
    }
}

@media (min-width: 992px) {
    .atbssuga-countdown__inner {
        margin: 0 -30px;
    }
}

.countdown__section {
    display: inline-block;
    min-width: 60px;
    margin: 0 10px;
    text-align: center;
}

@media (min-width: 768px) {
    .countdown__section {
        min-width: 80px;
        margin: 0 20px;
    }
}

.countdown__digit {
    display: block;
    font-size: 32px;
    font-weight: 700;
}

@media (min-width: 768px) {
    .countdown__digit {
        font-size: 48px;
    }
}

@media (min-width: 992px) {
    .countdown__digit {
        font-size: 60px;
    }
}

.countdown__text {
    display: block;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

@media (min-width: 768px) {
    .countdown__text {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .countdown__text {
        font-size: 20px;
    }
}

.atbssuga-countdown-block::after {
    clear: both;
    content: "";
    display: table;
}

.atbssuga-countdown-block .atbssuga-block__inner {
    padding: 20px;
}

@media (min-width: 768px) {
    .atbssuga-countdown-block .atbssuga-block__inner {
        padding: 30px;
    }
}

.atbssuga-countdown-block--solid-overlay .atbssuga-countdown {
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
}


/* -----------------------------------------------------------------
## Block general
----------------------------------------------------------------- */

.atbssuga-block {
    position: relative;
    margin-bottom: 40px;
}

.atbssuga-block:last-child {
    margin-bottom: 0;
}

.atbssuga-block__inner {
    position: relative;
}

@media (min-width: 1200px) {
    .atbssuga-block--fullwidth {
        margin-bottom: 60px;
    }
}

.atbssuga-block--fullwidth.atbssuga-block--contiguous:first-child {
    margin-top: -50px;
}

@media (min-width: 768px) {
    .atbssuga-block.atbssuga-block--contiguous:first-child {
        margin-top: -65px;
    }
    .atbssuga-block.atbssuga-block--contiguous.single-entry-featured-media-wrap:first-child , .single-entry--video .atbssuga-block.atbssuga-block--contiguous:first-child {
        margin-top: -65px;
    }
}
.atbssuga-block--contiguous:not(.has-overlap-background)+.atbssuga-block--contiguous {
    margin-top: -40px;
}
@media(max-width: 576px) {
    .atbssuga-block--contiguous:not(.has-overlap-background)+.atbssuga-block--contiguous {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .atbssuga-block--fullwidth.atbssuga-block--contiguous:not(.has-overlap-background)+.atbssuga-block--fullwidth.atbssuga-block--contiguous {
        margin-top: -60px;
    }
    .atbssuga-block--fullwidth.atbssuga-block--contiguous.single-entry-featured-media-wrap:not(.has-overlap-background)+.atbssuga-block--fullwidth.atbssuga-block--contiguoussingle-entry-featured-media-wrap {
        margin-top: -20px;
    }
}

.atbssuga-block.has-background {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .atbssuga-block.has-background {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .atbssuga-block.has-background--md {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.atbssuga-block.has-overlap-background {
    padding-top: 30px;
}

@media (min-width: 992px) {
    .atbssuga-block.has-overlap-background {
        padding-top: 40px;
    }
}

.atbssuga-block.has-border {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

@media (min-width: 992px) {
    .atbssuga-block.has-border {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.atbssuga-layout-split:first-child {
    margin-top: -10px;
}


/* -----------------------------------------------------------------
## Offcanvas Menu
----------------------------------------------------------------- */

body.is-atbssuga-offcanvas-opened {
    overflow: hidden;
}

.atbssuga-offcanvas {
    max-width: 100%;
    width: 320px;
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    margin: 0;
    overflow: hidden;
    background: #fff;
    z-index: 1039;
    /* bootstrap modal */
    -webkit-transform: translate(-101%, 0);
    -ms-transform: translate(-101%, 0);
    transform: translate(-101%, 0);
    -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    -o-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}

body.admin-bar .atbssuga-offcanvas {
    margin-top: 46px;
}

@media (min-width: 768px) {
    .atbssuga-offcanvas {
        width: 360px;
    }
}

@media (min-width: 784px) {
    body.admin-bar .atbssuga-offcanvas {
        margin-top: 32px;
    }
}

.atbssuga-offcanvas.is-active {
    -webkit-box-shadow: 0 1px 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 10px 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.atbssuga-offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1030;
    /* bootstrap backdrop */
}

.atbssuga-offcanvas-close {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: auto;
    left: auto;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 100%;
    background: transparent;
    color: rgba(0, 0, 0, 0.4) !important;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    text-decoration: none !important;
    overflow: hidden;
}

.atbssuga-offcanvas__title {
    position: relative;
    padding: 20px 50px 20px 20px;
    font-size: 14px;
}

.atbssuga-offcanvas__title .social-list {
    margin-top: 10px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.4);
}

.atbssuga-offcanvas__section {
    padding: 20px;
}

.atbssuga-offcanvas__section:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.atbssuga-offcanvas__section-search+.atbssuga-offcanvas__section-navigation {
    padding-top: 0;
    border-top: none;
}

.navigation--offcanvas {
    margin: 0 -20px;
}

.navigation--offcanvas li {
    color: rgba(0, 0, 0, 0.6);
}

.navigation--offcanvas li>a {
    color: inherit;
    text-decoration: none;
    display: block;
    position: relative;
    padding: 8px 7px;
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
}

.navigation--offcanvas li>a:hover,
.navigation--offcanvas li>a:active,
.navigation--offcanvas li>a:focus {
    color: inherit;
    text-decoration: none;
}

.navigation--offcanvas li>a:hover {
    background: rgba(0, 0, 0, 0.02);
}

.navigation--offcanvas li>a::after {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    border-right: 3px solid #FC3C2D;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
}

.navigation--offcanvas li.current-menu-item>a::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.navigation--offcanvas li.menu-item-has-children>a {
    padding-right: 60px;
}

.navigation--offcanvas>li>a {
    padding: 12px 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.navigation--offcanvas .sub-menu {
    display: none;
    padding: 5px 0;
}

.navigation--offcanvas>li>.sub-menu>li>a {
    padding-left: 40px;
}

.navigation--offcanvas>li>.sub-menu>li>.sub-menu>li>a {
    padding-left: 50px;
}

.navigation--offcanvas .submenu-toggle {
    display: block;
    width: 36px;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: auto;
    text-align: center;
}

.navigation--offcanvas .submenu-toggle i {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: 0;
    font-size: 20px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.navigation .sub-menu ul { list-style: none; }

/* -----------------------------------------------------------------
## Widgets
----------------------------------------------------------------- */

.widget {
    margin-bottom: 40px;
}

.widget:last-child {
    margin-bottom: 0;
}

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

.widget--has-background {
    padding: 20px;
}

.widget__title {
    margin-bottom: 20px;
}

.has-block-heading-line-around .widget__title,
.has-block-heading-line .widget__title {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.has-block-heading-line .widget__title::after {
    content: '';
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2;
    margin-left: 1.5em;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

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

.block-heading--line-around .widget__title-text,
.has-block-heading-line-around .widget__title-text,
.block-heading--line .widget__title-text,
.has-block-heading-line .widget__title-text {
    max-width: calc(100% - 50px);
}

/* Comment Out by Hung
.site-footer .widget__title::before,
.site-footer .widget__title::after,
.atbssuga-offcanvas .widget__title::before,
.atbssuga-offcanvas .widget__title::after {
  content: none !important; }
*/

.atbssuga-offcanvas .widget__title::before,
.atbssuga-offcanvas .widget__title::after {
    content: none !important;
}

.has-block-heading-line-around .site-footer .widget__title {
    display: block;
    text-align: center;
}

.widget__title-text {
    margin: 0;
    font-size: 15px;
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}

.atbssuga-widget--box .widget__title .widget__title-text {
    color: #fff;
}

.widget__title .first-word,
.widget__title span {
    font-weight: 300;
}

.has-block-heading-line-under .widget__title {
    padding-bottom: 5px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.has-block-heading-line-around .widget__title-text,
.block-heading--line-around .widget__title-text {
    max-width: calc(100% - 100px);
    text-align: center;
}

.has-block-heading-line-under .widget__title__seperator,
.has-block-heading-line-around .widget__title__seperator {
    display: none;
}

.has-block-heading-line-around .widget__title::before,
.has-block-heading-line-around .widget__title::after {
    content: '';
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1.5em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.has-block-heading-line-around .widget__title::after {
    margin-left: 1.5em;
}

.has-block-heading-line-around .atbssuga-widget--box .widget__title {
    -webkit-box-pack: center;
    box-pack: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.site-footer .widget__title__title {
    font-size: 14px;
}

.site-footer .atbssuga-widget--box .widget__title .widget__title-text,
.site-footer.site-footer--inverse .widget__title .widget__title-text,
.site-footer.site-footer--inverse .widget_loginwithajaxwidget .lwa-info a {
    color: #fff;
} 

.site-footer.site-footer--inverse .widget__title.has-block-heading-line-around.block-heading::before,
.site-footer.site-footer--inverse .widget__title.has-block-heading-line-around.block-heading::after,
.site-footer.site-footer--inverse .widget__title.block-heading--line-under.block-heading,
.site-footer.site-footer--inverse .widget__title.block-heading--line.block-heading::after {
    border-color: rgba(255, 255, 255, .2);
}

.site-footer.site-footer--inverse .atbssuga-widget--box .widget__inner {
    background: rgba(255, 255, 255, .2);
}

/*---- Box Widget ----*/

.atbssuga-widget--box .widget__title {
    margin-bottom: 0;
    padding: 10px 20px;
    background: #FC3C2D;
    border-bottom: none;
    color: #fff;
}

.atbssuga-widget--box .widget__title::before,
.atbssuga-widget--box .widget__title::after {
    content: none;
}

.atbssuga-widget--box .widget__title .widget__title-text {
    max-width: 100%;
}

.atbssuga-widget--box .widget__inner {
    padding: 20px;
    background: #fafafa;
}


/*---- Indexed Widget A ----*/

.atbssuga-widget-indexed-posts-a .posts-list {
    counter-reset: li;
}

.atbssuga-widget-indexed-posts-a .posts-list>li .post__thumb {
    position: relative;
}

.atbssuga-widget-indexed-posts-a .posts-list>li .post__thumb::after {
    content: counter(li);
    /* Use the counter as content */
    counter-increment: li;
    display: block;
    height: 24px;
    width: 24px;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 4px;
    left: 4px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: #FC3C2D;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
}


/*---- Indexed Widget B ----*/

.atbssuga-widget-indexed-posts-b .posts-list {
    counter-reset: li;
}

.atbssuga-widget-indexed-posts-b .posts-list>li .post__title {
    position: relative;
}

.atbssuga-widget-indexed-posts-b .posts-list>li .post__title::after {
    content: counter(li);
    /* Use the counter as content */
    counter-increment: li;
    display: block;
    position: absolute;
    top: -30px;
    right: 15px;
    bottom: auto;
    left: auto;
    color: #FC3C2D;
    font-size: 96px;
    line-height: 1;
    font-weight: 700;
    font-style: italic;
    opacity: 0.2;
}


/*---- Indexed Widget C ----*/

.atbssuga-widget-indexed-posts-c .list-index {
    display: inline-block;
    min-width: 45px;
    margin-left: 10px;
    color: rgba(0, 0, 0, 0.8);
    font-size: 26px;
    font-size: 1.86rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
}

.atbssuga-widget-indexed-posts-c .posts-list>li .post--overlay .post__text-inner {
    padding-left: 10px;
}

.atbssuga-widget-indexed-posts-c .posts-list>li .post--overlay .list-index {
    margin-left: 0;
    color: #fff;
    font-size: 36px;
    font-size: 2.57rem;
}
.atbssuga-widget-indexed-posts-c .post__meta {
    margin: 0;
}
.atbssuga-widget-indexed-posts-c ol li:nth-child(n+2) .list-index {
    color: rgba(0, 0, 0, 0.5);
}

/*--- Posts Listing C (Widget) ---*/
.posts-listing-c li:first-child {
    margin-bottom: 20px;
    padding-bottom: 0;
}

/*--- Review B C ---*/
.posts-list.review-posts-b .post__thumb, .posts-list.review-posts-c .post__thumb {
    margin-bottom: 15px;
}
/*---- Widget most commented ----*/

.atbssuga-widget-most-commented .comments-count-box {
    color: inherit;
    text-decoration: none;
    min-width: 48px;
    margin-right: 10px;
    padding: 10px 12px;
    background: #444;
    font-size: 16px;
}

.atbssuga-widget-most-commented .comments-count-box:hover,
.atbssuga-widget-most-commented .comments-count-box:active,
.atbssuga-widget-most-commented .comments-count-box:focus {
    color: inherit;
    text-decoration: none;
}

.atbssuga-widget-most-commented .comments-count-box::before {
    border-top-color: #444;
}


/*---- Social counter widget ----*/

.atbssuga-widget-social-counter::after {
    clear: both;
    content: "";
    display: table;
}

.social-tile {
    color: inherit;
    text-decoration: none;
    display: block;
    position: relative;
    padding: 15px 30px;
    border-radius: 2px;
    background-color: var(--color-logo);
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.social-tile:hover,
.social-tile:active,
.social-tile:focus {
    color: inherit;
    text-decoration: none;
}
.social-tile::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.1);
}

.social-tile:hover::before {
    background-color: rgba(255, 255, 255, 0.2);
}

.social-tile__inner {
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.social-tile__icon {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    font-size: 5.7143rem;
    color: rgba(255, 255, 255, 0.2);
    line-height: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: translate(20%, 25%) scale(1, 1);
    -ms-transform: translate(20%, 25%) scale(1, 1);
    transform: translate(20%, 25%) scale(1, 1);
    -webkit-transform-origin: 0 50% 0;
    -ms-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
}

.social-tile:hover .social-tile__icon {
    -webkit-transform: translate(20%, 20%) scale(1.4, 1.4);
    -ms-transform: translate(20%, 20%) scale(1.4, 1.4);
    transform: translate(20%, 20%) scale(1.4, 1.4);
}

.social-tile__title {
    margin: 0;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
}

.social-tile__count {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1rem;
    line-height: 1;
}

.social-tile__right .mdicon {
    display: inline-block;
    font-size: 1.2857rem;
    color: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.social-tile:hover .social-tile__right .mdicon {
    -webkit-transform: translate(40%, 0);
    -ms-transform: translate(40%, 0);
    transform: translate(40%, 0);
}

@media (max-width: 991px) and (min-width: 481px) {
    .atbssuga-widget-social-counter-counter .list-space-xs {
        display: flex;
        flex-wrap: wrap;
        margin: -5px;
    }

    .atbssuga-widget-social-counter-counter .list-space-xs li {
        padding: 5px;
        width: calc(100% / 3);
    }
}

@media (max-width: 767px) and (min-width: 481px) {
    .atbssuga-widget-social-counter-counter .list-space-xs li {
        width: 50%;
    }
}


/*---- Subscribe widget ----*/

.widget-subscribe {
    padding-top: 20px;
}

.widget-subscribe__inner {
    padding: 20px;
    background: #fff;
    background: var(--color-logo);
}

@media (min-width: 768px) {
    .widget-subscribe__inner {
        padding: 30px;
    }
}

.widget-subscribe .subscribe-form {
    color: #fff;
}
.widget-subscribe .subscribe-form p:last-child {
    margin-bottom: 0;
}
.widget-subscribe.widget--centered .subscribe-form input[type="email"] {
    text-align: center;
}

.widget-subscribe--stack-bottom {
    padding-top: 0;
    padding-bottom: 20px;
}

.widget-subscribe input[type=submit], .widget-subscribe input[type=submit]:active, .widget-subscribe input[type=submit]:hover, .widget-subscribe input[type=submit]:focus {
    background: none;
    border: 1px solid #ddd;
    color: #fff;
    margin-top: 5px;
}

/*---- Widget Categories ----*/


/* -----------------------------------------------------------------
## WordPress Defaul Widgets
----------------------------------------------------------------- */


/*---- ## Archive Widget ----*/

.widget_archive ul {
    list-style: none;
    padding: 0;
}

.widget_archive li:not(:last-child) {
    margin-bottom: 15px;
}

.widget_archive li>a {
    display: inline-block;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
}

.widget_archive a>span {
    display: inline-block;
    background: #ccc;
    padding: 1px 5px;
    border-radius: 3px;
    margin-left: 5px;
    font-size: 0.8571rem;
    color: #fff;
}

.widget_archive ul.children {
    padding-top: 15px;
    padding-left: 15px;
}

.widget_archive ul.children li>a {
    color: rgba(0, 0, 0, 0.6);
}


/*---- ## Calendar Widget ----*/

.widget_calendar {
    border-bottom: none;
}

.calendar_wrap {
    border-radius: 3px;
    overflow: hidden;
}

.widget_calendar caption {
    padding: 0.6em;
    text-align: center;
    font-size: 22px;
    font-size: 1.5714rem;
    font-weight: 700;
    color: #fff;
    background-color: #333;
}

.widget_calendar table {
    width: 100%;
    margin-bottom: 0;
    font-size: 12px;
    font-size: 0.8571rem;
    color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.widget_calendar thead {
    background-color: #fafafa;
}

.widget_calendar th {
    padding: 1em;
    text-align: center;
    border: none;
}

.widget_calendar td {
    padding: 0.8em 1em;
    border: none;
    text-align: center;
}

.widget_calendar td a {
    position: relative;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
}

.widget_calendar td a::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: -4px;
    right: -6px;
    bottom: auto;
    left: auto;
    border-radius: 100%;
    background-color: #aaa;
    background-color: #FC3C2D;
}

.widget_calendar #today,
.widget_calendar #today a {
    position: relative;
    font-weight: 700;
    color: #fff;
    background-color: #444;
    background-color: #FC3C2D;
}

.widget_calendar tfoot {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.widget_calendar tfoot td {
    padding: 1em;
}

.widget_calendar tfoot a {
    font-size: 18px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
}

.widget_calendar tfoot a::before {
    content: none;
}


/*---- ## Categories Widget ----*/

.widget_categories ul {
    list-style: none;
    padding: 0;
}

.widget_categories li:not(:last-child) {
    margin-bottom: 15px;
}

.widget_categories li>a {
    display: inline-block;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
}

.widget_categories a>span {
    display: inline-block;
    background: #ccc;
    padding: 1px 5px;
    border-radius: 3px;
    margin-left: 5px;
    font-size: 0.8571rem;
    color: #fff;
}

.widget_categories ul.children {
    padding-top: 15px;
    padding-left: 20px;
}


/*---- ## Menu Widget ----*/

.widget_nav_menu ul {
    list-style: none;
    padding: 0;
}

.widget_nav_menu li:not(:last-child) {
    margin-bottom: 15px;
}

.widget_nav_menu li>a {
    display: inline-block;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
}

.widget_nav_menu .sub-menu {
    padding-top: 15px;
    padding-left: 20px;
}

.widget_nav_menu .sub-menu .sub-menu {
    font-size: 100%;
}


/*---- ## Meta Widget ----*/

.widget_meta ul {
    list-style: none;
    padding: 0;
}

.widget_meta li:not(:last-child) {
    margin-bottom: 15px;
}

.widget_meta li>a {
    display: inline-block;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
}

.inverse-text .widget_meta li>a {
    color: rgba(255, 255, 255, 0.8);
}

.inverse-text .widget_meta li>a:hover,
.inverse-text .widget_meta li>a:focus,
.inverse-text .widget_meta li>a:active {
    color: white;
}


/*---- ## Pages Widget ----*/

.widget_pages ul {
    list-style: none;
    padding: 0;
}

.widget_pages li:not(:last-child) {
    margin-bottom: 15px;
}

.widget_pages li>a {
    display: inline-block;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
}

.widget_pages ul.children {
    padding-top: 15px;
    padding-left: 20px;
}


/*---- ## Recent Comments Widget ----*/

.widget_recent_comments ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget_recent_comments .recentcomments {
    position: relative;
    margin-bottom: 20px;
}

.widget_recent_comments .recentcomments::before {
    content: '\e0cb';
    font-family: 'mdicon';
    margin-right: 0.2em;
}

.widget_recent_comments .recentcomments>a {
    display: block;
    position: relative;
    margin-top: 8px;
    padding: 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none !important;
}

.widget_recent_comments .comment-author-link {
    font-weight: 700;
}

.widget_recent_comments .comment-author-link a {
    color: inherit;
    text-decoration: none !important;
    text-transform: uppercase;
}

.inverse-text .widget_recent_comments .recentcomments>a {
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
}


/*---- ## Recent Posts Widget ----*/

.widget_recent_entries ul {
    list-style: none;
    padding: 0;
}

.widget_recent_entries li:not(:last-child) {
    margin-bottom: 15px;
}

.widget_recent_entries li>a {
    display: inline-block;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
}


/*---- ## RSS Widget ----*/

.widget_rss .rss-widget-icon {
    display: none;
}

.widget_rss .widget__title a.rsswidget:last-child::before {
    content: '\e0e5';
    font-family: 'mdicon';
    margin-right: 0.3em;
}

.widget_rss ul {
    list-style: none;
}

.widget_rss li {
    position: relative;
    padding: 12px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.widget_rss li:first-child {
    padding-top: 0;
    border-top: none;
}

.widget_rss a.rsswidget {
    font-weight: 700;
    color: inherit;
    text-decoration: none;
}

.widget_rss .rss-date {
    display: block;
    margin-top: 0.4em;
    font-size: 12px;
    font-size: 0.8571rem;
    font-style: italic;
}

.widget_rss .rssSummary {
    margin: 0.4em 0;
}


/*---- ## Search Widget ----*/

.widget_search .search-form__submit {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 6px 10px;
    background: transparent;
    border: none;
    outline: 0;
    color: rgba(0, 0, 0, 0.4);
}

.widget_search .search-form__submit i {
    font-size: 20px;
}


/*---- ## Tag Cloud Widget ----*/

.tagcloud::after {
    clear: both;
    content: "";
    display: table;
}

.tagcloud a {
    display: inline-block;
    float: left;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    font-size: 12px;
    font-size: 0.8571rem;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fafafa;
    color: rgba(0, 0, 0, 0.44);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.tagcloud a:hover {
    background: #fff;
    color: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

/*---- ## Instagram Widget ----*/
.suga-instagram-widget-wrap ul li {
    width: 33.33%;
    border: 1px solid transparent;
    float: left;
}

/*---- ## Login with Ajax Widget ----*/

.widget_loginwithajaxwidget .bk-lwa {
    display: block;
}

.widget_loginwithajaxwidget .lwa-info {
    line-height: 2.4;
}

.widget_loginwithajaxwidget .lwa-info a {
    display: inline-block;
    text-decoration: none;
    color: var(--color-text);
}

.widget_loginwithajaxwidget .lwa-info a:hover {
    color: var(--color-links-hover);
}

.widget_loginwithajaxwidget .lwa-info a::first-letter {
    text-transform: uppercase;
}

.widget_loginwithajaxwidget tr {
    border-bottom: none;
}

.widget_loginwithajaxwidget .lwa-avatar {
    width: 75px;
}

.widget_loginwithajaxwidget .avatar  {
    border-radius: 50%;
    vertical-align: middle;
}

.widget_loginwithajaxwidget .lwa-password {
    margin-bottom: 20px;
}

.widget_loginwithajaxwidget tr.lwa-username td,
.widget_loginwithajaxwidget tr.lwa-password td {
    padding-bottom: 15px;
}

.widget_loginwithajaxwidget .lwa-links-remember {
    display: inline-block;
    margin-top: 2px;
    color: var(--color-text);
}

.widget_loginwithajaxwidget .lwa-submit-button input {
    width: initial;
}

.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn {
    position: relative;
    text-align: left;
    height: auto;
}

.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn table,
.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn td {
    margin: 0;
    padding: 0;
}

.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn .lwa-avatar {
    line-height: 1;
}

.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn .lwa-avatar > * {
    display: inline-block !important;
}

.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn .lwa-avatar > *:not(:first-child) {
    margin-left: 7px;
}

.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn .bk-account-info {
    top: calc(100% + 10px);
    left: 0;
}

.widget_loginwithajaxwidget .bk-lwa.navigation-bar-btn:hover .bk-account-info {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 991px) and (min-width: 481px) {

    /*---- Widget Login with Ajax ----*/

    .widget_loginwithajaxwidget .lwa-divs-only .lwa-username,
    .widget_loginwithajaxwidget .lwa-divs-only .lwa-password {
        float: left;
        width: calc(50% - 15px);
    }

    .widget_loginwithajaxwidget .lwa-divs-only .lwa-password {
        float: right;
    }

    .widget_loginwithajaxwidget .lwa-divs-only .lwa-password .input {
        margin-top: 5px;
    }

    .widget_loginwithajaxwidget .lwa-divs-only .lwa-password + * {
        clear: both;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .widget_rss ul {
        display: flex;
        flex-wrap: wrap;
        margin: -20px -15px;
    }

    .widget_rss ul li,
    .widget_rss ul li:first-child {
        width: 50%;
        padding: 20px 15px;
    }

    .widget_rss li:nth-child(2) {
        border-top: 0;
    }
}

@media (max-width: 767px) and (min-width: 481px) {
    .widget_loginwithajaxwidget .lwa-divs-only .lwa-username,
    .widget_loginwithajaxwidget .lwa-divs-only .lwa-password {
        width: calc(50% - 10px);
    }
}

.inverse-text .widget_loginwithajaxwidget .lwa-links-remember,
.inverse-text .widget_calendar table,
.inverse-text .widget_search .search-form__submit,
.inverse-text .widget_recent_entries li>a,
.inverse-text .widget_pages li>a,
.inverse-text .widget_categories li>a,
.inverse-text .widget_archive li>a,
.inverse-text .widget_nav_menu li>a {
    color: rgba(255, 255, 255, 0.8);
}

.inverse-text .widget_calendar td a,
.inverse-text .widget_recent_entries li>a:hover,
.inverse-text .widget_recent_entries li>a:focus,
.inverse-text .widget_pages li>a:hover,
.inverse-text .widget_pages li>a:focus,
.inverse-text .widget_categories li>a:hover,
.inverse-text .widget_categories li>a:focus,
.inverse-text .widget_archive li>a:hover,
.inverse-text .widget_archive li>a:focus,
.inverse-text .widget_nav_menu li>a:hover,
.inverse-text .widget_nav_menu li>a:focus {
    color: white;
}

.inverse-text .widget_calendar thead {
    background: rgba(255, 255, 255, 0.1);
}

.inverse-text .widget_calendar table,
.inverse-text .widget_rss li {
    border-color: rgba(255, 255, 255, 0.1);
}

/* -----------------------------------------------------------------
## Carousel Heading Aside
----------------------------------------------------------------- */

.atbssuga-carousel-heading-aside .owl-nav {
    display: none;
}

@media (min-width: 768px) {
    .atbssuga-carousel-heading-aside .carousel-heading {
        text-align: left;
        padding-right: 15px;
    }
}


/* -----------------------------------------------------------------
## Carousel Thumb Overlap
----------------------------------------------------------------- */

@media (min-width: 768px) {
    .atbssuga-carousel-thumb-overlap .post__text {
        min-height: 380px;
    }
}


/* -----------------------------------------------------------------
## Carousel Overlap
----------------------------------------------------------------- */

.atbssuga-carousel-overlap .overlap-background {
    bottom: 112px;
}

@media (max-width: 767px) {
    .atbssuga-carousel-overlap .atbssuga-carousel__inner {
        margin-top: -30px;
    }
}

.atbssuga-carousel-overlap .flickity-viewport {
    overflow: visible !important;
}

.atbssuga-carousel-overlap .slide-content {
    width: 100%;
    visibility: hidden;
}

@media (min-width: 768px) {
    .atbssuga-carousel-overlap .slide-content {
        margin: 0 -20px;
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .atbssuga-carousel-overlap .slide-content {
        margin: 0 -30px;
        max-width: 970px;
    }
}

.atbssuga-carousel-overlap .flickity-enabled .slide-content {
    visibility: visible;
}

@media (min-width: 768px) {
    .atbssuga-carousel-overlap .slide-content .post--overlay {
        -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top;
        -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    }
}

@media (min-width: 768px) {
    .atbssuga-carousel-overlap .slide-content.is-selected .post--overlay {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

.atbssuga-carousel-overlap .post--overlay {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
}

.atbssuga-carousel-overlap .post--overlay .post__text {
    min-height: 360px;
}

@media (min-width: 768px) {
    .atbssuga-carousel-overlap .post--overlay .post__text {
        min-height: 480px;
    }
}


/* -----------------------------------------------------------------
## Mosaic Block
----------------------------------------------------------------- */

.atbssuga-mosaic .row,
.atbssuga-mosaic.row {
    margin-left: -5px;
    margin-right: -5px;
}

.atbssuga-mosaic .row--space-between,
.atbssuga-mosaic.row--space-between {
    margin-top: -5px;
    margin-bottom: -5px;
}

.atbssuga-mosaic [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.atbssuga-mosaic .row--space-between>[class*="col-"],
.atbssuga-mosaic.row--space-between>[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.atbssuga-mosaic.has-background,
.atbssuga-mosaic.has-overlap-background {
    padding-top: 30px;
}

.atbssuga-mosaic .mosaic-item {
    float: left;
    position: relative;
}

@media (min-width: 992px) {
    .atbssuga-mosaic .mosaic-item {
        height: 480px;
    }
}

@media (min-width: 992px) {
    .atbssuga-mosaic .mosaic-item--half {
        height: 240px;
    }
}

@media (max-width: 767px) {
    .atbssuga-mosaic .mosaic-item .post--overlay .post__text {
        min-height: 220px;
    }
}

@media (max-width: 991px) {
    .atbssuga-mosaic .mosaic-item .post--overlay .post__text {
        min-height: 220px;
    }
}

@media (max-width: 767px) {
    .atbssuga-mosaic .mosaic-item:first-child .post--overlay .post__text {
        min-height: 320px;
    }
}

@media (max-width: 991px) {
    .atbssuga-mosaic .mosaic-item:first-child .post--overlay .post__text {
        min-height: 320px;
    }
}

@media (min-width: 992px) {
    .atbssuga-mosaic .mosaic-item .post--overlay,
    .atbssuga-mosaic .mosaic-item .post--overlay .post__text {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

.atbssuga-mosaic--has-shadow .mosaic-item .post--overlay {
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.4);
}

@media (min-width: 992px) {
    .atbssuga-mosaic--gutter-10 .mosaic-item .post--overlay {
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 5px;
        left: 5px;
    }
}

@media (min-width: 992px) {
    .atbssuga-mosaic--gutter-20 .mosaic-item .post--overlay {
        position: absolute;
        top: 10px;
        right: 10px;
        bottom: 10px;
        left: 10px;
    }
}

@media (min-width: 992px) {
    .atbssuga-mosaic--gutter-30 .mosaic-item .post--overlay {
        position: absolute;
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
    }
}

.atbssuga-mosaic .mosaic-item .post--overlay .background-img {
    -webkit-box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.atbssuga-mosaic-block .overlap-background {
    bottom: 60px;
}


/* -----------------------------------------------------------------
## Featured with overlap posts
----------------------------------------------------------------- */

.featured-with-overlap-posts .main-post {
    min-height: 420px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    box-align: end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
}

@media (min-width: 768px) {
    .featured-with-overlap-posts .main-post {
        min-height: 520px;
    }
}

.featured-with-overlap-posts .main-post .background-img::after {
    background-color: transparent;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
    background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    opacity: 1;
    background-color: transparent;
}

.featured-with-overlap-posts .main-post .post__text {
    width: 100%;
}

.featured-with-overlap-posts .main-post .post__text-inner {
    padding: 20px 0 100px;
}

.featured-with-overlap-posts .sub-posts {
    position: relative;
    margin-top: -60px;
}

.featured-with-overlap-posts .sub-posts>ul {
    padding: 0;
    list-style: none;
}

.featured-with-overlap-posts .sub-posts>ul>li:nth-child(3) {
    clear: both;
}

@media (min-width: 992px) {
    .featured-with-overlap-posts .sub-posts>ul>li:nth-child(3) {
        clear: none;
    }
}

.featured-with-overlap-posts .sub-posts article .post__thumb {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.06);
}


/* -----------------------------------------------------------------
## Featured Block B
----------------------------------------------------------------- */

.atbssuga-featured-block-b {
    padding-top: 40px;
}

.atbssuga-featured-block-b .atbssuga-block__background {
    bottom: 30px;
}


/* -----------------------------------------------------------------
## Featured Block C
----------------------------------------------------------------- */

.atbssuga-featured-block-a {
    position: relative;
    overflow: hidden;
}

.atbssuga-featured-block-a article {
    position: relative;
}

@media (max-width: 767px) {
    .atbssuga-featured-block-a .main-post-wrap {
        position: relative;
        margin: -30px -15px 0;
        padding: 30px 15px;
    }
}

.atbssuga-featured-block-a .main-post {
    position: relative;
    padding: 30px 0;
}

@media (min-width: 768px) {
    .atbssuga-featured-block-a .main-post {
        margin: 40px auto;
    }
}

@media (min-width: 992px) {
    .atbssuga-featured-block-a .main-post {
        margin: 40px auto 60px;
    }
}

@media (min-width: 768px) {
    .atbssuga-featured-block-a .main-post::before {
        content: '';
        position: absolute;
        top: 0;
        right: 20%;
        bottom: 0;
        left: 20%;
        border: 10px solid #FC3C2D;
        opacity: 0.6;
    }
}

@media (min-width: 1200px) {
    .atbssuga-featured-block-a .main-post::before {
        content: '';
        position: absolute;
        top: 0;
        right: 30%;
        bottom: 0;
        left: 30%;
        border: 12px solid #FC3C2D;
        opacity: 0.6;
    }
}

.atbssuga-featured-block-a .main-post .video-post .atbssuga-post-type-icon {
    margin-top: 30px;
}

.atbssuga-featured-block-a .main-post .post__text {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.atbssuga-featured-block-a .main-post .post__excerpt {
    max-width: 600px;
    margin: 20px auto 0;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
    .atbssuga-featured-block-a .main-post .post__excerpt {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .atbssuga-featured-block-a .sub-posts-wrap {
        position: relative;
        margin: -30px -15px;
        padding: 15px;
        background: #12162d;
    }
}


/* -----------------------------------------------------------------
## Featured with list
----------------------------------------------------------------- */

.atbssuga-featured-with-list__wrapper {
    position: relative;
    overflow: hidden;
}

.atbssuga-featured-with-list .main-post {
    overflow: hidden;
}

.atbssuga-featured-with-list .main-post .post__title {
    text-shadow: 0 0 50px rgba(0, 0, 0, 0.4);
}

.atbssuga-featured-with-list .main-post .post__meta,
.atbssuga-featured-with-list .main-post .post__excerpt {
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.atbssuga-featured-with-list .sub-posts {
    position: relative;
    overflow: hidden;
}

.atbssuga-featured-with-list .sub-posts__inner {
    width: 100%;
    /* IE fix */
    max-width: 1440px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .atbssuga-featured-with-list--vertical-list .atbssuga-featured-with-list__inner {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.atbssuga-featured-with-list--vertical-list .sub-background,
.atbssuga-featured-with-list--vertical-list .sub-background .background-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
}

.atbssuga-featured-with-list--vertical-list .main-post {
    position: relative;
    padding: 50px 30px;
}

@media (min-width: 992px) {
    .atbssuga-featured-with-list--vertical-list .main-post {
        -webkit-box-flex: 1;
        box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        box-align: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        position: static;
        min-height: 520px;
        padding: 80px 40px;
    }
    .atbssuga-featured-with-list--vertical-list .main-post::before {
        content: '';
        position: absolute;
        top: 0;
        right: 52%;
        bottom: 0;
        left: 0;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.7)), to(transparent));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.7) 0, transparent 100%);
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0, transparent 100%);
    }
}

.atbssuga-featured-with-list--vertical-list .atbssuga-featured-with-list__heading {
    max-width: 1440px;
    margin: auto;
}

.atbssuga-featured-with-list--vertical-list .block-heading {
    margin: 40px 40px 0 40px;
}

.atbssuga-featured-with-list--vertical-list .main-post .block-heading {
    margin: 0 0 80px 0;
}

.atbssuga-featured-with-list--vertical-list .main-post .post__text {
    z-index: 1;
    max-width: 680px;
}

.atbssuga-featured-with-list--vertical-list .sub-posts {
    padding: 20px;
    background-color: #12162d;
}

@media (min-width: 768px) {
    .atbssuga-featured-with-list--vertical-list .sub-posts {
        padding: 30px;
    }
}

@media (min-width: 992px) {
    .atbssuga-featured-with-list--vertical-list .sub-posts {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        box-align: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        width: 40%;
        padding: 80px 40px;
        background: transparent;
    }
}

@media (min-width: 1200px) {
    .atbssuga-featured-with-list--vertical-list .sub-posts {
        width: 30%;
    }
}

@media (min-width: 992px) {
    .atbssuga-featured-with-list--vertical-list .sub-posts__inner {
        -webkit-box-flex: 1;
        box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .atbssuga-featured-with-list--vertical-list .sub-posts__inner::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.6)), to(transparent));
        background: -o-linear-gradient(right, rgba(0, 0, 0, 0.6) 0, transparent 100%);
        background: linear-gradient(-90deg, rgba(0, 0, 0, 0.6) 0, transparent 100%);
    }
}

.atbssuga-featured-with-list--vertical-list .posts-list {
    list-style: none;
    margin: -20px 0;
    padding: 0;
}

.atbssuga-featured-with-list--vertical-list .posts-list>li {
    position: relative;
    padding: 20px 0;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.atbssuga-featured-with-list--vertical-list .posts-list article {
    position: relative;
}

.atbssuga-featured-with-list--vertical-list .posts-list article::before {
    content: none;
    position: absolute;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    background: #fff;
    opacity: 0;
    -webkit-transform: scale(0.5, 1);
    -ms-transform: scale(0.5, 1);
    transform: scale(0.5, 1);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media (min-width: 992px) {
    .atbssuga-featured-with-list--vertical-list .posts-list article::before {
        content: '';
    }
    .atbssuga-featured-with-list--vertical-list .posts-list article:hover::before {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    .atbssuga-featured-with-list--vertical-list .posts-list article:hover .post__text .post__title,
    .atbssuga-featured-with-list--vertical-list .posts-list article:hover .post__text .post__title a {
        color: rgba(0, 0, 0, 0.8);
        text-shadow: none;
    }
    .atbssuga-featured-with-list--vertical-list .posts-list article:hover .post__text .post__meta,
    .atbssuga-featured-with-list--vertical-list .posts-list article:hover .post__text .post__meta a {
        color: rgba(0, 0, 0, 0.4);
        text-shadow: none;
    }
}

.atbssuga-featured-with-list--horizontal-list .main-post {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    box-align: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: flex-end;
    min-height: 360px;
    position: relative;
}

@media (min-width: 768px) {
    .atbssuga-featured-with-list--horizontal-list .main-post {
        position: static;
    }
}

@media (min-width: 992px) {
    .atbssuga-featured-with-list--horizontal-list .main-post {
        min-height: 480px;
    }
    .atbssuga-featured-with-list--horizontal-list .main-post::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 160px;
        left: 0;
        background-color: transparent;
        background-image: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
        background-image: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
        background-image: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
        opacity: 0.85;
    }
}

.atbssuga-featured-with-list--horizontal-list .main-post__inner {
    width: 100%;
    margin: 0 auto;
    padding: 30px 15px;
}

@media (min-width: 768px) {
    .atbssuga-featured-with-list--horizontal-list .main-post__inner {
        padding: 60px 30px;
    }
}

@media (min-width: 992px) {
    .atbssuga-featured-with-list--horizontal-list .main-post__inner {
        padding: 60px 0;
    }
}

.atbssuga-featured-with-list--horizontal-list .main-post .block-heading {
    margin-bottom: 80px;
}

.atbssuga-featured-with-list--horizontal-list .sub-posts {
    padding: 20px;
    background-color: #12162d;
}

@media (min-width: 768px) {
    .atbssuga-featured-with-list--horizontal-list .sub-posts {
        padding: 50px 40px;
        background-color: transparent;
    }
}

@media (min-width: 992px) {
    .atbssuga-featured-with-list--horizontal-list .sub-posts__inner::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.7)), to(transparent));
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 0, transparent 100%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, transparent 100%);
        background-color: transparent;
        background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
        background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
        background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    }
}

@media (min-width: 768px) {
    .atbssuga-featured-with-list--horizontal-list .posts-list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        box-align: end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        -o-align-items: flex-end;
        align-items: flex-end;
        -ms-flex-align: end;
        margin-left: -20px;
        margin-right: -20px;
    }
}

.atbssuga-featured-with-list--horizontal-list .posts-list li {
    position: relative;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
    .atbssuga-featured-with-list--horizontal-list .posts-list li {
        -webkit-box-flex: 1;
        box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0;
        padding: 0;
        border-bottom: none;
    }
    .atbssuga-featured-with-list--horizontal-list .posts-list li:not(:first-child) {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 768px) {
    .atbssuga-featured-with-list--horizontal-list .posts-list article {
        padding: 0 20px;
    }
    .atbssuga-featured-with-list--horizontal-list .posts-list article::before {
        content: '';
        position: absolute;
        top: -15px;
        right: 0;
        bottom: -15px;
        left: 0;
        background: #fff;
        opacity: 0;
        -webkit-transform: scale(1, 0.5);
        -ms-transform: scale(1, 0.5);
        transform: scale(1, 0.5);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .atbssuga-featured-with-list--horizontal-list .posts-list article:hover::before {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    .atbssuga-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__title,
    .atbssuga-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__title a {
        color: rgba(0, 0, 0, 0.8);
        text-shadow: none;
    }
    .atbssuga-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__meta,
    .atbssuga-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__meta a {
        color: rgba(0, 0, 0, 0.4);
        text-shadow: none;
    }


}

@media (min-width: 768px) {
    .atbssuga-featured-with-list--horizontal-list .posts-list article .post__thumb {
        display: none;
    }
}

@media (min-width: 992px) {
    .atbssuga-featured-with-list--horizontal-list .posts-list article .post__thumb {
        display: block;
    }
}


/* -----------------------------------------------------------------
## Horizontal List
----------------------------------------------------------------- */

.atbssuga-horizontal-list [class^="col-"]:not(:last-child) article {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
    .atbssuga-horizontal-list [class^="col-"]:not(:last-child) article {
        padding-right: 15px;
        padding-bottom: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.05);
        border-bottom: none;
    }
}

.atbssuga-horizontal-list .index {
    font-size: 40px;
    font-size: 2.8571rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.4);
}

.atbssuga-horizontal-list.has-background {
    background: #fafafa;
}


/* -----------------------------------------------------------------
## Posts Listing A
----------------------------------------------------------------- */

.atbssuga-posts-listing-a__cat-wrap {
    position: relative;
}

.atbssuga-posts-listing-a__cat-inner {
    padding: 20px;
}

@media (min-width: 768px) {
    .atbssuga-posts-listing-a__cat-inner {
        padding: 30px;
    }

    .atbssuga-posts-listing-a__cat-inner ul {
        min-height: 320px;
    }
}

.atbssuga-posts-listing-a .cat-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

/* -----------------------------------------------------------------
## News Ticker
----------------------------------------------------------------- */

.atbssuga-news-ticker__inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0.5rem;
}

@media (min-width: 768px) {
    .atbssuga-news-ticker__inner {
        padding: 1rem;
    }
}

.atbssuga-news-ticker--fw .atbssuga-news-ticker__inner {
    padding-left: 0;
    padding-right: 0;
    border: none;
}

.atbssuga-news-ticker--fw {
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.atbssuga-news-ticker__heading {
    -webkit-box-flex: 0;
    box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 20px;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.08em;
}

.atbssuga-news-ticker__content {
    -webkit-box-flex: 1;
    box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
}

.atbssuga-news-ticker__content>ul {
    max-width: 100%;
    margin: 0;
}

.atbssuga-news-ticker__content>ul li {
    display: block;
}

.atbssuga-news-ticker__content:not(.initialized)>ul>li:not(:first-child) {
    display: none;
}

.atbssuga-news-ticker__content .post {
    padding: 5px 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.atbssuga-news-ticker__content .post__cat {
    display: inline;
    margin-right: 1em;
}

.atbssuga-news-ticker__content .post__title {
    display: inline;
    margin: 0;
    vertical-align: middle;
}

.atbssuga-news-ticker__control {
    margin-left: 10px;
    white-space: nowrap;
}

.atbssuga-news-ticker__next,
.atbssuga-news-ticker__prev {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    line-height: 34px;
    text-align: center;
}

.atbssuga-news-ticker__next i,
.atbssuga-news-ticker__prev i {
    font-size: 20px;
}

.atbssuga-news-ticker__prev {
    margin-right: 2px;
}


/* -----------------------------------------------------------------
## Carousel Gallery Posts
----------------------------------------------------------------- */

.atbssuga-carousel-gallery-posts .atbssuga-carousel__inner {
    position: relative;
}

.atbssuga-carousel-gallery-posts__thumbs {
    position: relative;
    padding: 10px;
    background-color: #000;
}

.atbssuga-carousel-gallery-posts__thumbs::after {
    content: '';
    height: 20px;
    position: absolute;
    top: -20px;
    right: 0;
    bottom: auto;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent));
    background-image: -o-linear-gradient(bottom, black 0%, transparent 100%);
    background-image: linear-gradient(0deg, black 0%, transparent 100%);
}

.atbssuga-carousel-gallery-posts__thumbs .slide-content {
    width: 70px;
    height: auto;
    margin: 0 5px;
}

@media (min-width: 768px) {
    .atbssuga-carousel-gallery-posts__thumbs .slide-content {
        width: 120px;
    }
}


/* -----------------------------------------------------------------
## Video Box
----------------------------------------------------------------- */

.atbssuga-video-box__inner {
    background: #2B2D32;
}

@media (min-width: 992px) {
    .atbssuga-video-box__inner {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.atbssuga-video-box__player {
    padding: 20px 20px 0;
}

@media (min-width: 992px) {
    .atbssuga-video-box__player {
        width: 70%;
    }
}

.atbssuga-video-box--fullwidth-bg .atbssuga-video-box__player {
    padding: 0 20px 0 0;
}

.atbssuga-video-box__player .atbssuga-responsive-video {
    cursor: pointer;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
}

.atbssuga-video-player__info {
    position: relative;
    padding: 20px;
    color: #fff;
}

.atbssuga-video-player__info a {
    color: #fff;
}

.atbssuga-video-player__info .post__meta {
    color: rgba(255, 255, 255, 0.6);
}

.atbssuga-video-player__play-icon {
    font-size: 80px;
    color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
    .atbssuga-video-player__play-icon {
        font-size: 120px;
    }
}

.atbssuga-video-box__playlist {
    height: 320px;
    position: relative;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2);
}

@media (min-width: 992px) {
    .atbssuga-video-box__playlist {
        height: auto;
        width: 30%;
    }
}

@media (min-width: 992px) {
    .atbssuga-video-box__playlist ul {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
    }
}

.atbssuga-video-box__playlist li {
    cursor: pointer;
    padding: 10px 20px;
}

.atbssuga-video-box__playlist li:hover {
    background: rgba(0, 0, 0, 0.2);
}

.atbssuga-video-box__playlist li.is-playing {
    background: rgba(0, 0, 0, 0.5);
}

.atbssuga-video-box__playlist .post__thumb img {
    width: 100%;
    height: auto;
}

.atbssuga-video-box__playlist .is-playing .post__thumb::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.atbssuga-video-box__playlist .is-playing .post__thumb::after {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
}

.atbssuga-video-box__playlist .post__meta {
    margin-top: 0;
}


/*---- Videos box overlap ----*/

@media (min-width: 992px) {
    .atbssuga-video-box--overlap {
        padding-top: 30px;
    }
}

.atbssuga-video-box--overlap .atbssuga-video-player__info {
    padding: 20px;
}

.atbssuga-video-box--overlap .atbssuga-video-box__inner {
    background: #2B2D32;
}

@media (min-width: 992px) {
    .atbssuga-video-box--overlap .atbssuga-video-box__player {
        margin-top: -30px;
        padding-top: 0;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.atbssuga-video-box--overlap .atbssuga-responsive-video {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
}

.atbssuga-video-box--overlap .atbssuga-video-box__playlist {
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2);
}

@media (min-width: 992px) {
    .atbssuga-video-box--overlap .atbssuga-video-box__playlist {
        -webkit-box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2), inset 13px 0 10px -6px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 13px 8px -6px rgba(0, 0, 0, 0.2), inset 0 -13px 8px -6px rgba(0, 0, 0, 0.2), inset 13px 0 10px -6px rgba(0, 0, 0, 0.3);
    }
}


/* =============================================================================
## PAGES
============================================================================= */


/* -----------------------------------------------------------------
## 404
----------------------------------------------------------------- */

.error404 .site-wrapper {
    min-height: 100vh;
}

.page-404-logo {
    margin-bottom: 60px;
}

.page-404-image {
    margin-bottom: 40px;
}

.page-404-search {
    max-width: 450px;
    margin: auto;
    margin-top: 40px;
}

.page-404-text {
    font-size: 18px;
}

.page-404-search .search-form--inline .search-form__input {
    padding: 12px 30px;
}

.page-404-search .btn {
    padding: 6px 20px;
}
/* -----------------------------------------------------------------
## Archives
----------------------------------------------------------------- */

.page-heading {
    position: relative;
}

.atbssuga-block .page-heading {
    margin-bottom: 30px;
}

.page-heading__title {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .page-heading__title {
        font-size: 1.8rem;
    }
}

.page-heading__subtitle {
    margin-top: 0.6em;
    color: rgba(0, 0, 0, 0.4);
    font-size: 1rem;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    max-width: 100%;
}
.page-heading__subtitle p {
    max-width: 768px;
}

.has-block-heading-line-around .page-heading__subtitle p,
.block-heading--center .page-heading__subtitle p,
.page-heading--center .page-heading__subtitle p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.page-heading--inverse .page-heading__title {
    position: relative;
    color: #fff;
}

.page-heading--inverse .page-heading__subtitle {
    position: relative;
    color: rgba(255, 255, 255, 0.8);
}

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

.page-heading--center .page-heading__title,
.page-heading--center .page-heading__subtitle {
    margin-left: auto;
    margin-right: auto;
}

.page-heading--has-background {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

@media (min-width: 768px) {
    .page-heading--has-background {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}


/* -----------------------------------------------------------------
## Coming Soon
----------------------------------------------------------------- */

.page-coming-soon .site-wrapper {
    position: relative;
}

.page-coming-soon .page-content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    min-height: 100vh;
    position: relative;
    padding: 50px 0;
}

.page-coming-soon .site-logo {
    margin-bottom: 60px;
    text-align: center;
}

.page-coming-soon .social-list {
    font-size: 24px;
}

.page-coming-soon .atbssuga-countdown {
    margin: 60px auto;
    text-align: center;
}

.page-coming-soon .countdown__section {
    display: inline-block;
    min-width: 60px;
    margin: 0 10px;
    text-align: center;
}

@media (min-width: 768px) {
    .page-coming-soon .countdown__section {
        min-width: 80px;
        margin: 0 20px;
    }
}

@media (min-width: 992px) {
    .page-coming-soon .countdown__section {
        min-width: 100px;
        margin: 0 30px;
    }
}


/* -----------------------------------------------------------------
## Single
----------------------------------------------------------------- */
.single-header .entry-meta{
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    text-transform: uppercase;
}
.single .single-entry--no-sidebar .single-header .entry-meta,
.single-header.single-header--center .entry-meta{
    justify-content: center;
}
.single-header .entry-meta .meta-date-wrap time{
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.single-entry-section {
    margin-top: 40px;
}

@media (min-width: 1200px) {
    .single-entry-section {
        margin-top: 60px;
    }
}

.single-header-wrap {
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .single-header-wrap {
        margin-bottom: 30px;
    }
}

.single-header {
    margin: 30px 0;
}

.single-header:first-child {
    margin-top: 0;
}

.single-header__content {
    position: relative;
}

.single-header .entry-title {
    max-width: 970px;
    font-size: 2.027rem;
    font-weight: 700;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .single-header .entry-title {
        font-size: 2.986rem;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .single-header .entry-title {
        font-size: 3.052rem;
        line-height: 1.2;
    }
}

@media (min-width: 992px) {
    .single-header .entry-title--lg {
        font-size: 3.815rem;
        line-height: 1.1;
    }
}

.single-header--center .entry-title {
    margin-left: auto;
    margin-right: auto;
}

.single-header>*:first-child,
.single-header .post__header-inner>*:first-child,
.single-content>*:first-child,
.single-content .entry-content>*:first-child {
    margin-top: 0;
}

.single-header>*:last-child,
.single-header .post__header-inner>*:last-child {
    margin-bottom: 0;
}

.single-header .post__header-inner {
    max-width: 940px;
}

.entry-teaser {
    margin: 1em 0;
    font-size: 18px;
    font-size: 1.28571rem;
    font-style: italic;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 768px) {
    .entry-teaser {
        font-size: 20px;
        font-size: 1.42857rem;
        line-height: 1.4;
    }
}

.inverse-text .entry-teaser {
    color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
    .entry-teaser--lg {
        font-size: 18px;
        font-size: 1.2857rem;
    }
}

.single-header .entry-teaser {
    max-width: 40em;
}

.single-header--center .entry-teaser {
    margin-left: auto;
    margin-right: auto;
}

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

.entry-interaction {
    margin: 15px 0;
}

.entry-interaction:first-child {
    margin-top: 0;
}

.entry-interaction:last-child {
    margin-bottom: 0;
}

.entry-interaction--border-top {
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.entry-interaction--horizontal {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.entry-interaction--horizontal>div {
    margin-top: 5px;
    margin-bottom: 5px;
}

.entry-interaction__left:not(:last-child) {
    margin-right: 15px;
}

.single-entry-thumb,
.single-entry-featured-media {
    margin-bottom: 45px;
}

.single-entry-thumb-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 20px;
    color: #fff;
}

.single-entry-thumb-caption span {
    position: relative;
}

.single-entry-thumb-caption a {
    display: inline-block;
    color: inherit !important;
    text-decoration: underline;
}

.single-entry-thumb-caption::before {
    content: '';
    position: absolute;
    top: -50%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
    background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    opacity: 0.8;
}

@media (max-width: 767px) {
    .single-entry-thumb,
    .single-entry-featured-media {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.single-entry-thumb:last-child,
.single-entry-featured-media:last-child {
    margin-bottom: 0;
}

.page.post--single .single-entry-thumb {
    margin-bottom: 60px;
}

.single-entry-featured-media-wrap {
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .single-entry-featured-media-wrap {
        margin-bottom: 30px;
    }
}

.single-content::after,
.entry-content::after {
    clear: both;
    content: "";
    display: table;
}


/*
 * Post sharing
 *--------------------*/

.post-sharing>ul {
    display: inline-block;
    margin: -4px -2px;
    padding: 0;
    line-height: 0;
    list-style: none;
    vertical-align: middle;
}

.post-sharing>ul>li {
    display: inline-block;
    margin: 4px 2px;
    line-height: 0;
}

.post-sharing--simple .sharing-btn {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 2px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
    .post-sharing--simple .sharing-btn {
        height: 34px;
        width: 34px;
    }
}

.post-sharing--simple .sharing-btn i {
    font-size: 12px;
    font-size: 0.8571rem;
}

@media (min-width: 768px) {
    .post-sharing--simple .sharing-btn i {
        font-size: 14px;
        font-size: 1rem;
    }
}

.post-sharing--simple .sharing-btn>* {
    line-height: 30px;
}

@media (min-width: 768px) {
    .post-sharing--simple .sharing-btn>* {
        line-height: 34px;
    }
}

@media (min-width: 768px) {
    .post-sharing--simple .sharing-btn-primary {
        width: auto;
        padding: 0 15px;
    }
}

.post-sharing--simple .sharing-btn-primary .sharing-btn__text {
    display: none;
}

@media (min-width: 768px) {
    .post-sharing--simple .sharing-btn-primary .sharing-btn__text {
        display: inline-block;
        margin-left: 0.4em;
    }
}

.entry-action-btn {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    height: 30px;
    min-width: 60px;
    padding: 0 10px;
    border-radius: 2px;
    background: #FC3C2D;
    color: #fff !important;
    font-size: 12px;
    text-align: center;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.entry-action-btn:hover,
.entry-action-btn:active,
.entry-action-btn:focus {
    color: inherit;
    text-decoration: none;
}

@media (min-width: 768px) {
    .entry-action-btn {
        height: 34px;
        min-width: 80px;
        padding: 0 14px;
        font-size: 14px;
    }
}

.entry-action-btn:not(:first-child) {
    margin-left: 5px;
}

.entry-action-btn i {
    margin-right: 0.4em;
    font-size: 1.2em;
}

.entry-action-btn span {
    vertical-align: middle;
}

.entry-action-btn>* {
    line-height: 30px;
}

@media (min-width: 768px) {
    .entry-action-btn>* {
        line-height: 34px;
    }
}


/*---- Single center ----*/

.post--single-center .single-header,
.post--single-center .post__header-inner,
.post--single-center .entry-teaser {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


/*---- Single thumb top ----*/

@media (max-width: 767px) {
    .single-entry--template-2 .post--single.has-post-thumbnail .single-entry-thumb {
        margin-top: -20px;
    }
}

/*.single-entry--template-2-alt .single-billboard .background-img::after {
  background-color: transparent;
  background-image: -webkit-linear-gradient(-270deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
  background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
  opacity: 1;
}*/


/*---- Single billboard ----*/

.single-billboard {
    min-height: 480px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .single-billboard {
        min-height: 580px;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .single-billboard {
        min-height: 470px;
    }
}
@media (min-width: 992px) {
    .single-billboard {
        min-height: 680px;
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .single-billboard {
        min-height: 400px;
    }
}

.single-billboard--md {
    min-height: 320px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .single-billboard--md {
        min-height: 480px;
    }
}

@media (min-width: 992px) {
    .single-billboard--md {
        min-height: 580px;
        margin-bottom: 30px;
    }
}

.single-billboard--sm {
    min-height: 280px;
}

@media (min-width: 768px) {
    .single-billboard--sm {
        min-height: 380px;
    }
}

@media (min-width: 992px) {
    .single-billboard--sm {
        min-height: 480px;
    }
}

.single-billboard .single-billboard__outer {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.single-billboard .single-billboard__inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    box-align: end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    min-height: 480px;
}

@media (min-width: 768px) {
    .single-billboard .single-billboard__inner {
        min-height: 580px;
    }
}

@media (min-width: 992px) {
    .single-billboard .single-billboard__inner {
        min-height: 680px;
    }
}

.single-billboard .single-header {
    width: 100%;
    margin: 0;
    padding: 20px 0;
}

@media (min-width: 768px) {
    .single-billboard .single-header {
        padding: 30px 0;
    }
}

.single-entry--billboard-floorfade.single-entry--no-sidebar .single-billboard {
    margin-bottom: 60px;
}

.single-entry--billboard-floorfade .single-billboard .single-header {
    position: relative;
}

.single-entry--billboard-floorfade .single-billboard .single-header::before {
    content: '';
    position: absolute;
    top: -100%;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
    background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


/*---- Single overlap thumb ----*/

.single-entry--template-4 .single-header--has-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.single-entry--template-4 .single-header-with-bg,
.single-entry--template-4-alt .single-header-with-bg {
    margin-bottom: 20px;
    padding-top: 20px;
    background: #fafafa;
}

@media (min-width: 768px) {
    .single-entry--template-4 .single-header-with-bg,
    .single-entry--template-4-alt .single-header-with-bg {
        padding-top: 40px;
    }
}

@media (min-width: 992px) {
    .single-entry--template-4 .single-header-with-bg,
    .single-entry--template-4-alt .single-header-with-bg {
        margin-bottom: 30px;
    }
}

.single-entry--template-4-alt .single-header--has-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23000000' fill-opacity='0.025' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.single-entry--template-4-alt .single-header-with-bg {
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
    background-color: #fafafa;
}

.single-entry--template-4 .single-header,
.single-entry--template-4-alt .single-header {
    position: relative;
    margin-bottom: 70px;
}

@media (min-width: 992px) {
    .single-entry--template-4 .single-header,
    .single-entry--template-4-alt .single-header {
        margin-bottom: 90px;
    }
}

.single-entry--template-4.has-no-thumb .single-header,
.single-entry--template-4-alt.has-no-thumb .single-header {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .single-entry--template-4.has-no-thumb .single-header,
    .single-entry--template-4-alt.has-no-thumb .single-header {
        margin-bottom: 40px;
    }
}

.single-entry--template-4 .single-entry-thumb,
.single-entry--template-4 .single-entry-featured-media,
.single-entry--template-4-alt .single-entry-thumb,
.single-entry--template-4-alt .single-entry-featured-media {
    position: relative;
    margin-top: -70px;
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 992px) {
    .single-entry--template-4 .single-entry-thumb,
    .single-entry--template-4 .single-entry-featured-media,
    .single-entry--template-4-alt .single-entry-thumb,
    .single-entry--template-4-alt .single-entry-featured-media {
        margin-top: -90px;
    }
}

.single-entry--template-4.single-entry--no-sidebar .single-entry-thumb,
.single-entry--template-4.single-entry--no-sidebar .single-entry-featured-media,
.single-entry--template-4-alt.single-entry--no-sidebar .single-entry-thumb,
.single-entry--template-4-alt.single-entry--no-sidebar .single-entry-featured-media {
    margin-bottom: 45px;
}

/*---- Single cover blur ----*/

.single-entry--billboard-blur.single-entry--no-sidebar .single-billboard {
    margin-bottom: 60px;
}

.single-entry--billboard-blur .single-header {
    padding-bottom: 0;
}

.single-entry--billboard-blur .single-header__inner {
    position: relative;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

@media (min-width: 768px) {
    .single-entry--billboard-blur .single-header__inner {
        padding: 30px 40px;
    }
}

.single-entry--billboard-blur .single-billboard .background-img {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    /* fix chrome blur edge */
}


/*---- Single billboard overlap thumb ----*/

.single-entry--billboard-overlap-title-aside .single-billboard {
    background-color: #12162d;
    background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.single-entry--billboard-overlap-title-aside.single-entry--no-sidebar .single-billboard {
    margin-bottom: 10px;
}

.single-entry--billboard-overlap-title-aside .single-billboard__inner {
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    min-height: 300px;
}

@media (min-width: 768px) {
    .single-entry--billboard-overlap-title-aside .single-billboard__inner {
        min-height: 420px;
    }
}

@media (min-width: 992px) {
    .single-entry--billboard-overlap-title-aside .single-billboard__inner {
        min-height: 580px;
    }
}

@media (min-width: 768px) {
    .single-entry--billboard-overlap-title-aside .single-billboard .background-img {
        left: 40%;
    }
}

@media (min-width: 768px) {
    .single-entry--billboard-overlap-title-aside .single-header__inner {
        max-width: 70%;
    }
}

@media (min-width: 992px) {
    .single-entry--billboard-overlap-title-aside .single-header__inner {
        max-width: 50%;
    }
}

.single-entry--billboard-overlap-title-aside .single-header .entry-title,
.single-entry--billboard-overlap-title-aside .single-header .entry-teaser {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
    .single-entry--billboard-overlap-title-aside .single-header .entry-teaser,
    .single-entry--billboard-overlap-title-aside .single-header .entry-meta {
        max-width: 70%;
    }
}


/*---- Single cover gradient ----*/

.post--single-cover-gradient .single-header {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fc3c2d), color-stop(50%, rgba(252, 60, 45, 0.7)), to(rgba(252, 60, 45, 0)));
    background-image: -o-linear-gradient(bottom, #fc3c2d 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%);
    background-image: linear-gradient(to top, #fc3c2d 0%, rgba(252, 60, 45, 0.7) 50%, rgba(252, 60, 45, 0) 100%);
}


/*---- Single cover small ----*/

.post--single-cover-small .post--single__cover--small {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.08);
}

@media (min-width: 768px) {
    .post--single-cover-small .post--single__cover--small {
        margin-left: 0;
        margin-right: 0;
    }
}

.post--single-cover-small .post__header-inner {
    padding: 30px;
}

@media (min-width: 1200px) {
    .post--single-cover-small .post__header-inner {
        padding: 30px 40px;
    }
}


/*---- Single overlap title ----*/

.single-entry--billboard-overlap-title .single-billboard {
    height: 320px;
}

@media (min-width: 992px) {
    .single-entry--billboard-overlap-title .single-billboard {
        height: 420px;
    }
}

.single-entry--billboard-overlap-title .single-header {
    position: relative;
    background: #fff;
}

.single-entry--billboard-overlap-title .single-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    -webkit-box-shadow: -1px -16px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -1px -16px 20px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
    .single-entry--billboard-overlap-title .single-header::before {
        height: 150px;
    }
}

.single-entry--billboard-overlap-title .single-header--has-background {
    margin-bottom: 10px;
}

.single-entry--billboard-overlap-title .has-post-thumbnail .single-header {
    margin-top: -80px;
}

@media (min-width: 768px) {
    .single-entry--billboard-overlap-title .has-post-thumbnail .single-header {
        margin-top: -170px;
    }
}

.single-entry--billboard-overlap-title .single-header__inner {
    position: relative;
    padding: 20px;
    background: #fff;
}

@media (min-width: 768px) {
    .single-entry--billboard-overlap-title .single-header__inner {
        padding: 20px 40px 20px;
    }
}

.single-entry--billboard-overlap-title .single-header--has-background .single-header__inner {
    padding-bottom: 20px;
}

.single-entry--billboard-overlap-title .single-header--fullwidth {
    margin-bottom: 40px;
}

.single-entry--billboard-overlap-title .single-header--svg-bg.single-header--has-background {
    background-color: #12162d;
}

.single-entry--billboard-overlap-title .single-header--svg-bg.single-header--has-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.single-entry--billboard-overlap-title .single-header--svg-bg::before {
    content: none;
}

.single-entry--billboard-overlap-title.billboard-overlap-alt .single-header--svg-bg.single-header--has-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23000000' fill-opacity='0.025' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.single-entry--billboard-overlap-title .single-header--svg-bg .single-header__inner {
    background: transparent;
}


/*---- Single video ----*/

.single-billboard--video {
    min-height: auto;
    padding: 20px 0;
    background-color: #111;
}

@media (min-width: 768px) {
    .single-billboard--video {
        padding: 40px 0;
    }
}

.single-billboard--video .single-billboard__background {
    opacity: 0.4;
}


/*---- Post single body ----*/

.post--single .single-body {
    margin: 2em auto;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.8;
}

@media (min-width: 768px) {
    .post--single .single-body {
        font-size: 16px;
        font-size: 1.1428rem; /*font system*/
    }
}

@media (min-width: 1200px) {
    .post--single .single-body {
        padding-left: 60px;
        padding-right: 60px;
    }
}

.post--single .single-body .atbssuga-post-format-media {
    margin-bottom: 2em;
}

.single-content>.single-body:first-child {
    margin-top: 0;
}

.single-body p {
    margin-bottom: 28px;
}

.single-body .atbssuga-gallery-wrap {
    margin-top: 2em;
    margin-bottom: 2em;
}

.single-body .atbssuga-post-media-wide > a {
    display: block;
}
.atbssuga-gallery-wrap {
    margin-bottom: 40px;
}
.single-entry-featured-media .atbssuga-gallery-wrap,
.single-billboard--video .atbssuga-responsive-video {
    margin-bottom: 0;
}


/*---- WordPress core ----*/


/* Alignment */

.alignleft {
    float: left;
    margin: 0.8em 1.6em 1.6em 0;
}

.alignright {
    float: right;
    margin: 0.8em 0 1.6em 1.6em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0.8em auto;
}


/*  Caption */

.wp-caption {
    max-width: 100%;
    margin-bottom: 1.6em;
    text-align: inherit;
}

.wp-caption .wp-caption-text,
.wp-caption-dd {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.4);
    font-size: 11px;
    font-size: 0.8em;
}

.wp-caption.alignleft {
    margin: 0.8em 1.6em 1.6em 0;
    text-align: left;
}

.wp-caption.alignright {
    margin: 0.8em 0 1.6em 1.6em;
    text-align: right;
}

.wp-caption.aligncenter {
    margin: 0.8em auto;
    text-align: center;
}

/* Galleries */

[class*="gallery-columns-"] {
    margin: 0 -1.79104477%;
}

.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery .gallery-caption {
    color: rgba(0, 0, 0, 0.44);
    display: block;
    font-size: 13px;
    line-height: 1.5;
    padding: 7px 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.screen-reader-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
}


/*---- Single footer ----*/

.entry-info {
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.entry-info::after {
    clear: both;
    content: "";
    display: table;
}

/* @media (min-width: 768px) {
    .entry-tags {
        text-align: right;
    }
} */

.entry-tags__icon,
.entry-categories__icon {
    margin-right: 0.2em;
    color: rgba(0, 0, 0, 0.4);
    font-size: 18px;
}

.entry-tags ul,
.entry-categories ul {
    display: inline-block;
    margin: -4px;
    padding: 0;
    vertical-align: middle;
    list-style: none;
}

.entry-tags ul>li,
.entry-categories ul>li {
    display: inline-block;
    margin: 4px;
    line-height: 1;
}

.entry-tags ul>li>a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 13px;
}

.entry-tags ul>li>a:hover {
    color: rgba(0, 0, 0, 0.8);
}

.entry-tags ul>li:not(.entry-tags__icon)>a::before {
    content: '#';
}


/*---- Review box ----*/

.atbssuga-review {
    padding-top: 25px;
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 1.1429rem;
}

@media (min-width: 1200px) {
    .single-body .atbssuga-review:not(.atbssuga-review--aside) {
        margin-left: -60px;
        margin-right: -60px;
    }
}

@media (min-width: 1200px) {
    .single-body--wide .atbssuga-review:not(.atbssuga-review--aside) {
        margin-left: -80px;
        margin-right: -80px;
    }
}

.atbssuga-review__inner {
    padding: 20px;
    border-radius: 3px;
    background: #fafafa;
}

@media (min-width: 768px) {
    .atbssuga-review__inner {
        padding: 30px;
    }
}

.atbssuga-review__inner>*:not(:last-child) {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .atbssuga-review__top {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        box-align: start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;
        -webkit-box-pack: justify;
        box-pack: justify;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
    }
}

.atbssuga-review__product {
    width: 100%;
    margin-right: 15px;
    margin-bottom: 15px;
}

.atbssuga-review__product-image {
    width: 60px;
}

@media (min-width: 768px) {
    .atbssuga-review__product-image {
        width: 70px;
    }
}

.atbssuga-review .atbssuga-review__product-name {
    margin-top: 0;
    margin-bottom: 0;
}

.atbssuga-review__product-byline {
    color: rgba(0, 0, 0, 0.4);
}

.atbssuga-review__overall-score {
    text-align: center;
}

@media (min-width: 768px) {
    .atbssuga-review__overall-score {
        margin-top: -40px;
    }
}

@media (min-width: 1200px) {
    .atbssuga-review__overall-score {
        margin-top: -50px;
    }
}

.atbssuga-review__summary p:last-child {
    margin-bottom: 0;
}

.atbssuga-review .atbssuga-review__list-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
}

.atbssuga-review__pros ul,
.atbssuga-review__cons ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.atbssuga-review__pros ul li:not(:first-child),
.atbssuga-review__cons ul li:not(:first-child) {
    margin-top: .7em;
}

.atbssuga-review__pros ul i,
.atbssuga-review__cons ul i {
    margin-right: 0.4em;
}

.atbssuga-review__pros ul i {
    color: #59d66f;
}

.atbssuga-review__cons ul i {
    color: #fa3f40;
}


/* Review box aside */

.atbssuga-review--aside {
    width: 100%;
    padding-top: 30px;
}

@media (min-width: 768px) {
    .atbssuga-review--aside {
        width: 300px;
    }
}

.atbssuga-review--aside .atbssuga-review__inner {
    padding: 20px;
    font-size: 0.9em;
}

.atbssuga-review--aside .atbssuga-review__overall-score {
    margin-top: -45px;
}

.atbssuga-review--aside .atbssuga-review__product-image {
    width: 50px;
}


/*---- Author box ----*/

.author-box {
    position: relative;
    padding: 30px;
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.author-box .author-avatar {
    height: 100px;
    width: 100px;
    margin: -50px auto 20px;
    border-radius: 100%;
    background: #fff;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
}

@media (min-width: 768px) {
    .author-box .author-avatar {
        margin: 0;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: -15px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.author-box .author-avatar img {
    height: 100%;
    width: 100%;
    border-radius: 100%;
}

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

@media (min-width: 768px) {
    .author-box__text {
        padding-left: 80px;
        text-align: left;
    }
}

.author-box .author-name span {
    color: rgba(0, 0, 0, 0.4);
}

.author-box .author-name a {
    color: rgba(0, 0, 0, 0.8);
    color: #FC3C2D;
    font-size: 110%;
    font-weight: 400;
    text-transform: capitalize;
    text-decoration: none;
}

.author-box .author-bio {
    margin: 15px 0;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
}

@media (min-width: 768px) {
    .author-box .author-info {
        text-align: left;
    }
}

.author-box .author-info a,
.author-box .author-bio a {
    color: rgba(0, 0, 0, 0.6);
}

.author-box .author-info a:hover,
.author-box .author-info a:focus,
.author-box .author-info a:active,
.author-box .author-bio a:hover,
.author-box .author-bio a:focus,
.author-box .author-bio a:active {
    color: rgba(0, 0, 0, 0.8);
}

.author-box .author-socials ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.author-box .author-socials a {
    display: inline-block;
    font-size: 1.1rem;
    white-space: nowrap;
    text-decoration: none;
}

@media (min-width: 768px) {
    .author-box .author-all-posts {
        text-align: right;
    }
}

.author-box .author-all-posts__link {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-decoration: none;
}


/*---- Posts navigation ----*/

.posts-navigation {
    padding-bottom: 20px;
}

.posts-navigation .post--overlay .post__text {
    min-height: 200px;
}

.posts-navigation .post--overlay .post__text-wrap {
    padding-bottom: 15px;
}

.posts-navigation__prev,
.posts-navigation__next {
    position: relative;
}

@media (min-width: 768px) {
    .posts-navigation__prev,
    .posts-navigation__next {
        width: 50%;
        float: left;
    }
}

@media (min-width: 768px) {
    .posts-navigation__prev {
        padding-right: 10px;
    }
}

.posts-navigation__prev:not(:only-child) {
    margin-bottom: 35px;
}

@media (min-width: 768px) {
    .posts-navigation__prev:not(:only-child) {
        margin-bottom: 0;
    }
}

.posts-navigation__prev i {
    margin-right: 0.4em;
}

.posts-navigation__next {
    text-align: right;
    float: right;
}

@media (min-width: 768px) {
    .posts-navigation__next {
        padding-left: 10px;
    }
}

.posts-navigation__next i {
    margin-left: 0.4em;
}

.posts-navigation__label {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 10px 35px;
    color: inherit;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.posts-navigation__label:hover,
.posts-navigation__label:active,
.posts-navigation__label:focus {
    color: inherit;
    text-decoration: none;
}

.posts-navigation__label::before {
    content: '';
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 20px;
    background: #FC3C2D;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.posts-navigation>div:hover .posts-navigation__label::before {
    left: 0;
    right: 0;
}

@media (min-width: 768px) {
    .posts-navigation__prev .posts-navigation__label {
        right: 10px;
    }
}

@media (min-width: 768px) {
    .posts-navigation__next .posts-navigation__label {
        left: 10px;
    }
}

.posts-navigation__label span {
    position: relative;
}


/*---- Comments section ----*/

.comments-title {
    margin: 0 0 2em 0;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.8);
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: 700;
}

@media (min-width: 768px) {
    .comments-title {
        font-size: 1.3rem;
    }
}

.comments-title::before {
    content: '\e0ca';
    margin-right: 0.4em;
    font-family: 'mdicon';
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.2em;
    vertical-align: middle;
}

.comments-title__text {
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.comments-title .add-comment {
    padding-left: 0.6em;
    color: rgba(0, 0, 0, 0.8);
    font-size: 90%;
    text-transform: uppercase;
}

.comment-list {
    margin-bottom: 50px;
    list-style: none;
}

.comment-list>li:not(:first-child) {
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.comment-list ol.children {
    position: relative;
    padding: 0 0 0 30px;
    list-style: none;
}

@media (min-width: 768px) {
    .comment-list ol.children {
        padding-left: 65px;
    }
}

.comment-list ol.children ol.children {
    padding-left: 0;
}

@media (min-width: 768px) {
    .comment-list ol.children ol.children {
        padding-left: 50px;
    }
}

.comment-list ol.children>li {
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.comment-body {
    margin-left: 105px;
    margin-bottom: 30px;
}

.trackback .comment-body,
.pingback .comment-body {
    margin-left: 0;
}

.comment-meta {
    margin-bottom: 5px;
}

.comment-meta>*:not(:last-child) {
    margin-right: 4px;
}

.comment-author {
    position: relative;
    font-size: 1.1429rem;
    font-weight: 700;
}

@media (min-width: 768px) {
    .comment-author {
        display: inline-block;
    }
}

.comment-author>img {
    height: 80px;
    width: 80px;
    position: absolute;
    top: 0;
    left: -105px;
    border-radius: 100%;
    max-width: 999px;
}

.comment-author a {
    color: inherit;
    text-decoration: none;
}

.comment-author a:hover,
.comment-author a:active,
.comment-author a:focus {
    color: inherit;
    text-decoration: none;
}

.comment-author .says {
    display: none;
}

.children .comment-author>img {
    height: 60px;
    width: 60px;
    left: -80px;
}

.children .comment-body {
    margin-left: 80px;
}

.comment-metadata {
    font-size: 12px;
    font-size: 0.85714rem;
    color: rgba(0, 0, 0, 0.4);
}

@media (min-width: 768px) {
    .comment-metadata {
        display: inline-block;
    }
    .comment-metadata::before {
        content: '\b7';
        margin-right: 4px;
        font-weight: 400;
    }
}

.comment-metadata>*:not(:last-child) {
    margin-right: 4px;
}

.comment-metadata a,
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:active,
.comment-metadata a:visited {
    color: rgba(0, 0, 0, 0.4);
    text-decoration: none;
}

.comment-metadata .edit-link {
    text-transform: uppercase;
}

.comment-metadata .comment-edit-link {
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
}

.comment-metadata .comment-edit-link::before {
    content: '\e254';
    margin-right: 0.2em;
    font-family: 'mdicon';
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.1em;
}

.comment-content {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.6;
}

.comment-content>*:last-child {
    margin-bottom: 0;
}

.comment-content .info {
    padding: 15px;
    background: #eee;
    font-style: italic;
}

.comment-content .info p:last-child {
    margin-bottom: 0;
}

.comment-reply-link {
    color: inherit;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.comment-reply-link:hover,
.comment-reply-link:active,
.comment-reply-link:focus {
    color: inherit;
    text-decoration: none;
}

.comment-reply-link:hover {
    color: rgba(0, 0, 0, 0.8);
}

.comment-reply-link::before {
    content: '\e15e';
    margin-right: 0.2em;
    font-family: 'mdicon';
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    font-size: 1.1em;
}

.comment-respond {
    margin: 0;
}

@media (min-width: 768px) {
    .comment-respond {
        margin: 0 0 20px;
    }
}

@media (min-width: 768px) {
    .comment-list .comment-respond {
        padding: 0 0 0 65px;
    }
}

@media (min-width: 768px) {
    .comment-list .children .comment-respond {
        padding-left: 51px;
    }
}

.comment-reply-title {
    margin-top: 0;
    margin-bottom: 1em;
    color: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    font-weight: 700;
}

@media (min-width: 768px) {
    .comment-reply-title {
        font-size: 1.142857142857143rem;
    }
}

.comment-reply-title small {
    font-size: 80%;
}

#cancel-comment-reply-link {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    margin-left: 0.4em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    line-height: 1.2;
}

#cancel-comment-reply-link:hover,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:focus {
    color: inherit;
    text-decoration: none;
}

.comment-form .logged-in-as a {
    color: inherit;
    text-decoration: underline;
}

.comment-form .logged-in-as a:hover,
.comment-form .logged-in-as a:active,
.comment-form .logged-in-as a:focus {
    color: inherit;
    text-decoration: underline;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="password"],
.comment-form input[type="search"],
.comment-form input[type="tel"],
.comment-form input[type="number"],
.comment-form textarea {
    display: block;
}

.comment-form-comment textarea {
    max-width: 790px;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.6;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    max-width: 320px;
}

.comment-form-url {
    margin-right: 0;
}

.comment-form .form-submit {
    clear: both;
    padding-top: 10px;
}

/* Custom Comment Fields */
#wp-comment-cookies-consent {
    margin-right: 5px;
}
.comment-form-cookies-consent  {
    clear: both;
}
.comment-form-cookies-consent label {
    font-weight: 400;
    font-style: italic;
    opacity: 0.5;
    margin-left: 5px;
}
#commentform > p {
    margin-bottom: 20px;
}
#commentform > .form-submit {
    margin-bottom: 0;
}
#commentform > p.comment-notes, #commentform .logged-in-as {
    margin-bottom: 20px;
    font-style: italic;
    opacity: 0.7;
}
#commentform > p label {
    font-weight:  400;
    margin-bottom: 10px;
    opacity: 0.7;
}
.comment-form-url, .comment-form-author, .comment-form-email {
    width: 31%;
    margin-right: 3%;
    float: left;
}
.comment-form-url {
    margin-right: 0;
}
@media(max-width: 991px) {
    .comment-form-url, .comment-form-author, .comment-form-email {
        width: 100%;
        margin-right: 0;
        float: none;
    }
}
.comments-section input[type=checkbox] {
    position: relative;
    cursor: pointer;
}
.comments-section input[type=checkbox]::before {
    content: "";
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 0;
    left: 0;
    border: 2px solid #888;
    /* border-radius: 3px; */
    background-color: white;
}
.comments-section input[type=checkbox]:checked::after {
    content: "";
    display: block;
    width: 5px;
    height: 9px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 1px;
    left: 4px;
}
/*---- Disqus Comment ----*/
#disqus_thread {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.atbssuga-main-col #disqus_thread {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
}
@media (min-width: 768px) {
    #disqus_thread {
        max-width: 750px;
    }
}
@media (min-width: 992px) {
    #disqus_thread {
        max-width: 970px;
    }
}
@media (min-width: 1200px) {
    #disqus_thread {
        max-width: 1170px;
    }
}

/* =============================================================================
## THEMES
============================================================================= */


/* -----------------------------------------------------------------
## Skin
----------------------------------------------------------------- */


/*---- Header skin 1 ----*/

.site-header.site-header--skin-1 .navigation--main>li>a::before {
    background: #fff !important;
}


/*---- Header skin 2 ----*/

.site-header--skin-2 .navigation-wrapper {
    text-align: right;
}


/*---- Header skin 3 ----*/

.site-header--skin-3:not(.sticky-header) .navigation-bar {
    -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1);
}


/*---- Header skin 4 ----*/


/*---- Header skin 5 ----*/

.site-header--skin-5 .navigation-bar:not(.navigation-bar--inverse),
.site-header--skin-5 .mobile-header {
    background-color: #fafafa;
}

.site-header--skin-5:not(.sticky-header) .navigation-bar {
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05);
}


/* -----------------------------------------------------------------
## Demo styling
----------------------------------------------------------------- */

.site-header--side-logo .header-logo:not(.header-logo--mobile),
.list-square-bullet>li>*::before,
.list-square-bullet-exclude-first>li:not(:first-child)>*::before,
.atbssuga-carousel-dots-b .swiper-pagination-bullet-active {
    background: #FC3C2D;
}


/*
 * Header 3 / Footer 4
 *--------------------*/

.header-3 .header-main {
    padding: 30px 0;
    background: transparent;
}

.header-3 .mobile-header,
.header-3 .navigation-bar {
    background: transparent;
}

.header-3 .site-header,
.header-3 .sticky-header,
.footer-3.site-footer {
    background: #43C6AC;
    background: -o-linear-gradient(120deg, #43C6AC 0, #191654 100%);
    background: linear-gradient(-30deg, #43C6AC 0, #191654 100%);
}


/*
 * Header  4 / Footer 4
 *--------------------*/

.header-4 .navigation-bar,
.header-4 .mobile-header {
    background: #191654;
}

.header-4 .atbssuga-mosaic .overlap-background {
    background: #191654;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #43C6AC), to(#191654));
    background: -o-linear-gradient(bottom, #43C6AC 0, #191654 100%);
    background: linear-gradient(0deg, #43C6AC 0, #191654 100%);
}

.header-4 .navigation--main>li>a::before {
    content: none;
}

.header-4 .site-footer {
    background: #f5f5f5;
}


/*
 * Header  5 / Footer 5
 *--------------------*/
.header-5 .site-logo,
.header-6 .site-logo {
    line-height: 56px; /** Work around **/
}
.header-5 .navigation--main>li>a:hover,
.header-5 .navigation--main>li>a:focus,
.header-5 .navigation--main>li>a:active {
    background: rgba(0, 0, 0, 0.05);
}

.header-5 .navigation--main>li>a::before {
    content: none;
}

.footer-5.site-footer {
    background-color: #4A4A4A;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), to(#111));
    background: -o-linear-gradient(top, #4A4A4A 0, #111 100%);
    background: linear-gradient(180deg, #4A4A4A 0, #111 100%);
}


/*
 * Header  6 / Footer 6
 *--------------------*/

.header-6 .navigation-bar,
.header-6 .mobile-header {
    background-color: #191654;
}

.header-6 .site-header .navigation-bar {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.header-6 .atbssuga-featured-block-b .atbssuga-block__background {
    background: #43C6AC;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #43C6AC), to(#191654));
    background: -o-linear-gradient(bottom, #43C6AC 0, #191654 100%);
    background: linear-gradient(0deg, #43C6AC 0, #191654 100%);
}

.header-6 .atbssuga-featured-block-b .atbssuga-news-ticker__inner {
    border: none;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
}

.footer-6.site-footer {
    background-color: #191654;
}


/*
 * Header  7  Header  8
 *--------------------*/

.header-7 .header-main {
    position: relative;
}

.header-7 .site-header--skin-5:not(.sticky-header) .navigation-bar:not(.navigation-bar--inverse) {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}
.header-7 .site-header {
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
}
/*
 * Header  10 / Footer 10
 *--------------------*/
.header-10 .navigation-bar-btn {
    height: auto;
}
.header-10 .site-header {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.header-10 .navigation-bar {
    height: auto;
}
.header-10 .navigation-bar__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-10 .navigation-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.header-10 .navigation-bar .header-logo {
    padding-right: 0;
    line-height: 115px;
    height: 115px;
}
.header-10 .navigation-bar .header-logo a {
    display: block;
}

.menu-bar-icon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.menu-bar-icon {
    display: block;
    position: relative;
    width: 20px;
    height: 2px;
    background-color: #000;
}
.menu-bar-icon::before {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    background-color: #000;
    bottom: calc(100% + 4px);
    position: absolute;
}
.menu-bar-icon::after {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    background-color: #000;
    top: calc(100% + 4px);
    position: absolute;
}
.navigation-bar--inverse .menu-bar-icon::after,
.navigation-bar--inverse .menu-bar-icon::before,
.navigation-bar--inverse .menu-bar-icon {
    background-color: #fff;
}
.mobile-header--inverse .menu-bar-icon::after,
.mobile-header--inverse .menu-bar-icon::before,
.mobile-header--inverse .menu-bar-icon {
    background-color: #fff;
}
.header-10 .navigation-bar .header-logo img {
    padding: 0;
    max-height: 45px;
}
.header-10 .sticky-header .navigation-bar .header-logo {
    margin-left: 15px;
    height: 60px;
    line-height: 60px;
}
.header-10 .sticky-header .navigation-bar .header-logo img {
    max-height: 30px;
}
.header-10 .site-header .navigation--main > li > a,
.header-10 .navigation--main > li > a {
    text-transform: initial;
    font-size: 15px;
    padding: 0 17px;
    height: 115px;
    line-height: 115px;
}

.header-10 .site-header .navigation--main > li > a::before {

}
.header-10 #main-menu > .navigation {
    height: auto;
}
.header-10 #main-menu > .navigation > li {
    line-height: 115px;
    height: 115px;
}
.header-10 .sticky-header > .navigation > li {
    line-height: 60px;
}
.header-10 .site-header .navigation-bar-btn:not(:last-child) {
    padding-right: 40px;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-10 .sticky-header .navigation--main > li > a {
    line-height: 70px;
    height: 70px;
}
.sticky-header .navigation-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#sticky-main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}
.header-4 #main-menu, .header-5 #main-menu, .header-6 #main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}
.sticky-header .atbssuga-mega-menu {
    left: auto;
    right: auto;
}
.header-6 .atbssuga-mega-menu, .header-5 .atbssuga-mega-menu, .sticky-header .navigation--main li > .atbssuga-mega-menu {
    right: unset;
    left: 50%;
    max-width: 1170px;
    transform: translateX(-50%) scale(1, 0.9);
    -webkit-transform: translateX(-50%) scale(1, 0.9);
    -ms-transform: translateX(-50%) scale(1, 0.9);
    transform: translateX(-50%) scale(1, 0.9);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    -o-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}



.header-5 .navigation--main li:hover > .atbssuga-mega-menu,
.header-6 .navigation--main li:hover > .atbssuga-mega-menu,
.sticky-header .navigation--main li:hover > .atbssuga-mega-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform:translateX(-50%) scale(1, 1);
    -ms-transform:translateX(-50%) scale(1, 1);
    transform:translateX(-50%) scale(1, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;

}

@media(max-width: 1200px) {
    .sticky-header .atbssuga-mega-menu {
        width: 970px;
    }
}
@media(max-width: 991px) {
    .sticky-header .atbssuga-mega-menu {
        width: 750px;
    }
}
@media(max-width: 768px) {
    .sticky-header .atbssuga-mega-menu {
        width: 540px;
    }
}
@media(max-width: 576px) {
    .sticky-header .atbssuga-mega-menu {
        width: 100%;
    }
}
.header-10 .site-header button.navigation-bar-btn {
    margin: 0 0 0 40px;
    padding: 0;
}
button.navigation-bar-btn, button.navigation-bar-btn:hover {
    color: rgba(0, 0, 0, 0.6);
}
.header-10 .site-header .navigation-bar-btn i {
    font-size: 25px;
}
.header-10 .navigation-bar__section:last-child .navigation-bar-btn {
    margin: 0;
    padding: 0 10px;
}
.navigation-bar .social-list li:nth-child(n+2) {
    margin-top: 0;
}
/** Megamenu **/
.header-10 .atbssuga-mega-menu .sub-categories {
    line-height: 1.5;
}
.atbssuga-offcanvas .social-list li:nth-child(n+2) {
    margin-top:0;
}
.bk-account-info {
    line-height: 1;
}
@media (min-width: 992px) {
    .mega-menu-posts-list-1st-large .typescale-0.custom-typescale-0 {
        font-size: 1.1428rem;
    }
}
/*
 * Footer
 *---------------------*/

.site-footer.has-bg-pattern::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='304' height='304' viewBox='0 0 304 304' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.1 224c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h44.1zm160 48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H82v-2h122.1zm57.8-46c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm0 16c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H304v2h-42.1zm6.2-114c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2zm-256-48c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H0v-2h12.1zm185.8 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h86.2c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4h-86.2zM258 12.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V0h2v12.1zm-64 208c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-54.2c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9v54.2zm48-198.2c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V82h64v-2h-62V21.9zm16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V66h48v-2h-46V37.9zm-128 96c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V210h16v10.1c-2.282.463-4 2.48-4 4.9 0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.42-1.718-4.437-4-4.9V208h-16v-74.1zm-5.9-21.9c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H114v48H85.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H112v-48h12.1zm-6.2 130c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H176v-74.1c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V242h-60.1zm-16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H114v48h10.1c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H112v-48h-10.1zM66 284.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V274H50v30h-2v-32h18v12.1zM236.1 176c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H274v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V146h-10.1zm-64 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H208v-80h16v-14h-42.1c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H226v18h-16v80h-12.1zm86.2-210c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H272V0h2v32h10.1zM98 101.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V144H53.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H98v-44.1zM53.9 34c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80V0h2v34H53.9zm60.1 3.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V64H80v64H69.9c-.463-2.282-2.48-4-4.9-4-2.76 0-5 2.24-5 5s2.24 5 5 5c2.42 0 4.437-1.718 4.9-4H82V66h32V37.9zM101.9 82c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H128V37.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-28.1zm16-64c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H146v44.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9V18h-26.1zm102.2 270c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H98v14h-2v-16h124.1zM242 149.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9V162h16v30h-16v66h48v46h2v-48h-48v-62h16v-34h-16v-10.1zM53.9 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64V2H48V0h18v18H53.9zm112 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H192V0h50v2h-48v48h-28.1zm-48-48c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5 0-.342.034-.677.1-1h2.07c-.11.313-.17.65-.17 1 0 1.657 1.343 3 3 3s3-1.343 3-3c0-.35-.06-.687-.17-1H178v34h-18V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V32h14V2h-58.1zm0 96c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H137l32-32h39V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V66h-40.172l-32 32H117.9zm28.1 90.1c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-76.513L175.586 80H224V21.9c-2.282-.463-4-2.48-4-4.9 0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.42-1.718 4.437-4 4.9V82h-49.586L146 112.414V188.1zm16 32c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-99.513L184.586 96H300.1c.398-1.96 1.94-3.502 3.9-3.9v2.07c-1.165.413-2 1.524-2 2.83s.835 2.417 2 2.83v2.07c-1.96-.398-3.502-1.94-3.9-3.9H185.414L162 121.414V220.1zm-144-64c2.282.463 4 2.48 4 4.9 0 2.76-2.24 5-5 5s-5-2.24-5-5c0-2.42 1.718-4.437 4-4.9v-3.513l48-48V48h32V0h2v50H66v55.413l-48 48v2.687zM50 53.9c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v42.686l-48 48V210h28.1c.463 2.282 2.48 4 4.9 4 2.76 0 5-2.24 5-5s-2.24-5-5-5c-2.42 0-4.437 1.718-4.9 4H2v-62.586l48-48V53.9zm-16 16c2.282-.463 4-2.48 4-4.9 0-2.76-2.24-5-5-5s-5 2.24-5 5c0 2.42 1.718 4.437 4 4.9v18.686l-32 32v2.828l34-34V69.9zM12.1 32c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H9.414L0 43.414v-2.828L8.586 32H12.1zm265.8 18c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h18.686L304 40.586v2.828L297.414 50H277.9zm-16 160c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H288V136.587l16-16v2.827l-14 14V210h-28.1zm-208 32c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H64v-22.586L40.586 194H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.513L66 216.586V242H53.9zm150.2 14c.463-2.282 2.48-4 4.9-4 2.76 0 5 2.24 5 5s-2.24 5-5 5c-2.42 0-4.437-1.718-4.9-4H96v-56.598L56.598 162H37.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h19.502L98 200.598V256h106.1zm-150.2 2c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4H80v-46.586L48.586 178H21.9c-.463 2.282-2.48 4-4.9 4-2.76 0-5-2.24-5-5s2.24-5 5-5c2.42 0 4.437 1.718 4.9 4h27.513L82 208.586V258H53.9zM97 100c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-48 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 96c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-144c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm96 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM49 36c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-32 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM33 68c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 240c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm80-176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 48c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm112 176c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-16 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 180c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0 16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm0-32c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16 0c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM17 84c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm32 64c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm16-16c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 39.793V0h-2v40.586L8.586 64H0v2h9.413L34 41.414v-1.62zM2 300.1V258h14v46h2v-48H0V302.17c.313-.11.65-.17 1-.17 1.306 0 2.417.835 2.83 2H5.9c-.398-1.96-1.94-3.502-3.9-3.9zM34 241v63h-2v-62H0v-2h34v1zM17 18h1V0h-2v16H0v2h17zm273-2V0h-2v18h16v-2h-14zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1c.323-.066.658-.1 1-.1 2.76 0 5 2.24 5 5s-2.24 5-5 5c-.342 0-.677-.034-1-.1v-2.07c.313.11.65.17 1 .17 1.657 0 3-1.343 3-3s-1.343-3-3-3c-.35 0-.687.06-1 .17V92.1zM80 272h2v32h-2v-32zm37.9 32c-.463-2.282-2.48-4-4.9-4-2.42 0-4.437 1.718-4.9 4h2.07c.413-1.165 1.524-2 2.83-2s2.417.835 2.83 2h2.07zM5.9 0c.066.323.1.658.1 1 0 2.76-2.24 5-5 5-.342 0-.677-.034-1-.1V3.83C.313 3.94.65 4 1 4c1.657 0 3-1.343 3-3 0-.35-.06-.687-.17-1H5.9zm294.2 0c-.066.323-.1.658-.1 1 0 2.42 1.718 4.437 4 4.9V3.83c-1.165-.413-2-1.524-2-2.83 0-.35.06-.687.17-1h-2.07zm3.9 300.1c-1.96.398-3.502 1.94-3.9 3.9h2.07c.302-.852.978-1.528 1.83-1.83v-2.07z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.bg-color-light-gray {
    background-color: #fafafa;
}

.bg-color-custom-1 {
    background-color: #38003C !important;
}

.bg-color-custom-2 {
    background-color: #4F86C6 !important;
}

.bg-color-custom-3 {
    background-color: #E90606 !important;
}

.bg-color-custom-4 {
    background-color: #19AAD1 !important;
}

.bg-color-5 {
    background-color: #2B2D32 !important;
}

.bg-color-6 {
    background-color: #000032 !important;
}

.bg-gradient-1 {
    background: #2af598;
    background: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
    background: -o-linear-gradient(right, #2af598, #009efd);
    background: linear-gradient(to left, #2af598, #009efd);
}

.bg-gradient-1-vertical {
    background: #2af598;
    background: -webkit-gradient(linear, left bottom, left top, from(#2af598), to(#009efd));
    background: -o-linear-gradient(bottom, #2af598, #009efd);
    background: linear-gradient(to top, #2af598, #009efd);
}

.bg-gradient-2 {
    background: #12162d;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #19aad1), to(#12162d));
    background: -o-linear-gradient(top, #19aad1 0, #12162d 100%);
    background: linear-gradient(180deg, #19aad1 0, #12162d 100%);
}

.bg-gradient-3 {
    background: #34e89e;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-gradient(linear, right top, left top, from(#34e89e), to(#0f3443));
    background: -o-linear-gradient(right, #34e89e, #0f3443);
    background: linear-gradient(to left, #34e89e, #0f3443);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-gradient-4 {
    background: #004e66;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #004e66), to(transparent));
    background: -o-linear-gradient(top, #004e66 0, transparent 100%);
    background: linear-gradient(180deg, #004e66 0, transparent 100%);
}

.gradient-5 {
    background: #43C6AC;
    background: -o-linear-gradient(225deg, #43C6AC 0, #191654 100%);
    background: linear-gradient(225deg, #43C6AC 0, #191654 100%);
}

.gradient-5-alt {
    background: #43C6AC;
    background: -o-linear-gradient(290deg, #43C6AC 0, #191654 100%);
    background: linear-gradient(160deg, #43C6AC 0, #191654 100%);
}


/* -----------------------------------------------------------------
## More CSS
----------------------------------------------------------------- */

.site-logo a:hover,
.site-logo a:focus {
    text-decoration: none;
}

.suga-error--notice {
    padding: 10px 15px;
    border-radius: 5px;
    background: #FC3C2D;
    color: #fff;
    margin: 30px 0;
}


/* Add here all your CSS customizations */

.top-bar__nav .navigation li .sub-menu {
    text-align: left;
}

.module-viewmore-btn {
    clear: both;
}


/*--- bk-preload ---*/

.bk-preload-wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 100;
}

.bk-preload-blur {
    opacity: 0.3;
}


/* Loading spinner */

.bk-preload-wrapper::after {
    border: 2px solid #000;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 34px;
    content: "";
    width: 34px;
    height: 34px;
    display: inline-block;
    overflow: hidden;
    -webkit-animation: loading-icon-spin 1000ms infinite linear;
    animation: loading-icon-spin 1000ms infinite linear;
}

.bk-preload-wrapper::after {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -16px;
    border-width: 3px;
}

.bk-preload-wrapper::after {
    border-top-color: #FC3C2D;
    border-bottom-color: #FC3C2D;
}

@-webkit-keyframes loading-icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-icon-spin {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.header-logo>a .logo-text {
    font-size: 40px;
    font-weight: 700;
}

#atbssuga-mobile-header .header-logo>a .logo-text {
    font-size: 22px;
    font-weight: 600;
}

.header-branding--mobile>a {
    font-size: inherit;
}

.atbssuga-offcanvas__title .site-logo img {
    max-height: 90px;
}

.lwa {
    margin-bottom: 0;
}

.lwa-avatar {
    width: auto;
    height: auto;
}

.atbssuga-offcanvas__section .lwa-avatar>.bk-username {
    display: inline-block !important;
    margin-left: 8px;
}

.atbssuga-offcanvas__section .lwa-avatar>.bk-username a {
    text-decoration: none !important;
    color: #444;
    font-weight: bold;
    outline: 0 !important;
}

.atbssuga-offcanvas__section .lwa-avatar .bk-canvas-logout {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    display: inline-block !important;
    margin-left: 10px;
    padding-left: 10px;
}

.atbssuga-offcanvas__section .bk-canvas-logout a {
    text-decoration: none !important;
    color: #444;
    font-weight: bold;
    outline: 0 !important;
}

.atbssuga-offcanvas__section .bk-lwa.navigation-bar-btn .avatar,
.atbssuga-offcanvas__section .navigation-bar-btn span,
.atbssuga-offcanvas__section .navigation-bar-btn i {
    line-height: 1;
}

.atbssuga-offcanvas__section tr,
.lwa-template-modal>.bk-lwa>table>tbody>tr {
    border-bottom: none !important;
}

.bk-account-info {
    width: 230px;
    position: absolute;
    top: 100%;
    right: 0;
    bottom: auto;
    left: auto;
    background: #fafafa;
    padding-top: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(1, 0.9);
    -ms-transform: scale(1, 0.9);
    transform: scale(1, 0.9);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    z-index: 30;
}

.bk-lwa:hover>.bk-account-info {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.bk-lwa-profile .bk-user-data a {
    color: #444;
    font-weight: 500;
    font-size: 15px;
}
.bk-lwa-profile {
    text-align: left;
}
.bk-lwa-profile a {
    text-decoration: none;
}
.bk-lwa-profile .profile-author-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    display: -moz-box;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 25px 15px 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    flex-direction: row;
    align-content: center;
    gap: 18px;
}
.bk-lwa-profile .bk-avatar {
    width: auto;
    height: auto;
    float: none;
    margin-left: 0;
    position: initial;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}
.bk-lwa-profile.bk-profile-custom .bk-avatar img {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.bk-lwa-profile .bk-user-data {
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    text-align: left;
    line-height: 1;
}

.bk-lwa-profile.bk-profile-custom .bk-user-item:not(:last-child){
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.bk-lwa-profile.bk-profile-custom .bk-user-item{
    padding: 12px 25px;
}

.bk-lwa-profile.bk-profile-custom .bk-user-item a{
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    display: block;
    color: rgba(0,0,0,0.5);
    text-transform: initial;
}
.bk-lwa-profile .bk-user-data>div:first-child {
    margin-top: 0;
}
/** Plugins **/

.apsl-login-networks a:last-child .apsl-icon-block {
    margin-right: 0;
}

span.apsl-login-new-text {
    font-weight: normal;
}


/** Modules **/

.atbssuga-horizontal-list .item-list:nth-child(3n+1) {
    clear: both;
}

/** Shortcode **/

.atbssuga-shortcode-wrap {
    margin-top: 2em;
    margin-bottom: 2em;
}


/** Single **/

.single-entry--template-2-alt .single-entry-featured-media {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .single-entry--template-2-alt .single-entry-featured-media,
    .single-entry--template-2--no-sidebar .single-entry-featured-media {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -20px;
    }
}

.single-entry--template-4 .single-entry-featured-media {
    position: relative;
    margin-top: -70px;
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 992px) {
    .single-entry--template-4 .single-entry-featured-media {
        margin-top: -90px;
    }
}

.post_format-post-format-gallery .single-entry-featured-media {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-404-logo a {
    font-size: 50px;
    font-weight: bold;
}

.page-404-image .page-404-title {
    text-align: center;
    font-size: 120px;
    font-weight: bold;
}


/*Featured With OverLap (Default Thumb)*/

.featured-with-overlap-posts .suga-default-thumb {
    width: 100%;
    height: 131px;
    background: #333;
}


/* Ajax Load More Button */
.js-ajax-load-post .js-ajax-load-post-trigger {
    -webkit-transition: all 10s ease;
    -o-transition: all 10s ease;
    -moz-transition: all 10s ease;
    transition: all 10s ease;
}
.js-ajax-load-post .js-ajax-load-post-trigger i {
    font-size: 0px;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.mdicon-spinner2 {
    position: relative;
}
.js-ajax-load-post.suga_loading .js-ajax-load-post-trigger i {
    font-size: 14px;
    margin-left: 12px;
    margin-bottom: 2px;
    opacity: 1;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    -moz-animation: spin 2s linear infinite;
      -o-animation: spin 2s linear infinite;
         animation: spin 2s linear infinite;
    visibility: visible;
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/** Update 4.3 **/
.site-header__ads {
    text-align: right;
}
/** Update 5.1**/
.author-listing-grid--layout ul li:nth-child(2n+1) {
    clear: both;
}
.author-listing-grid--fw-layout ul li:nth-child(3n+1) {
    clear: both;
}
.sticky-header .navigation-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#sticky-main-menu.menu-main-menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}
.header-4 #main-menu.menu-main-menu-container,
.header-5 #main-menu.menu-main-menu-container,
.header-6 #main-menu.menu-main-menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}
.sticky-header .atbssuga-mega-menu {
    left: auto;
    right: auto;
}
.header-6 .atbssuga-mega-menu, .header-5 .atbssuga-mega-menu, .sticky-header .navigation--main li > .atbssuga-mega-menu {
    right: unset;
    left: 50%;
    max-width: 1170px;
    transform: translateX(-50%) scale(1, 0.9);
    -webkit-transform: translateX(-50%) scale(1, 0.9);
    -ms-transform: translateX(-50%) scale(1, 0.9);
    transform: translateX(-50%) scale(1, 0.9);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    -o-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}



.header-5 .navigation--main li:hover > .atbssuga-mega-menu,
.header-6 .navigation--main li:hover > .atbssuga-mega-menu,
.sticky-header .navigation--main li:hover > .atbssuga-mega-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform:translateX(-50%) scale(1, 1);
    -ms-transform:translateX(-50%) scale(1, 1);
    transform:translateX(-50%) scale(1, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;

}

@media(max-width: 1200px) {
    .sticky-header .atbssuga-mega-menu {
        width: 970px;
    }
}
@media(max-width: 991px) {
    .sticky-header .atbssuga-mega-menu {
        width: 750px;
    }
}
@media(max-width: 768px) {
    .sticky-header .atbssuga-mega-menu {
        width: 540px;
    }
}
@media(max-width: 576px) {
    .sticky-header .atbssuga-mega-menu {
        width: 100%;
    }
}


@media (min-width: 768px) {
    div[class*="author-listing-grid-"] .author-box__text, div[class*="author-listing-grid-"] .author-box .author-info {
        padding-left: 0;
        text-align: center;
    }
    div[class*="author-listing-grid-"] .author-box .author-avatar {
        height: 100px;
        width: 100px;
        margin: -50px auto 20px;
        border-radius: 100%;
        border: 4px solid #fff;
        -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.04);
        position: static;
        -ms-transform: none;
        transform: none;
        -webkit-transform: none;
    }
}
/* search form*/
/* search form*/
.atbssuga-search-full {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: fixed;
    z-index: 999;
    visibility: hidden;
    overflow: hidden;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 100%;

    left: 0;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
/*---layout search---*/
.atbssuga-search-full .atbssuga-search-full--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.atbssuga-search-full .atbssuga-search-full--form {
    width: 820px;
    width: 45%;
    margin: auto;
    visibility: hidden;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.atbssuga-search-full .atbssuga-search-full--result {
    display: block;
    visibility: hidden;
    position: absolute;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
/*left - frame search*/
.atbssuga-search-full .result-default [class*='popular-']:not(:only-child) {
    margin-bottom: 100px;
}
.atbssuga-search-full .result-default [class*='popular-']:last-child {
    margin-bottom: 0;
}
.atbssuga-search-full .result-default [class*='popular-'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.atbssuga-search-full .result-default [class*='popular-title'] {
    width: 20%;
    margin-bottom: 0 !important;
    word-break: break-word;
}
.atbssuga-search-full .result-default [class*='-list'] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 35px;
}
/*left - post default*/
.atbssuga-search-full .result-default {
    visibility: hidden;
}
/*post popular*/
.atbssuga-search-full .result-default .popular-posts .list-item:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
/*post search*/
.atbssuga-search-full .result-default .search-terms-section {
    vertical-align: middle;
}
.atbssuga-search-full .result-default .search-terms-section ul {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    list-style: none;
}
.atbssuga-search-full .result-default .search-terms-section li {
    display: inline-block;
    margin-right: 5px;
}
.atbssuga-search-full .result-default .search-terms-section li a {
    min-width: 75px;
    padding: 0 20px;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 35px;
    color: var(--color-title);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.8571rem;
    text-decoration: none;
}
.atbssuga-search-full .result-default .search-terms-section li a:hover {
    background-color: #f8f8f8;
    color: var(--color-title);
}
/*title*/
.atbssuga-search-full .result-default .popular-title span {
    font-size: 18px;
    color: var(--color-logo);
    font-weight: bold;
    letter-spacing: 0;
}
/*item tags*/
.atbssuga-search-full .popular-tags .entry-tags {
    text-align: left;
}
.atbssuga-search-full .popular-tags .entry-tags ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.atbssuga-search-full .popular-tags .entry-tags li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.atbssuga-search-full .popular-tags .entry-tags li:not(:last-child) {
    margin-right: 5px;
}
.atbssuga-search-full .popular-tags .entry-tags ul > li > a {
    min-width: 75px;
    padding: 0 20px;
    height: 35px;
    background-color: var(--color-logo);
    border-radius: 35px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.atbssuga-search-full .popular-tags .entry-tags ul > li:not(.entry-tags__icon) > a::before {
    display: none;
}
/*item post*/
.atbssuga-search-full .result-default .popular-posts .post__title,
.atbssuga-search-full .result-default .popular-search .post__title {
    font-weight: 300;
}
.atbssuga-search-full .result-default .popular-search .post__title {
    font-size: 15px;
    line-height: 1.5;
}
/*using animation*/
.atbssuga-search-full .result-default .popular-posts,
.atbssuga-search-full .result-default .popular-tags,
.atbssuga-search-full .result-default .popular-search {
    opacity: 0;
}
/*---search---*/
/*input*/
.atbssuga-search-full form {
    width: 100%;
    max-width: 100px;
    margin: auto auto 75px auto;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
}
.atbssuga-search-full .form-control {
    padding: 15px 50px 15px 30px;
    width: 100%;
    height: 120px;
    border: none;
    outline: none;
    background-color: var(--color-logo);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-size: 35px;

}
.atbssuga-search-full .form-control::-webkit-input-placeholder {
    color: #fff;
    font-size: 32px;
}
.atbssuga-search-full .form-control::-moz-placeholder {
    color: #fff;
    font-size: 32px;
}
.atbssuga-search-full .form-control:-ms-input-placeholder {
    color: #fff;
    font-size: 32px;
}
.atbssuga-search-full .form-control::-ms-input-placeholder {
    color: #fff;
    font-size: 32px;
}
.atbssuga-search-full .form-control::placeholder {
    color: #fff;
    font-size: 32px;
}
/*button submit*/
.atbssuga-search-full .btn-search-full {
    position: absolute;
    right: 26px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background-color: transparent;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    padding: 0;
}
.atbssuga-search-full .btn-search-full i {
    font-size: 30px;
}
/*button remove*/
#atbssuga-search-remove {
    position: absolute;
    right: 15px;
    top: 40px;
    margin: -15px 0;
    height: 25px;
    font-size: 20px;
    cursor: pointer;
    color: #222222;
    font-size: 35px;
    visibility: hidden;
}
/*---Open frame search---*/
.atbssuga-search-full.On {
    max-width: 100%;
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-transition:  all .3s;
    -o-transition:  all .3s;
    transition:  all .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

}
/*input*/
.atbssuga-search-full.On form {
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -webkit-transition: all 0.5s ease 0.5s;
    max-width: 100%;
    opacity: 1;
}
.atbssuga-search-full.On .atbssuga-search-full--form {
    visibility: visible;
}
.atbssuga-search-full.On .form-control {
    font-weight: 300;
    font-size: 25px;

}
.atbssuga-search-full.On  input:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*post default*/
.atbssuga-search-full.On .atbssuga-search-full--form .result-default {
    visibility: visible;
}
.atbssuga-search-full.On .atbssuga-search-full--form .result-default .popular-posts {
    -webkit-animation:  Search_FadeIn 1s forwards 0.4s;
    animation:  Search_FadeIn 1s forwards 0.4s;
}
.atbssuga-search-full.On .atbssuga-search-full--form .result-default .popular-tags {
    -webkit-animation:  Search_FadeIn 1s forwards 0.7s;
    animation:  Search_FadeIn 1s forwards 0.7s;
}
.atbssuga-search-full.On .atbssuga-search-full--form .result-default .popular-search {
    -webkit-animation:  Search_FadeIn 1s forwards 1s;
    animation:  Search_FadeIn 1s forwards 1s;
}
/*button remove*/
.atbssuga-search-full.On #atbssuga-search-remove {
    visibility: visible;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
/*---layout search result---*/
/*layout - left*/
/*input*/
.atbssuga-search-full.active .atbssuga-search-full--form {
    width: 50%;
    max-width: 820px;
    margin: 0;
    padding-right: 80px;
    position: relative;
}
/*layout - right*/
.atbssuga-search-full.active .atbssuga-search-full--result {
    position: initial;
    display: block;
    width: 50%;
    max-width: 700px;
    margin-left: 75px;
    -webkit-transition:  all 0.5s;
    -o-transition:  all 0.5s;
    transition:  all 0.5s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
}
/*post-first (only module)*/
.atbssuga-search-full.active .atbssuga-search-full--result .post-grid-video-space-between:not(:last-child) {
    margin-bottom: 60px;
}
.atbssuga-search-full.active .atbssuga-search-full--result .post-grid-video-space-between .post__text-inner {
    max-width: 90%;
}
.atbssuga-search-full.active .atbssuga-search-full--result .post-grid-video-space-between .post__title {
    margin-bottom: 20px;
}
.atbssuga-search-full.active .atbssuga-search-full--result .post-grid-video-space-between .post__meta {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
}
/*post-grid result*/
.atbssuga-search-full--result .post-grid-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.atbssuga-search-full--result [class*='post-grid-result--']:not(:last-child) {
    margin-right: 50px;
}
/*post-grid result-left*/
.atbssuga-search-full .atbssuga-search-full--result .post-grid-result--left {
    width: 370px;
}
/*post-grid result-body*/
.atbssuga-search-full .atbssuga-search-full--result .post-grid-result--body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.atbssuga-search-full .post-grid-result--body .list-item:not(:last-child) {
    margin-bottom: 40px;
}
/*result-body post-vertical*/
.atbssuga-search-full .atbssuga-search-full--result .post--vertical-thumb-reverse .post__text {
    margin-bottom: 20px;
}
.atbssuga-search-full .atbssuga-search-full--result .post--vertical-thumb-reverse .post__title {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: 500;
}
/*result-body post-horizontal*/
.post--horizontal-search .post__title,
.post--horizontal-search .post__title[class*="typescale-"] {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}
.post--horizontal-search .post__cat {
    color: var(--color-logo);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.15px;
}
/*button load all*/
.atbssuga-search-full--result .atbssuga-pagination {
    margin-top: 0;
}
.atbssuga-search-full--result .atbssuga-pagination .btn {
    color: var(--color-logo);
    border-radius: 40px;
    padding: 12px 25px;
    border: 1px solid var(--color-logo);
    font-size: 15px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.atbssuga-search-full--result .atbssuga-pagination .btn:hover {
    background-color: var(--color-logo);
    color: #fff;
}

@-webkit-keyframes Search_FadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes Search_FadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@media (max-width: 1600px) {
    /*---frame search---*/
    /*input*/
    .atbssuga-search-full .form-control::-webkit-input-placeholder {
        font-size: 25px;
    }
    .atbssuga-search-full .form-control::-moz-placeholder {
        font-size: 25px;
    }
    .atbssuga-search-full .form-control:-ms-input-placeholder {
        font-size: 25px;
    }
    .atbssuga-search-full .form-control::-ms-input-placeholder {
        font-size: 25px;
    }
    .atbssuga-search-full .form-control::placeholder {
        font-size: 25px;
    }
    /*---frame result---*/
    /*post-grid result-left*/
    .atbssuga-search-full .atbssuga-search-full--result .post-grid-result--left {
        width: 45%;
    }
}
@media (max-width: 1368px) {
    /*layout*/
    /*---frame search---*/
    .atbssuga-search-full.active .atbssuga-search-full--form {
        padding-right: 60px;
    }
    .atbssuga-search-full .result-default [class*='popular-']:not(:only-child) {
        margin-bottom: 60px;
    }
    .atbssuga-search-full .result-default [class*='popular-']:last-child {
        margin-bottom: 0;
    }
    .atbssuga-search-full .result-default [class*='popular-title'] {
        width: 25%;
    }
    .atbssuga-search-full .result-default [class*='-list'] {
        padding-left: 30px;
    }
    /*item post*/
    .atbssuga-search-full .result-default .popular-posts .post__title {
        font-size: 18px;
    }
    /*---frame result---*/
    .atbssuga-search-full.active .atbssuga-search-full--result {
        margin-left: 60px;
    }
    /*post-grid result-left*/
    .atbssuga-search-full .atbssuga-search-full--result .post-grid-result--left {
        width: 275px;
    }
    .atbssuga-search-full .post-grid-result--left .post--vertical-thumb-reverse .post__thumb {
        height: 195px;
    }
    /*post-grid result-body*/
    .atbssuga-search-full .post-grid-result--body .list-item:not(:last-child) {
        margin-bottom: 30px;
    }
    /*edit*/
    /*layout*/
    /*---frame search---*/
    .atbssuga-search-full {
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .atbssuga-search-full form {
        margin: auto auto 60px auto;
    }
    .atbssuga-search-full .form-control {
        height: 80px;
    }
    .atbssuga-search-full .result-default [class*='popular-']:not(:only-child) {
        margin-bottom: 50px;
    }
    .atbssuga-search-full .result-default [class*='popular-']:last-child {
        margin-bottom: 0;
    }
    /*---frame result---*/
    .atbssuga-search-full--result .post-grid-result {
        margin-bottom: 40px;
    }
    /*post first*/
    .atbssuga-search-full.active .atbssuga-search-full--result .post-grid-video-space-between:not(:last-child) {
        margin-bottom: 40px;
    }
    /*.post--overlay-height-320.post--overlay .post__text {*/
    /*    min-height: 200px;*/
    /*}*/
    .atbssuga-search-full.active .atbssuga-search-full--result .post-grid-video-space-between .post__title {
        font-size: 22px;
    }
    .atbssuga-search-full.active #atbssuga-search-remove {
        display: block;
        right: 15px;
        top: -3px;
        margin: 0;
        width: 25px;
        height: 25px;
        font-size: 25px;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
        z-index: 1;
    }
}
@media (min-width: 1200px) and (max-width: 1367px) {
    /*layout*/
    /*---frame search---*/
    .atbssuga-search-full .atbssuga-search-full--form {
        width: 60%;
    }
    .atbssuga-search-full.active .atbssuga-search-full--form {
        padding-right: 50px;
    }
    .atbssuga-search-full.active .result-default .popular-posts .list-item:not(:last-child) {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .atbssuga-search-full.active .result-default .popular-title span {
        font-size: 16px;
    }
    /*item post*/
    .atbssuga-search-full.active .result-default .popular-posts .post__title {
        font-size: 16px;
    }
    /*---frame result---*/
    .atbssuga-search-full.active .atbssuga-search-full--result {
        margin-left: 50px;
    }
    /*post-grid result-left*/
    .atbssuga-search-full--result [class*='post-grid-result--']:not(:last-child) {
        margin-right: 30px;
    }
    .atbssuga-search-full .atbssuga-search-full--result .post-grid-result--left {
        width: 250px;
    }
    /*post vertical thumb*/
    .atbssuga-search-full .post-grid-result--left .post--vertical-thumb-reverse .post__thumb {
        height: 200px;
    }
    .atbssuga-search-full .atbssuga-search-full--result .post--vertical-thumb-reverse .post__title {
        font-size: 18px;
    }
}
@media (max-width: 1199px) {
    /*layout*/
    /*---frame search---*/
    .atbssuga-search-full .atbssuga-search-full--form {
        width: 75%;
    }
    /*active*/
    .atbssuga-search-full.active .atbssuga-search-full--form {
        width: 55%;
        padding-right: 40px;
    }
    .atbssuga-search-full .atbssuga-search-full--form form {
        margin-bottom: 50px;
    }
    /*input*/
    .atbssuga-search-full .form-control {
        height: 100px;
    }
    .atbssuga-search-full .form-control::-webkit-input-placeholder {
        font-size: 20px;
    }
    .atbssuga-search-full .form-control::-moz-placeholder {
        font-size: 20px;
    }
    .atbssuga-search-full .form-control:-ms-input-placeholder {
        font-size: 20px;
    }
    .atbssuga-search-full .form-control::-ms-input-placeholder {
        font-size: 20px;
    }
    .atbssuga-search-full .form-control::placeholder {
        font-size: 20px;
    }
    /*item post*/
    .atbssuga-search-full.active .result-default .popular-posts .list-item:not(:last-child) {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .atbssuga-search-full .result-default .popular-posts .post__title {
        font-size: 16px;
    }
    .atbssuga-search-full .post-grid-result--left .post--vertical-thumb-reverse .post__thumb {
        height: 250px;
    }
    /*---frame result---*/
    .atbssuga-search-full.active .atbssuga-search-full--result {
        width: 45%;
        margin-left: 40px;
    }
    /*post-grid result-left*/
    .atbssuga-search-full .atbssuga-search-full--result .post-grid-result--left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    /*post-grid result-body*/
    .atbssuga-search-full .atbssuga-search-full--result .post-grid-result--body {
        width: 100%;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }
}
@media (max-width: 991px) {
    /*layout*/
    /*---frame search---*/
    .atbssuga-search-full .result-default [class*='popular-']:not(:only-child) {
        margin-bottom: 50px;
    }
    .atbssuga-search-full .result-default [class*='popular-']:last-child {
        margin-bottom: 0;
    }
    .atbssuga-search-full .atbssuga-search-full--form form {
        margin-bottom: 50px;
    }
    .atbssuga-search-full .form-control {
        height: 80px;
    }

    .atbssuga-search-full .result-default .popular-title span {
        font-size: 16px;
    }
    /*post item*/
    .atbssuga-search-full .result-default .popular-posts .post__title {
        font-size: 14px;
    }
    .atbssuga-search-full .result-default .popular-search .post__title {
        font-size: 14px;
    }
    /*---frame result---*/
    /*post-grid result-left*/
    /*post vertical*/
    .atbssuga-search-full .atbssuga-search-full--result .post--vertical-thumb-reverse .post__title {
        font-size: 18px;
    }
    .atbssuga-search-full .post-grid-result--left .post--vertical-thumb-reverse .post__thumb {
        height: 200px;
    }

    /*button close*/
    .atbssuga-search-full.active #atbssuga-search-remove {
        right: 5px;
        top: 0px;
    }
}
@media (max-width: 768px) {
    /*layout*/
    /*---frame search---*/
    .atbssuga-search-full.active .atbssuga-search-full--form,
    .atbssuga-search-full .atbssuga-search-full--form {
        width: 100%;
        padding-right: 0;
    }
    .atbssuga-search-full.active .atbssuga-search-full--form::before {
        display: none;
    }
    .atbssuga-search-full .result-default .popular-posts .list-item:not(:last-child) {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    /*---frame result---*/
    .atbssuga-search-full.active .atbssuga-search-full--result {
        display: none;
    }
}
@media (max-width: 576px) {
    /*layout*/
    /*---frame search---*/
    .atbssuga-search-full {
        display: block;
    }
    .atbssuga-search-full .atbssuga-search-full--wrap {
        display: block;
        margin-top: 100px;
    }
}
@media (max-width: 480px) {
    /*layout*/

    .atbssuga-search-full .result-default [class*='popular-title'] {
        width: 30%;
    }
}
@media (max-width: 380px) {
    /*layout*/
    /*---frame search---*/
    .atbssuga-search-full .result-default [class*='popular-']:not(:only-child) {
        margin-bottom: 60px;
    }
    .result-default {
        padding-right: 20px;
    }
}

/**
  * SUGA THEME
  */
/*---------------- Default **/
.headline-force-bold {
    font-weight: bold !important;
}
/*home-1 suga*/
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
.typescale-1.custom-typescale-1 {
    font-size: 1.328rem;
    line-height: 1.4;
}
@media (min-width: 992px) {
    .typescale-0.custom-typescale-0 {
        font-size: 1.285rem;
        line-height: 1.5;
        font-weight: 500;
    }
    .typescale-2.custom-typescale-2 {
        font-size: 1.428rem;
        line-height: 1.4;
    }
    .typescale-3.custom-typescale-3 {
        font-size: 1.85rem;
        line-height: 1.4;
    }
}
/*--------*/
.items-clear-both-2 > div:nth-child(2n+1) {
    clear: both;
}
.items-clear-both-3 > div:nth-child(3n+1) {
    clear: both;
}
.remove-margin-bottom-lastchild *:last-child {
    margin-bottom: 0 !important;
}
@media (max-width: 991px) {
    .items-clear-both-3 > div:nth-child(3n+1) {
        clear: none;
    }
    .items-clear-both-3 > div:nth-child(2n+1) {
        clear: both;
    }
}
/*--------*/

/*home-1 suga*/
.suga-home-7 .site-content {
    padding-top: 0;
}
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
@media (min-width: 992px) {
    .typescale-2.custom-typescale-2 {
        font-size: 1.428rem;
        line-height: 1.4;
    }
    .typescale-3.custom-typescale-3 {
        font-size: 1.85rem;
        line-height: 1.3;
    }
}
@media (max-width: 576px) {
    .suga-home-7 .site-content {
        padding-top: 0;
    }
}
/*--------*/
.items-clear-both-2 > div:nth-child(2n+1) {
    clear: both;
}
.items-clear-both-3 > div:nth-child(3n+1) {
    clear: both;
}
.remove-margin-bottom-lastchild *:last-child {
    margin-bottom: 0 !important;
}
@media (max-width: 991px) {
    .items-clear-both-3 > div:nth-child(3n+1) {
        clear: none;
    }
    .items-clear-both-3 > div:nth-child(2n+1) {
        clear: both;
    }
}
/*--------*/

/*Default*/
:root {
    --color-white:          #fff;
    --color-text:           #222222;
    --color-title:          #131313;
    --color-excerpt:        rgba(34, 34, 34, 0.6);
    --color-text-0_6:       rgba(34, 34, 34, 0.6);
    --color-excerpt-0_6:    rgba(19, 19, 19, 0.6); /*131313 + 0.6*/
    --color-excerpt-1:      rgba(19, 19, 19, 1); /*131313*/
    --color-meta:           rgba(0, 0, 0, 0.4);
    --color-logo:           #e04e4f;
    --color-links:          #222222;
    --color-links-hover:    #e04e4f;
}

/*font-weight*/
.font-weight-300,
.navigation--main > li > a
{
    font-weight: 300;
}
.font-weight-400,
.post__cat, a.post__cat, .entry-cat, a.entry-cat {
    font-weight: 400;
}
.font-weight-500 {
    font-weight: 500;
}
.font-weight-600 {
    font-weight: 600;
}
.font-weight-700,
.atbssuga-post--horizontal-fullwidth .post__title {
    font-weight: 700;
}
.font-weight-800 {
    font-weight: 800;
}

/*margin-top*/
.margin-top-0,
.post__cat, a.post__cat, .entry-cat, a.entry-cat,
.post__title,
.post__excerpt {
    margin-top: 0;
}
/*margin-bottom*/
.margin-bottom-14,
.post--vertical .post__thumb {
    margin-bottom: 14px;
}
.atbssuga-block {
    margin-bottom: 90px;
}
.atbssuga-block-sub:not(:last-child) {
    margin-bottom: 60px;
}
/* padding bottom*/
.remove-padding-bottom {
    padding-bottom: 0;
}

/*block heading*/
.block-heading {
    margin-bottom: 65px;
}
.block-heading .block-heading__title {
    margin-bottom: 0;
    text-transform: initial;
    color: var(--color-text);
    letter-spacing: 0px;
    font-size: 30px;
}
.block-heading--inverse .block-heading__title {
    color: white;
}
.block-heading--vertical {
    display: block;
}

/*post__thumb*/

.post--vertical .post__thumb {
    margin-bottom: 25px;
}
.post__thumb-200 .post__thumb {
    height: 200px;
}
.post__thumb-220 .post__thumb {
    height: 220px;
}
.post__thumb-70 .post__thumb {
    height: 70px;
}
.post__thumb-80 .post__thumb {
    height: 80px;
}
.post__thumb-180 .post__thumb {
    height: 180px;
}
.post__thumb-240 .post__thumb {
    height: 240px;
}
.post__thumb-250 .post__thumb {
    height: 250px;
}
.post__thumb-260 .post__thumb {
    height: 260px;
}
.post__thumb-280 .post__thumb {
    height: 280px;
}
.post__thumb-290 .post__thumb {
    height: 290px;
}
.post__thumb-295 .post__thumb {
    height: 295px;
}
.post__thumb-300 .post__thumb {
    height: 300px;
}
.post__thumb-360 .post__thumb {
    height: 360px;
}
.post__thumb-380 .post__thumb {
    height: 380px;
}
.post__thumb-400 .post__thumb {
    height: 400px;
}
.post__thumb-450 .post__thumb {
    height: 450px;
}
.post__thumb-470 .post__thumb {
    height: 470px;
}
.post__thumb-430 .post__thumb {
    height: 430px;
}
.post__thumb-480 .post__thumb {
    height: 480px;
}
.post__thumb-500 .post__thumb {
    height: 500px;
}
.post__thumb-580 .post__thumb {
    height: 580px;
}
.post__thumb-180 .post__thumb {
    height: 180px;
}
.post__thumb-160 .post__thumb {
    height: 160px;
}
.post-thumb-sm .post__thumb {
    height: 130px;
}
.widget .post--vertical.post-thumb-sm .post__thumb {
    margin-bottom: 20px;
}
.post-thumb-md .post__thumb {
    height: 200px;
}
.post__thumb-width-80 .post__thumb {
    width: 80px;
}
.post__thumb-width-180 .post__thumb {
    width: 180px;
}
.post__thumb-width-220 .post__thumb {
    width: 220px;
}
.post__thumb-width-320 .post__thumb {
    width: 320px;
}
.post__thumb-width-370 .post__thumb {
    width: 370px;
}
.post__thumb-width-570 .post__thumb {
    width: 570px;
}
.post__thumb-width-70 .post__thumb {
    width: 70px;
}
.post--overlay-height-280.post--overlay .post__text {
    min-height: 280px;
}
.post--overlay-height-300.post--overlay .post__text {
    min-height: 300px;
}
.post--overlay-height-320.post--overlay .post__text {
    min-height: 320px;
}
.post--overlay-height-370.post--overlay .post__text {
    min-height: 370px;
}
.post--overlay-height-460 .post__text {
    min-height: 460px;
}
.post--overlay-height-500.post--overlay .post__text {
    min-height: 500px;
}
.post--overlay-height-510.post--overlay .post__text {
    min-height: 510px;
}
.post--overlay-height-560.post--overlay .post__text {
    min-height: 560px;
}
.post--overlay-height-570.post--overlay .post__text {
    min-height: 570px;
}
.post__thumb.margin-right-30 {
    margin-right: 30px;
}
.post__thumb.margin-right-20 {
    margin-right: 20px;
}
/*post__title*/
.post__title, .entry-title a {
    color: var(--color-title);
    word-break: break-word;
}
/*post__cat*/
.post__cat.cat-color-logo {
    color: var(--color-logo);
}
.post__cat, a.post__cat, .entry-cat, a.entry-cat {
    text-decoration: none;
    border-bottom: none;
    color: var(--color-excerpt);
    font-size: 12px;
    letter-spacing: 0;
    margin-bottom: 13px;
}
.post--horizontal-xs a.post__cat,
.post--horizontal-xxs a.post__cat {
    margin-bottom: 10px;
}
.post__cat.cat-theme-bg {
    margin-bottom: 17px;
}
.post__cat-space-bottom-sm a.post__cat {
    margin-bottom: 10px;
}

.post__cat-space-bottom-md a.post__cat {
    margin-bottom: 12px;
}

@media(min-width: 992px) {
    .entry-author__avatar_w40 .entry-author img.entry-author__avatar, 
    .entry-author__avatar_w40 .entry-author__avatar {
        width: 40px;
        height: 40px;
        display: inline-block;
    }
}
.post--horizontal-xs .post__cat.cat-theme-bg {
    margin-bottom: 10px;
}
/*post readmore*/
.post__readmore a.button__readmore, .atbssuga-pagination a.read-more-link {
    font-size: 14px;
    color: var(--color-excerpt);
    text-decoration: none;
    border-bottom: none;
    font-weight: 500;

}
.post__readmore a.button__readmore:hover {
    color: var(--color-logo);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.post__readmore .readmore__text,  .atbssuga-pagination a.read-more-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px 0;
}
.post__readmore .readmore__text i, .atbssuga-pagination a.read-more-link i {
    font-size: 20px;
    padding-bottom: 2px;
}
.post__excerpt {
    font-size: 15px;
    line-height: 1.6;
    color: var(--color-excerpt);
}
.post--overlay .post__excerpt {
    font-size: 16px;
    line-height: 1.6;
}
/*button*/
.atbssuga-pagination .atbssuga-pagination__links {
    margin: 0;
}
.atbssuga-pagination__item.atbssuga-pagination__item-next,
.atbssuga-pagination__item.atbssuga-pagination__item-prev {
    color: var(--color-excerpt);
}
.atbssuga-pagination__item {
    background: transparent;
    font-size: 15px;
    margin: 0;
    color: var(--color-text-0_6);
    font-weight: 300;
}
.atbssuga-pagination__item-current {
    color: var(--color-logo);
    position: relative;
}
.atbssuga-pagination__item-current::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 1px;
    background: var(--color-logo);
    bottom: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.atbssuga-pagination__item.atbssuga-pagination__item-next, .atbssuga-pagination__item.atbssuga-pagination__item-prev {
    letter-spacing: 1px;
    font-size: 12px;
    color: var(--color-text);
    font-weight: 300;
}
.atbssuga-pagination__item:not(.atbssuga-pagination__item-current):hover, .atbssuga-pagination__item-current:hover {
    background-color: transparent;
    color: var(--color-logo);
}

/** Author Name **/
@media (max-width: 991px) {
    .block-heading, .block-heading.block-heading--lg {
        margin-bottom: 47px;
    }
    .block-heading.block-heading--lg .block-heading__title {
        font-size: 50px;
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .block-heading.block-heading--lg .block-heading__title {
        font-size: 40px;
        margin-bottom: 0;
    }
    .post__cat, a.post__cat, .entry-cat, a.entry-cat {
        margin-bottom: 10px;
    }
    .post__readmore {
        display: none;
    }
    .post--vertical .post__thumb {
        margin-bottom: 20px;
    }
    .atbssuga-pagination .atbssuga-pagination__links {
        text-align: center;
    }
}
@media (max-width: 576px) {
    .atbssuga-block {
        margin-bottom: 50px;
    }
    .block-heading.block-heading--lg .block-heading__title {
        font-size: 30px;
        margin-bottom: 0;
    }
    .block-heading, .block-heading.block-heading--lg {
        margin-bottom: 37px;
    }
    .col-margin-bottom-xs {
        margin-bottom: 33px;
    }
}

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

/*-------------------------------------*/
/* Slide bar -- frame*/
.widget {
    margin-bottom: 50px;
}
.widget__title {
    margin-bottom: 30px;

}
.widget__title-text {
    font-size: 18px;
    font-weight: 500;
    text-transform: initial;
}
/*--frame*/
.atbssuga-main-col {
    width: 900px;
}
.atbssuga-sub-col {
    width: 300px;
}
/*--slide bar*/
.atbssuga-widget-posts-list .list-space-md {
    margin-bottom: 0;
    margin-top: 0;
}
.atbssuga-widget-posts-list  .list-space-md > *:first-child {
    padding-top: 0;
}
.atbssuga-widget-posts-list  .list-space-md > *:last-child {
    padding-bottom: 0;
}
.atbssuga-widget-posts-list .post__excerpt {
    display: none;
}

/*--slide*/
.widget-slide .widget__title::after {
    display: none;
}
.widget-slide .widget__title::before{
    display: none;
}
.widget-slide .post {
    position: relative;
}
.widget-slide .post__title {
    width: 100%;
    max-width: 90%;
    color: #222222;
}
.widget-slide .post__cat {
    margin-bottom: 8px;
}
.widget-slide .post__thumb {
    margin-bottom: 15px;
    width: 100%;
}
.widget-slide .owl-nav {
    position: absolute;
    left: 0;
    top: auto;
    bottom: calc( 100% + 30px);
    width: 100%;
    height: auto;
    display: block;
}
.site-footer .widget-slide .owl-nav {
    bottom: calc( 100% + 34px);
}
.widget-slide .owl-next, .widget-slide .owl-prev {
    position: absolute;
    width: auto;
    height: auto;
    padding:0;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
    top: initial;
    left: initial;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #aaa;
}
.widget-slide .owl-next {
    right: 0;
}
.widget-slide .owl-prev {
    right: 50px;
}
.widget-slide .owl-item {
    overflow: hidden;
}
.widget-slide .owl-next i, .widget-slide .owl-prev i {
    font-size: 20px;
}
.widget-slide .owl-next:hover, .widget-slide .owl-prev:hover {
    background: #fff;
    color: var(--color_logo);
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
    width: auto;
    height: auto;
}
.site-footer .widget-slide .owl-next:hover, .widget-slide .owl-prev:hover {
    background: none;
}
.site-footer.inverse-text .atbssuga-carousel .owl-dot span {
    background-color: rgba(255, 255, 255, 0.5  );
}
.widget-slide .owl-dots {
    position: absolute;
    bottom: calc( 100% + 31px);
    padding: 0;
    margin: 0 -3px;
    right: 22px;
}
.site-footer .widget-slide .owl-dots {
    bottom: calc( 100% + 35px);
}
.widget-slide .atbssuga-carousel .owl-dot {
    padding: 3px;
}
.widget-slide .atbssuga-carousel .owl-dot.active span {
    background-color: #dfad71;
}
.widget-slide .atbssuga-carousel .owl-dot span {
    border-radius: 50%;
    width: 5px;
    height: 5px;
}
/*--categories*/
/*
.widget_categories .category-tile__wrap {
    box-shadow: none;
    margin-top: 0;
}
.widget_categories .category-title-image {
    width: 100%;
    height: 100px;
    position: relative;
}
.widget_categories .category-tile {
    box-shadow: none;
}
.widget_categories .category-tile__inner {
    min-height: auto;
}
.category-title-image {
    margin-bottom: 10px;
}
.widget_categories .category-tile__name {
    background-color: transparent;
    color: var(--color-title);
    font-size: 15px;
    text-transform: initial;
    font-weight: 300;
    padding: 0;
}
.category-tile__text {
    padding: 0;
}
.widget_categories ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.widget_categories li {
    margin-bottom: 25px;
    width: 50%;
    padding: 0 15px;
}
.widget_categories li:nth-last-child(2),
.widget_categories li:last-child {
    margin-bottom: 0;
}

.widget_categories a > span {
    background: transparent;
    color: var(--color_logo);
    font-size: 10px;
    padding: 0;
    margin: 0;
}
.widget_categories .cat-item a {
    display: flex;
    flex-wrap: wrap;
    word-break: break-word;
    align-items: center;
    justify-content: center;
}
.widget_categories .cat-item a img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.widget_categories .cat-item a span {
    position: relative;
    font-size: 15px;
    color: var(--color-title);
    font-weight: 300;
}
*/
/*--instagram*/
.widget--instagram .widget__content {
    position: relative;
    margin: -5px;
}
.widget--instagram .instagram-item {
    float: left;
    padding: 5px;
    width: 33.333%;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    overflow: hidden;
}
.widget--instagram .instagram-item:nth-child(6n+1) {
    float: left;
}
.widget--instagram .instagram-item:nth-child(3n+1) {
    width: 66.666%;
    clear: both;
}
.widget--instagram .instagram-item:nth-child(6n-2) {
    float: right;
}
.widget--instagram .entry-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}
.widget--instagram .widget__content .author-content {
    margin-bottom: 22px;
    padding: 0 5px;
}
.widget--instagram .widget__content .entry-tags {
    text-align: left;
}
.widget--instagram .entry-tag span:not(:last-child) {
    position: relative;
    margin-right: 5px;
}
.widget--instagram .entry-tag span:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 10px;
    background: #b8b8b8;
    display: inline-block;
    margin-left: 5px;
}
.widget--instagram .entry-tags .entry-author__name {
    color: #222222;
    font-size: 16px;
    font-weight:  500;
}
.widget--instagram .widget__content .entry-author__avatar {
    width: 60px;
    height: 60px;
}
/* post-main-col -- frame*/
/*-------------------------------------*/


/*-------------------------------------*/
/*responsive for main-col and sub-col*/
@media (min-width: 1200px) {
    /* post main*/
    .atbssuga-main-col {
        width: 900px;
    }
    /* slide bar*/
    .atbssuga-sub-col {
        width: 300px;
        float: right;
    }
}
@media (max-width: 1199px) {
    /* main*/
    .atbssuga-main-col {
        width: 680px;
    }
    /*sub*/
    .atbssuga-sub-col {
        width: 290px;
    }
}
@media (max-width: 991px) {
    .atbssuga-main-col {
        width: 100%;
        padding-right: 15px;
    }
    /* slide bar*/
    .atbssuga-sub-col {
        width: 100%;
        float: left;
    }
    .widget__title-text {
        /* width: 100%; */
        text-align: center;
    }
    .widget-subscribe .widget__title h4.widget__title-text {
        width: 100%;
        text-align: center;
    }
    .widget-subscribe .subscribe-form {
        text-align: center;
    }
    /*slide*/
    .widget-slide .post__title {
        font-size: 20px;
    }
    .widget-slide .post__thumb {
        height: 175px;
    }
    /*categories*/
    .widget_categories ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .widget_categories li {
        width: calc( 120px + 30px );
    }

    .widget--instagram .entry-meta {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    /*imstagram*/
    .widget--instagram .instagram-item:nth-child(3n+1), .widget--instagram .instagram-item:nth-child(6n+1), .widget--instagram .instagram-item:nth-child(6n-2) {
        width: 33.33%;
    }
    .widget--instagram .instagram-item:nth-child(6n-2) {
        float: left;
    }
    /*.social*/
    .atbssuga-widget-social-counter-counter {
        text-align: center;
    }
    .widget--instagram  img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }


}
@media (min-width: 576px) and (max-width: 991px) {
    .atbssuga-widget-posts-list .posts-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -15px;
    }
    .atbssuga-widget-posts-list .posts-list li,
    .atbssuga-widget-posts-list .posts-list li:first-child,
    .atbssuga-widget-posts-list .posts-list li:last-child {
        width: 50%;
        padding: 15px;
    }

    .atbssuga-widget-posts-list .list-seperated-2i-md > li:nth-child(n) {
        margin-bottom: 0;
        margin-top: 15px;
        padding-top: 30px;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }

    .atbssuga-widget-posts-list .list-seperated-2i-md > li:first-child,
    .atbssuga-widget-posts-list .list-seperated-2i-md > li:nth-child(2) {
        margin-top: 0;
        padding-top: 15px;
        border-top: 0;
    }

    .inverse-text .atbssuga-widget-posts-list .list-seperated-2i-md > li:nth-child(n) {
        border-color: rgba(255, 255, 255, .1);
    }

    .atbssuga-widget-posts-list .post--horizontal .post__thumb {
        margin-right: 25px;
        width: 70px;
        height: 70px;
    }
    .widget-slide .post__title {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    /*    slide bar*/
    .atbssuga-widget-posts-list .post {
        margin-bottom: 0;
    }
    .atbssuga-widget-posts-list .post--horizontal .post__thumb {
        margin-bottom: 0;
        margin-right: 15px;
    }
    .widget-slide .post__title {
        font-size: 18px;
    }
}
@media (max-width: 576px) {
    .atbssuga-widget-posts-list .posts-list li:not(:last-child) {
        margin-bottom: 15px;
    }
    /*    slide bar*/
    .atbssuga-widget-posts-list .post {
        margin-bottom: 0;
    }
    /*slide*/
    .widget-slide .post__thumb {
        height: 250px;
    }
    /*    instagram*/
    .widget--instagram .instagram-item {
        width: 50%;
    }
    .widget--instagram .instagram-item:nth-child(3n+1), .widget--instagram .instagram-item:nth-child(6n+1), .widget--instagram .instagram-item:nth-child(6n-2) {
        width: 50%;
    }
    .widget--instagram .instagram-item:nth-child(2n+1) {
        clear: both;
    }
    .widget--instagram .instagram-item:nth-child(3n+1) {
        clear: none;
    }
    .widget--instagram .instagram-item:nth-child(6n-2) {
        float: left;
    }
}
@media (max-width: 460px) {
    /*    slide bar*/
    /*--post*/
    .atbssuga-widget-posts-list .posts-list li {
        margin-bottom: 25px;
    }
    .atbssuga-widget-posts-list .post {
        margin-bottom: 0;
    }
    .atbssuga-widget-posts-list .post--horizontal  .post__thumb {
        width: 70px;
        height: 70px;
        margin-right: 15px;
    }
    /*.atbssuga-widget-posts-list .post--horizontal .post__text {
        width: 100%;
    }*/
    .atbssuga-widget-posts-list .post__excerpt {
        display: none;
    }
    /*--instagram*/
    .widget--instagram .instagram-item {
        width: 33.33%;
    }
    .widget--instagram .instagram-item:nth-child(2n+1) {
        clear: none;
    }
    .widget--instagram .instagram-item:nth-child(6n+1) {
        float: left;
    }
    .widget--instagram .instagram-item:nth-child(3n+1) {
        width: 66.666%;
        clear: both;
    }
    .widget--instagram .instagram-item:nth-child(6n-2) {
        float: right;
    }
}
@media (max-width: 420px) {
    .widget-slide .post__thumb {
        height: 225px;
    }
}
@media (max-width: 380px) {
    .widget-slide .post__thumb {
        height: 200px;
    }
    .widget-slide .owl-nav {
        display: none;
    }
    .widget-slide .owl-dots {
        bottom: unset;
        position: relative;
        text-align: center;
        margin-top: 30px;
    }
}
/*-------------------------------------*/

/* Clear Both */
.items-clear-both-2 > div:nth-child(2n+1) {
    clear: both;
}
.items-clear-both-3 > div:nth-child(3n+1) {
    clear: both;
}
.items-clear-both-4 > div:nth-child(4n+1) {
    clear: both;
}
@media (max-width: 991px) {
    .items-clear-both-3 > div:nth-child(3n+1) {
        clear: none;
    }
    .items-clear-both-3 > div:nth-child(2n+1) {
        clear: both;
    }
    .items-clear-both-4 > div:nth-child(4n+1) {
        clear: none;
    }
    .items-clear-both-4 > div:nth-child(2n+1) {
        clear: both;
    }
}

/* carousel heading */
.carousel-heading .block-heading.block-heading--vertical {
    margin-bottom: 1.4rem;
    margin-top: 30px;
}
.carousel-heading .block-heading.block-heading--vertical .block-heading__title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--color-logo);
}
@media (max-width: 576px) {
    .carousel-heading.carousel-heading--has-bg {
        text-align: center;
        margin-bottom: 30px;
    }
    .carousel-heading .block-heading.block-heading--vertical {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}
/** Default -------------- **/

/** -------------- Suga Feature Slider A Module **/
.atbssuga-post--horizontal-fullwidth .owl-dot span {
    border-radius: 100%;
    width: 12px;
    height: 12px;
    -webkit-transform: scale(0.7,0.7);
    -ms-transform: scale(0.7,0.7);
    transform: scale(0.7,0.7);
}
.atbssuga-post--horizontal-fullwidth .owl-dot.active span {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}
.atbssuga-post--horizontal-fullwidth .owl-dots {
    margin-top: 30px;
    padding:0;
}
.atbssuga-post--horizontal-fullwidth .owl-item {
    overflow: hidden;
}
@media(min-width: 768px) {
    .atbssuga-post--horizontal-fullwidth .owl-dot {
        display: block;
    }
    .atbssuga-post--horizontal-fullwidth .owl-dots {
        position: absolute;
        top: calc( 50% + 40px);
        right: 15px;
        -webkit-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        transform: translatey(-50%);
        margin-top: 0;
    }
    .atbssuga-post--horizontal-fullwidth .owl-dot span {
        background: rgba(255, 255, 255, 0.6);
    }
    .atbssuga-post--horizontal-fullwidth .owl-dot.active span {
        background: rgba(255, 255, 255, 0.8);
    }
}

.atbssuga-post--horizontal-fullwidth article {
    padding-top: 80px;
}
.atbssuga-post--horizontal-fullwidth .owl-nav {
    display: none !important;
}
/*Images*/
.atbssuga-post--horizontal-fullwidth .post__thumb {
    height: 500px;
    width: calc( 50% + 15px );  /*width document  + 15px */
    margin-right: 0;
    margin-left: 0;
    position: relative;
}
.atbssuga-post--horizontal-fullwidth .post::before {
    content: '';
    position: absolute;
    width: calc( 50% + 215px);
    height: 560px;
    background-color: #f1f0ee;
    bottom: 19px;
    right: 0;
    opacity: 0.6;
    z-index: -1;
}
/*Text*/
.atbssuga-post--horizontal-fullwidth .post__text {
    width: calc(570px - 15px);
    float: right;
    margin-top: 58px;
    padding-right: 30px;
}
.atbssuga-post--horizontal-fullwidth .post__cat {
    margin-bottom: 15px;
}
.atbssuga-post--horizontal-fullwidth .post__title {
    font-size: 38px;
    line-height: 1.3;
    max-width: 470px;
    margin-bottom: 22px;
}
.atbssuga-post--horizontal-fullwidth .post__excerpt {
    font-size: 15px;
    line-height: 1.53;
    color: var(--color-excerpt);
    max-width: 250px;
    margin-bottom: 27px;
}
.atbssuga-post--horizontal-fullwidth .owl-carousel .owl-item .entry-author__avatar, .atbssuga-post--horizontal-fullwidth .owl-carousel .owl-item .avatar-default, .atbssuga-post--horizontal-fullwidth .owl-carousel .owl-item .wp-user-avatar {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    display: inline-block;
}
.atbssuga-post--horizontal-fullwidth .entry-author__task {
    color: var(--color-excerpt);
    margin-left: 7px;
    font-weight: 300;
}
@media (max-width: 1200px) {

    .atbssuga-post--horizontal-fullwidth .post__text {
        width: 455px;
    }
    .atbssuga-post--horizontal-fullwidth .post::before {
        height: 500px;
    }
    .atbssuga-post--horizontal-fullwidth .post__thumb {
        height: 440px;
    }
}
@media (max-width: 1199px) {
    .atbssuga-post--horizontal-fullwidth .post__title {
        font-size: 32px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {

    .atbssuga-post--horizontal-fullwidth .post__text {
        width: 345px;
        margin-top: 25px;
    }
    .atbssuga-post--horizontal-fullwidth .post__title {
        max-width: 300px;
        font-size: 28px;
        line-height: 1.4;
    }
    .atbssuga-post--horizontal-fullwidth .post::before {
        height: 440px;
    }
    .atbssuga-post--horizontal-fullwidth .post__thumb {
        height: 390px;
    }
}
@media (max-width: 768px) {
    .atbssuga-post--horizontal-fullwidth .post::before {
        width: 100%;
        bottom: 0;
        height: 325px;
        top: -10%;
    }
    .atbssuga-post--horizontal-fullwidth .post__thumb {
        height: 350px;
        float: left;
        width: 100%;
        margin-bottom: 30px;
        margin-left: 40px;
    }
    .atbssuga-post--horizontal-fullwidth .post__text {
        width: initial;
        float: none;
        padding: 0px 15px 0px 40px;
        margin-top: 0;
        position: relative;
    }
    .atbssuga-post--horizontal-fullwidth .post__cat {
        margin-bottom: 10px;
    }
    .atbssuga-post--horizontal-fullwidth .post__title, .atbssuga-post--horizontal-fullwidth .post__excerpt {
        max-width: 55%;
    }
    .atbssuga-post--horizontal-fullwidth .post__title {
        font-size: 24px;
        line-height: 1.4;
    }
    .atbssuga-post--horizontal-fullwidth .post__excerpt {
        margin-bottom: 0;
    }
    .atbssuga-post--horizontal-fullwidth .entry-author {
        position: absolute;
        right: 40px;
        top: 60px;
    }
}
@media (max-width: 576px) {
    .suga-home .site-content {
        padding-top: 40px;
    }
    .atbssuga-post--horizontal-fullwidth article {
        padding-top: 40px;
    }
    .atbssuga-post--horizontal-fullwidth .post::before {
        /*height: 100%;*/
        /*top: 0;*/
        /*bottom: 0;*/
    }
    .atbssuga-post--horizontal-fullwidth .post__thumb {
        /*float: none;*/
        /*width: 100%;*/
        margin-left: 25px;
    }
    .atbssuga-post--horizontal-fullwidth .post__text {
        padding: 0 25px 0 25px;
    }
    .atbssuga-post--horizontal-fullwidth .post__title {
        font-size: 22px;
        line-height: 1.4;
        max-width: 100%;
    }
    .atbssuga-post--horizontal-fullwidth .post__excerpt {
        margin-bottom: 20px;
        max-width: 90%;
    }
    .atbssuga-post--horizontal-fullwidth .entry-author {
        position: initial;
    }
}
@media (max-width: 460px) {
    .atbssuga-post--horizontal-fullwidth .post__title {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .atbssuga-post--horizontal-fullwidth .post__thumb {
        height: 300px;
    }
}
@media (max-width: 360px) {

    .atbssuga-post--horizontal-fullwidth .post__thumb {
        height: 258px;
    }
}

/** Suga Feature Slider A Module --------------**/
/** ---------------------- Suga feature slider B **/
.atbssuga-post-slide .post {
    padding-left: 70px;
    padding-top: 110px;
    padding-bottom: 60px;
}
.atbssuga-post-slide .post::before {
    content: '';
    position: absolute;
    width: 570px;
    height: 650px;
    background-color: #f1f0ee;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    z-index: -1;
}
.atbssuga-post-slide .post--horizontal .post__thumb {
    width: 700px;
    margin-right: 60px;
}
.atbssuga-post-slide .post--horizontal .post__cat {
    margin-bottom: 10px;
}
.atbssuga-post-slide .post--horizontal .post__title {
    margin-bottom: 28px;
}
.atbssuga-post-slide .post--horizontal .post__excerpt {
    margin-bottom: 28px;
}
.atbssuga-post-slide .post--horizontal .entry-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.atbssuga-post-slide .post--horizontal .entry-author img {
    width: 35px;
    height: 35px;
}
.atbssuga-post-slide .entry-author__task {
    color: var(--color-excerpt);
    margin-left: 7px;
    font-weight: 300;
}
/*post slide - button*/
.atbssuga-post-slide .carousel-wrap {
    position: relative;
}
.atbssuga-post-slide .atbssuga-carousel-nav-custom-holder {
    position: absolute;
    left: calc( 1170px/2 + 55px);
    bottom: 20px;
    z-index: 2;
}
.atbssuga-post-slide .atbssuga-carousel-nav-custom-holder .owl-next,
.atbssuga-post-slide .atbssuga-carousel-nav-custom-holder .owl-prev {
    width: auto;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1;
    height: auto;
}
.atbssuga-post-slide .atbssuga-carousel-nav-custom-holder .owl-prev {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 5px;
}
.atbssuga-post-slide .atbssuga-carousel-nav-custom-holder .owl-next {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 5px;
}
.atbssuga-post-slide .atbssuga-carousel-nav-custom-holder .line-skew {
    display: block;
    width: 1px;
    height: 10px;
    background: #222222;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    margin: 0 10px;
}
.atbssuga-post-slide .atbssuga-carousel .owl-dots {
    display: none;
}
@media (max-width: 1200px) {
    .atbssuga-post-slide .post {
        padding-top: 80px;
    }
    .atbssuga-post-slide .atbssuga-carousel-nav-custom-holder {
        left: calc( 100%/2 + 50px - 20px );
        bottom: 20px;
        z-index: 2;
    }
    .atbssuga-post-slide .post::before {
        width: 456px;
        height: 520px;
    }
    .atbssuga-post-slide .post--horizontal .post__thumb {
        width: 515px;
        height: 380px;
        margin-right: 45px;
    }
}
@media (max-width: 991px) {
    .atbssuga-post-slide .post {
        padding-top: 65px;
        padding-bottom: 45px;
        padding-left: 48px;
    }
    .atbssuga-post-slide .post--horizontal .post__thumb {
        margin-right: 20px;
    }
    .atbssuga-post-slide .post--horizontal .post__title {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    .atbssuga-post-slide .post--horizontal .post__excerpt {
        margin-bottom: 20px;
    }
    .atbssuga-post-slide .atbssuga-carousel-nav-custom-holder {
        left: calc( 100%/2 + 50px - 20px );
        bottom: 20px;
        z-index: 2;
    }
    .atbssuga-post-slide .post::before {
        /*width: 365px;*/
        /*height: 416px;*/
        width: 300px;
        height: 385px;
    }
    .atbssuga-post-slide .post--horizontal .post__thumb {
        /*width: 448px;*/
        /*height: 304px;*/
        width: 385px;
        height: 270px;
        margin-right: 25px;
    }
    .atbssuga-post-slide .post--horizontal .post__excerpt {
        margin-bottom: 0;
    }
    .atbssuga-post-slide .post--horizontal .entry-author {
        display: none;
    }
    .atbssuga-post-slide .atbssuga-carousel-nav-custom-holder {
        left: calc( 50%  - 45px);
    }
    .atbssuga-post-slide .atbssuga-carousel-nav-custom-holder .owl-next,
    .atbssuga-post-slide .atbssuga-carousel-nav-custom-holder .owl-prev {
        font-size: 10px;
    }
}
@media (max-width: 768px) {
    .atbssuga-post-slide .post {
        padding-bottom: 0;
        padding-top: 88px;
    }
    .atbssuga-post-slide .post--horizontal {
        display: block;
    }
    .atbssuga-post-slide .post::before {
        width: 75%;
        height: 550px;
        top: 0;
    }
    .atbssuga-post-slide .post--horizontal .post__thumb {
        width: 100%;
        height: 400px;
        margin-bottom: 80px;
    }
    .atbssuga-post-slide .post--horizontal .post__text {
        display: block;
        width: 60%;
        margin-left: -25px;
    }
    .atbssuga-post-slide .post--horizontal .post__excerpt {
        max-width: 100%;
    }
    .atbssuga-post-slide .post--horizontal .post__title {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    .atbssuga-post-slide .post--horizontal .entry-author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        right: 0;
        top: 585px;
    }
    .atbssuga-post-slide .atbssuga-carousel-nav-custom-holder {
        top: calc( 550px - 35px);
        right: 0;
        bottom: initial;
        left: initial;
    }
    .atbssuga-post-slide .atbssuga-carousel-nav-custom-holder {
        display: none;
    }
    .atbssuga-post-slide .atbssuga-carousel .owl-dots {
        display: block;
        top: calc( 550px - 55px);
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .atbssuga-post-slide .atbssuga-carousel .owl-dot {
        padding: 5px;
    }
    .atbssuga-post-slide .atbssuga-carousel .owl-dot span {
        border-radius: 50%;
    }
}
@media (max-width: 576px) {
    .atbssuga-post-slide .atbssuga-carousel .owl-dots {
        top: calc( 450px - 55px);
    }
    .atbssuga-post-slide .post::before {
        width: 70%;
        height: 450px;
        top: 0;
    }
    .atbssuga-post-slide .post--horizontal .post__thumb {
        width: 100%;
        height: 300px;
        margin-bottom: 80px;
    }
    .atbssuga-post-slide .post--horizontal .post__text {
        display: block;
        width: 100%;
    }
    .atbssuga-post-slide .post--horizontal .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    .atbssuga-post-slide .post--horizontal .post__excerpt {
        margin-bottom: 0;
    }
    .atbssuga-post-slide .post--horizontal .entry-author {
        display: none;
    }
}
@media (max-width: 480px) {
    .atbssuga-post-slide .post {
        padding-bottom: 0;
        padding-top: 70px;
    }
    .atbssuga-post-slide .post::before {
        width: 75%;
        height: 400px;
    }
    .atbssuga-post-slide .post--horizontal .post__thumb {
        width: 100%;
        height: 270px;
    }
    .atbssuga-post-slide .atbssuga-carousel .owl-dots {
        top: calc( 400px - 55px);
    }
}
@media (max-width: 460px) {
    .atbssuga-post-slide .post--horizontal .post__title {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 15px;
    }
}
@media (max-width: 380px) {
    .atbssuga-post-slide .post {
        padding-left: 30px;
    }
    .atbssuga-post-slide .post {
        padding-bottom: 0;
        padding-top: 70px;
    }
    .atbssuga-post-slide .post::before {
        width: 80%;
        height: 335px;
    }
    .atbssuga-post-slide .post--horizontal .post__thumb {
        width: 100%;
        height: 220px;
    }
    .atbssuga-post-slide .atbssuga-carousel .owl-dots {
        top: calc( 345px - 55px);
    }
}
/** Suga feature slider B ----------------------**/
/** -------------- Suga Grid A **/
/*layout grid*/
.atbssuga-post--grid-multiple-style .col-inner--left {
    padding-left: 70px;
}
.atbssuga-post--grid-multiple-style .col-inner--right {
    padding-left: 70px;
    padding-right: 70px;
}
/*padding item*/
.atbssuga-post--grid-multiple-style .col-inner--left .list-item:not(:first-child),
.atbssuga-post--grid-multiple-style .col-inner--right .list-item:not(:first-child) {
    padding: 17.5px 0;
}
.atbssuga-post--grid-multiple-style .col-inner--left .list-item:last-child,
.atbssuga-post--grid-multiple-style .col-inner--right .list-item:last-child {
    padding-bottom: 0;
}
.atbssuga-post--grid-multiple-style .col-inner--left .list-item:first-child {
    padding-bottom: 35px;
}
.atbssuga-post--grid-multiple-style .col-inner--right .list-item:first-child {
    padding-bottom: 37px;
}
.atbssuga-post--grid-multiple-style .col-inner--right .list-item:last-child {
    padding-top: 42px;
    padding-bottom: 0;
}
.atbssuga-post--grid-multiple-style .col-inner--left .list-item:last-child, .atbssuga-post--grid-multiple-style .col-inner--right .list-item:last-child {
    padding-bottom: 0;
}
/* post__thumb*/
.atbssuga-post--grid-multiple-style .post--vertical--xxl .post__thumb {
    height: 538px;
    width: 100%;
}
.atbssuga-post--grid-multiple-style .post--vertical--xl .post__thumb {
    height: 280px;
    width: 100%;
}
.atbssuga-post--grid-multiple-style .post--horizontal .post__thumb {
    margin-bottom: 0;
}
.atbssuga-post--grid-multiple-style .post-thumb-sm .post__thumb {
    width: 130px;
}
.atbssuga-post--grid-multiple-style .post-thumb-md .post__thumb {
    width: 200px;
}
/*post-text*/
.atbssuga-post--grid-multiple-style .post--horizontal .post__title {
    max-width: 75%;
}
.atbssuga-post--grid-multiple-style .col-inner--left .list-item:first-child .post__title {
    max-width: 90%;
}

.atbssuga-post--grid-multiple-style .col-inner--right .list-item:first-child .post--horizontal .post__title {
    max-width: 100%;
}
@media (max-width: 1200px) {
    .atbssuga-post--grid-multiple-style .col-inner--left {
        padding-left: 0;
        padding-right: 20px;
    }
    .atbssuga-post--grid-multiple-style .col-inner--right {
        padding-left: 50px;
        padding-right: 0px;
    }


    .atbssuga-post--grid-multiple-style .post--vertical--xxl .post__thumb {
        height: 468px;
    }
    .atbssuga-post--grid-multiple-style .post--vertical--xl .post__thumb {
        height: 254px;
    }
    .atbssuga-post--grid-multiple-style .post-thumb-md .post__thumb {
        width: 165px;
        height: 165px;
    }
    .atbssuga-post--grid-multiple-style .post-thumb-sm .post__thumb {
        width: 100px;
        height: 100px;
    }
    .atbssuga-post--grid-multiple-style .post--horizontal.post--horizontal-reverse .post__thumb {
        margin-left: 20px;
    }
    .atbssuga-post--grid-multiple-style .post--horizontal:not(.post--horizontal-reverse) .post__thumb {
        margin-right: 20px;
    }
    .atbssuga-post--grid-multiple-style .col-inner--left .list-item:first-child .post__title {
        max-width: 100%;
        font-size: 24px;
        line-height: 1.4;
    }
    .atbssuga-post--grid-multiple-style .post--horizontal .post__title {
        max-width: 90%;
    }


}
@media (max-width: 991px) {
    /*grid-layout*/
    /*--left*/
    .atbssuga-post--grid-multiple-style .col-inner--left {
        padding-right: 0;
    }
    .atbssuga-post--grid-multiple-style .col-inner--left .list-item:first-child {
        padding-bottom: 20px;
    }
    /*right*/
    .atbssuga-post--grid-multiple-style .col-inner--right {
        padding-left: 15px;
        padding-right: 0;
    }
    .atbssuga-post--grid-multiple-style .col-inner--left .list-item:not(:first-child), .atbssuga-post--grid-multiple-style .col-inner--right .list-item:not(:first-child) {
        padding: 15px 0;
    }
    .atbssuga-post--grid-multiple-style .col-inner--left .list-item:last-child,
    .atbssuga-post--grid-multiple-style .col-inner--right .list-item:last-child {
        padding-bottom: 0;
    }
    .atbssuga-post--grid-multiple-style .col-inner--right .list-item:first-child {
        padding-bottom: 20px;
    }
    .atbssuga-post--grid-multiple-style .col-inner--right .list-item:last-child {
        padding-top: 25px;
    }
    /**/
    .atbssuga-post--grid-multiple-style .col-inner--left .list-item:first-child .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    /*post-thumb horizontal large*/
    .atbssuga-post--grid-multiple-style .post-thumb-md .post__thumb {
        width: 130px;
        height: 130px;
    }
    .atbssuga-post--grid-multiple-style .post--vertical--xxl .post__thumb {
        height: 405px;
    }
    .atbssuga-post--grid-multiple-style .post--vertical--xl .post__thumb {
        height: 220px;
    }
}
@media (max-width: 991px) and  (min-width: 769px) {
    /*post text*/
    .atbssuga-post--grid-multiple-style  .post--horizontal-big .post__title {
        font-size: 16px;
        /*font-weight: normal;*/
    }
    .atbssuga-post--grid-multiple-style .col-inner--left .list-item:first-child .post__title {
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    /**/
    .atbssuga-post--grid-multiple-style .post--horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .atbssuga-post--grid-multiple-style .col-inner--right {
        padding-left: 0;
    }
    .atbssuga-post--grid-multiple-style .col-inner--right .list-item:first-child .post--horizontal .post__text {
        padding-top: 0;
    }
    /*item post horizontal*/
    .atbssuga-post--grid-multiple-style .col-inner--right .list-item:first-child {
        padding-bottom: 10px;
    }
    /*thumb*/
    .atbssuga-post--grid-multiple-style .post--horizontal .post__thumb {
        width: 100px;
        height: 100px;
        margin-right: 15px;
    }
    .atbssuga-post--grid-multiple-style .post--vertical--xxl .post__thumb {
        height: 355px;
    }
    .atbssuga-post--grid-multiple-style .post--vertical--xl .post__thumb {
        height: 185px;
    }
    /*text*/
    .atbssuga-post--grid-multiple-style .post--horizontal .post__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .atbssuga-post--grid-multiple-style .post--horizontal .post__title {
        max-width: 100%;
    }
    .atbssuga-post--grid-multiple-style .col-inner--left .list-item:first-child .post__title {
        font-size: 20px;
        max-width: 100%;
        line-height: 1.4;
    }
    .atbssuga-post--grid-multiple-style .post--horizontal .post__title,
    .atbssuga-post--grid-multiple-style .col-inner--right .list-item:first-child .post--horizontal .post__title {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media (max-width: 576px) {
    .atbssuga-post--grid-multiple-style  .col-margin-bottom:not(:last-child) {
        margin-bottom: 45px;
    }
    /*change layout*/
    .atbssuga-post--grid-multiple-style .post-last--order-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .atbssuga-post--grid-multiple-style .post-last--order-top .list-item {
        width: 100%;
    }
    .atbssuga-post--grid-multiple-style .post-last--order-top .list-item:nth-of-type(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .atbssuga-post--grid-multiple-style .post-last--order-top .list-item:nth-of-type(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .atbssuga-post--grid-multiple-style .post-last--order-top .list-item:nth-of-type(3) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        padding-bottom: 0;
    }
    .atbssuga-post--grid-multiple-style .post-last--order-top .list-item:nth-of-type(4) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 0;
        padding-bottom: 37px;
    }
    /*    thumb*/
    .atbssuga-post--grid-multiple-style .post--vertical--xxl .post__thumb {
        height: 350px;
    }
    .atbssuga-post--grid-multiple-style .post--vertical--xl .post__thumb {
        height: 280px;
    }
    .atbssuga-post--grid-multiple-style .post--horizontal .post__thumb {
        height: 130px;
        width: 130px;
        margin-right: 25px;
    }
    /*    text*/
    .atbssuga-post--grid-multiple-style .col-inner--left .list-item:first-child .post__title, .atbssuga-post--grid-multiple-style .col-inner--right .list-item:last-child .post__title {
        font-size: 20px;
        line-height: 1.4;
    }

}
@media (max-width: 380px) {
    .atbssuga-post--grid-multiple-style .col-inner--left .list-item:first-child .post__title,
    .atbssuga-post--grid-multiple-style .col-inner--right .list-item:last-child .post__title {
        font-size: 18px;
    }
    .atbssuga-post--grid-multiple-style .post--horizontal .post__thumb {
        width: 90px;
        height: 90px;
    }
    .atbssuga-post--grid-multiple-style .post--horizontal .post__title {
        font-size: 16px;
    }
    .atbssuga-post--grid-multiple-style .post--vertical--xl .post__thumb {
        height: 230px;
    }
}
@media (max-width: 320px) {
    .atbssuga-post--grid-multiple-style .post--vertical--xxl .post__thumb {
        height: 310px;
    }
    .atbssuga-post--grid-multiple-style .post--vertical--xl .post__thumb {
        height: 188px;
    }
}
/** Suga Grid A -------------- **/

/** ---------------- Suga Grid B **/

.atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth {
    margin-bottom: 55px;
}
/*grid top*/
.atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post {
    width: calc( 50% + ( 1170px / 2   - 70px )  );
}
/* .suga_grid_b_style_2 .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post {
    width: calc( 50% + ( 1170px / 2 )  );
} */
.atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__thumb {
    height: 500px;
    width: 100%;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth  .post__text {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 50px 30px 0px 50px;
    background-color: #fff;
    max-width: 445px;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .post-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.atbssuga-featured-with-list--horizontal-list .posts-list li:not(:first-child) {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
/*temp*/
/*--post grid a*/
.atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list {
    margin: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list article::before {
    display: none;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list article {
    padding: 0 15px 0 60px;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list li:first-child article {
    padding-left: 0;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list li:last-child article {
    padding-right: 0;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .col-inner-padding--right {
    padding-right: 70px;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .entry-author__task {
    color: var(--color-excerpt);
    margin-left: 7px;
    font-weight: 300;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__cat {
    margin-bottom: 18px;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__title {
    margin-bottom: 25px;
    line-height: 1.4;
}
/*---not fullwidth*/
.atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .atbssuga-pagination .read-more-link,
.atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .atbssuga-pagination .read-more-link i {
    color: var(--color-logo);
    font-weight: 500;
}
/*--post grid b*/
.atbssuga-post--grid-multiple-style__fullwidth-a + .atbssuga-post--grid-multiple-style__fullwidth-b {
    margin-top: 75px;
}
.atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-padding--left {
    padding-left: 70px;
    margin-top: 70px;
}
.atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-padding--right {
    padding-right: 70px;
    padding-left: 70px;
}
/*post-item*/
.atbssuga-post--grid-multiple-style__fullwidth-b .post-item:not(:last-child) {
    margin-bottom: 48px;
}
/*---post_thumb*/

.atbssuga-post--grid-multiple-style__fullwidth .post--nothumbnail .post__thumb {
    margin-bottom: 0;
    display: none;
}
.atbssuga-post--grid-multiple-style__fullwidth-b .post__thumb {
    margin-bottom: 25px;
}
/*----post-title*/
.atbssuga-post--grid-multiple-style__fullwidth-b .post__title a {
    display: block;
    max-width: 90%;
    padding-right: 10px;
}
.atbssuga-post--grid-multiple-style__fullwidth-b .post__title {
    margin-bottom: 0;
}
/*grid bottom*/
@media (min-width: 1200px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__thumb {
        height: 520px;
        width: 100%;
    }
}
@media (max-width: 1200px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__thumb {
        height: 470px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post {
        width: calc( 50% + ( 970px / 2  - 15px )  );
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .col-inner-padding--right {
        padding-right: 0;
    }
    /* grid-b --left*/
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-padding--left {
        padding-left: 0;
        padding-right: 20px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-left .post__thumb-580 .post__thumb {
        height: 504px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-left .post__thumb-260 .post__thumb {
        height: 226px;
    }
    /*grid-b --right*/
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-padding--right {
        padding-left: 50px;
        padding-right: 0px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-right .post__thumb-260 .post__thumb {
        height: 245px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-right .post__thumb-450 .post__thumb {
        height: 423px;
    }
}
@media (max-width: 991px) {
    .atbssuga-post--grid-multiple-style__fullwidth-b .post__title {
        font-size: 18px;
        line-height: 1.5;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a {
        margin-bottom: 75px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth {
        margin-bottom: 75px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post {
        width: calc( 50% + ( 750px / 2   - 15px )  );
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list article {
        padding: 0 15px 0 25px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .atbssuga-pagination a.read-more-link {
        float: left;
    }
    /* grid-b --left*/
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-padding--left {
        padding-right: 0;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-left .post__thumb-580 .post__thumb {
        height: 400px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-left .post__thumb-260 .post__thumb {
        height: 190px;
    }
    /*grid-b --right*/
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-padding--right {
        padding-left: 15px;
        padding-right: 0;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-right .post__thumb-260 .post__thumb {
        height: 200px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-right .post__thumb-450 .post__thumb {
        height: 347px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .post-item:not(:last-child) {
        margin-bottom: 25px;
    }
}
@media (max-width: 768px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .atbssuga-pagination a.read-more-link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        float: none;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__thumb {
        height: 450px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post {
        width: 100%;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list li {
        width: calc( 100% / 3);
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .atbssuga-pagination {
        margin-top: 25px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__text {
        padding: 25px 20px 0px 40px;
        max-width: 380px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-padding--right {
        padding-left: 0;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .post-item:not(:last-child) {
        margin-bottom: 30px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .post__thumb {
        margin-bottom: 20px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .post__readmore {
        display: none;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .post__title a {
        max-width: 100%;
    }


    .atbssuga-post--grid-multiple-style__fullwidth .post--nothumbnail .post__title {
        font-size: 18px;
        line-height: 1.5;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth,
    .atbssuga-post--grid-multiple-style__fullwidth-a {
        margin-bottom: 45px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a + .atbssuga-post--grid-multiple-style__fullwidth-b {
        margin-top: 45px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list li {
        padding: 15px 0;
        border-left: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        width: 100%;
        margin-left: 30px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list li:last-child {
        border-bottom: 0;
        /* padding-bottom:0; */
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list article {
        padding: 0;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .atbssuga-pagination a.read-more-link {
        float: none;
        display: block;
        text-align: center;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__thumb {
        height: 370px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__text {
        padding: 25px 15px 0px 30px;
        max-width: 325px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .post__title {
        font-size: 18px;
        line-height: 1.5;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-padding--left {
        margin-top: 0;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .post-item:not(:last-child) {
        margin-bottom: 33px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-left .post__thumb-580 .post__thumb {
        height: 300px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-left .post__thumb-260 .post__thumb {
        height: 300px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-right .post__thumb-260 .post__thumb {
        height: 300px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-right .post__thumb-450 .post__thumb {
        height: 300px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .post__title a {
        max-width: 90%;
    }
}
@media (max-width: 480px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__text {
        padding: 25px 10px 0px 25px;
        max-width: 300px;
    }
}
@media (max-width: 380px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a {
        margin-bottom: 45px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__thumb {
        height: 320px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__text {
        padding: 15px 10px 0px 20px;
        max-width: 280px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__cat {
        margin-bottom: 15px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post__title {
        margin-bottom: 13px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-left .post__thumb-580 .post__thumb,
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-left .post__thumb-260 .post__thumb,
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-right .post__thumb-260 .post__thumb,
    .atbssuga-post--grid-multiple-style__fullwidth-b .col-inner-right .post__thumb-450 .post__thumb {
        height: 250px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-b .post__title a {
        max-width: 100%;
    }
}

.atbssuga-featured-with-list--horizontal-list {
    padding-right: 70px;
}
.suga_grid_b_style_2 .atbssuga-featured-with-list--horizontal-list {
    padding-right: 0;
}
.atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list article {
    padding: 0 30px;
}
@media(max-width: 1200px) {
    .atbssuga-featured-with-list--horizontal-list {
        padding-right: 0;
    }
    .atbssuga-featured-with-list--horizontal-list .post-not-fullwidth .post__title {
        max-width: 90%;
    }
}
@media (max-width: 991px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -20px -60px;
        position: relative;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 1px;
        height: 90%;
        background-color: rgba(0, 0, 0, 0.15);
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list li {
        width: 50%;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        padding: 20px 60px;
    }
    .atbssuga-featured-with-list--horizontal-list .posts-list li:nth-child(n) {
        border: none;
    }
    .atbssuga-featured-with-list--horizontal-list .posts-list li:first-child article,
    .atbssuga-featured-with-list--horizontal-list .posts-list li:nth-child(3n) article {
        margin-left: auto;
        margin-right: 0;
    }
    .atbssuga-featured-with-list--horizontal-list .posts-list li:last-child article,
    .atbssuga-featured-with-list--horizontal-list .posts-list li:nth-child(2n) article {
        margin-left: 0;
        margin-right: auto;
    }

    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list article {
        padding: 0;
        max-width: 95%;
    }
    .atbssuga-featured-with-list--horizontal-list .post-not-fullwidth .post__title {
        max-width: 100%;
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list {
        margin: -20px -45px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list li {
        width: 50%;
        padding: 20px 45px;
    }
}
@media (max-width: 576px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list {
        margin: -15px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list::before {
        display: none;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list li {
        padding: 20px 0;
        border-left: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 415px;
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list li:last-child {
        /*border: none;*/
    }
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list article {
        max-width: 100%;
    }
    .atbssuga-featured-with-list--horizontal-list .post-not-fullwidth .post__title {
        font-size: 18px;
    }
}
@media (max-width: 480px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list li {
        padding: 15px 0;
        border-left: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        width: 100%;
        max-width: calc(100% - 30px);
    }
}
@media (max-width: 380px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a .post-not-fullwidth .post__title {
        font-size: 16px;
    }
}
/** Suga Grid B ---------------------- **/

/** ---------------------- Suga Grid C **/
.atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical:not(:last-child) {
    margin-bottom: 70px;
}
.atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__text {
    margin-left: 10px;
}
.atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__title {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.4;
}
.atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__title a {
    max-width: 80%;
    display: block;
}
.atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .block-heading.block-title-small {
    margin-bottom: 0;
    margin-top: 70px;
}
.atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .block-title-small .block-heading__title {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.3;
    color: var(--color-logo);
    width: 100%;
    border-right:  1px solid var(--color-logo);
    padding-top: 10px;
}
.atbssuga-post--grid-has-postlist .block-title-small .block-heading__title span {
    display: block;
}
.atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .post-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 40px;
}
.atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical:not(:last-child) {
    margin-bottom: 70px;
}
.atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item .post__title {
    margin-bottom: 20px;
    max-width: 95%;
    /*font-size: 20px;*/
    /*line-height: 1.4;*/
}
.atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item .post__excerpt {
    margin-bottom: 0;
}
.post--vertical-nothumb .post__thumb {
    display: none;
}
@media (max-width: 1200px) {
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__title a {
        max-width: 85%;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__thumb {
        height: 238px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item {
        padding: 0 20px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .post__excerpt {
        max-width: 95%;
    }
}
@media (max-width: 991px) {
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .block-heading.block-title-small {
        margin-bottom: 50px;
        margin-top: 0;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .grid-gutter-40.row--space-between {
        margin-top: 0;
        margin-bottom: 0;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .grid-gutter-40.row--space-between > [class*="col-"] {
        padding-top: 0;
        padding-bottom: 0;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical:not(:last-child) {
        margin-bottom: 70px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__text-wrap {
        display: block;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__thumb {
        height: 190px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__title {
        margin-bottom: 15px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__title a {
        max-width: 100%;
    }
    /*    post list*/
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .grid-gutter-40.row--space-between {
        margin-top: 0;
        margin-bottom: 0;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .grid-gutter-40.row--space-between > [class*="col-"] {
        padding-top: 0;
        padding-bottom: 0;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical:not(:last-child) {
        margin-bottom: 77px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .block-title-small .block-heading__title {
        text-align: center;
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .atbssuga-post--grid-has-postlist .block-title-small .block-heading__title span {
        display: inline-block;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item {
        padding: 0 20px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item:first-child {
        padding-left: 0;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item:last-child {
        padding-right: 0;
    }

    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item .post__title {
        font-size: 18px;
        line-height: 1.5;
    }
}
@media (min-width: 577px) and (max-width: 991px) {
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item {
        padding: 0 15px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item .post__title {
        margin-bottom: 27px;
        max-width: 100%;
    }

    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item:first-child {
        border-right: 1px solid rgba(0,0,0,0.1);
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item:last-child {
        border-left: 1px solid rgba(0,0,0,0.1);
    }
}
@media (max-width: 768px) {
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .block-heading.block-title-small {
        margin-bottom: 35px;
        margin-top: 0;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical:not(:last-child) {
        margin-bottom: 65px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__title {
        margin-bottom: 0;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical:not(:last-child) {
        margin-bottom: 72px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item .post__title {
        font-weight: 500;
        font-size: 18px;
        line-height: 1.5;
        max-width: 100%;
        margin-bottom: 17px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item .post__excerpt {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        display: -webkit-box;
    }
    .atbssuga-post--grid-has-postlist .grid-gutter-40.row--space-between {
        margin-right: -15px;
        margin-left: -15px;
    }
    .atbssuga-post--grid-has-postlist .grid-gutter-40 .row--space-between > [class*="col-"],
    .atbssuga-post--grid-has-postlist .grid-gutter-40.row--space-between > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 576px) {
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical:not(:last-child) {
        margin-bottom: 55px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__text {
        margin-left: 0;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__thumb {
        height: 280px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__readmore .readmore__text,.atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .atbssuga-pagination a.read-more-link {
        float: left;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical:not(:last-child) {
        margin-bottom: 62px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item {
        padding: 0;
        width: 100%;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        margin-left: 25px;
        margin-right: 25px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item:not(:last-child) {
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item .post__title {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
}
@media (max-width: 480px) {
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 420px) {
    .atbssuga-post--grid-has-postlist .atbssuga-post-grid--vertical .post__thumb {
        height: 200px;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item .post__excerpt {
        max-width: 70%;
    }
}
@media (max-width: 380px) {
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item {
        margin-left: 0;
        margin-right: 0;
    }
    .atbssuga-post--grid-has-postlist .atbssuga-post-list--vertical .list-item .post__excerpt {
        max-width: 95%;
    }
}
/** Suga Grid C ---------------------- **/
/* -----------------------suga grid d */
.suga-grid-d .suga_flexbox-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.suga-grid-d .suga_flexbox-mobile > * .post--overlay {
    height: 100%;
}
@media (max-width: 1199px) and (min-width: 769px) {
    .suga-grid-d .post--horizontal .post__title {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media (max-width: 767px) {
    .suga-grid-d .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
/* suga grid d ----------------------- */

/* ---------------------- suga grid e **/
@media (max-width: 1199px) {
    .suga-grid-e .mosaic-item:first-child .post--overlay .post__text-inner {
        max-width: 580px;
    }
    .suga-grid-e .mosaic-item:not(:first-child) .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}

@media (max-width: 575px) {
    .suga-grid-e .mosaic-item:first-child .post--overlay .post__title,
    .suga-grid-e .mosaic-item:not(:first-child) .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
/* suga grid e ----------------------- */
/* ---------------------- Listing List A **/
.atbssuga-post--grid-horizontal-title-hasline .list-item:not(:last-child) {
    margin-bottom: 30px;
}
.post--horizontal__title-line .post__thumb {
    max-width: 370px;
    margin-right: 60px;
}
.post--horizontal__title-line .post__text {
    margin-top: 30px;
}
.post--horizontal__title-line.post-not-exist-thumb.thumb-placeholder-disabled .post__text {
    margin-top: 0;
}
.post--horizontal__title-line .post__title {
    padding-left: 17px;
    font-weight: 500;
    position: relative;
    margin-bottom: 18px;
}
.post--horizontal__title-line .post__text {
    margin-bottom: 0;
}
.post--horizontal__title-line .post__title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 2px;
    height: 60%;
    background-color: var(--color-logo);
}
.post--horizontal__title-line .post__excerpt {
    max-width: 300px;
    margin-bottom: 0;
}
.suga-horizontal--no-thumb.post--horizontal__title-line .post__excerpt {
    max-width: 90%;
}
.post--horizontal__title-line .atbssuga-pagination {
    margin-top: 50px;
}
@media(min-width: 1200px) {
    .post--horizontal__title-line .post__title {
        font-size: 22px;
    }
}
@media (max-width: 1200px) {
    .post--horizontal__title-line .post__thumb {
        max-width: 300px;
        height: 220px;
        margin-right: 40px;
    }
}
@media (max-width: 768px) {
    .atbssuga-post--grid-horizontal-title-hasline .list-item:not(:last-child) {
        margin-bottom: 35px;
    }

    .post--horizontal__title-line .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    .post--horizontal__title-line.post--horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .post--horizontal__title-line .post__text {
        margin-top: 0;
    }
    .post--horizontal__title-line .post__thumb {
        max-width: 280px;
        height: 200px;
        margin-bottom: 0;
        margin-right: 25px;
    }
    .post--horizontal__title-line .post__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
@media (max-width: 576px) {
    .post--horizontal__title-line .post__thumb {
        max-width: 100%;
        height: 300px;
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .post--horizontal__title-line .post__text {
        margin-top: 0;
        max-width: 100%;
    }
    .post--horizontal__title-line .post__excerpt {
        max-width: 90%;
    }
    .atbssuga-post--grid-horizontal-title-hasline .list-item:not(:last-child) {
        margin-bottom: 35px;
    }
    .atbssuga-post--grid-horizontal-title-hasline .atbssuga-pagination {
        margin-top: 32px;
    }
}
@media (max-width: 480px) {
    .atbssuga-post--grid-horizontal-title-hasline .post__thumb {
        height: 250px;
    }
}
@media (max-width: 380px) {
    .post--horizontal__title-line .post__thumb {
        height: 210px;
    }
}
/* Listing List A ---------------------- **/
/* ---------------------- Listing List B **/
.atbssuga-post--list-horizontal-reverse .list-item:not(:last-child) {
    margin-bottom: 25px;
}
.post--horizontal-reverse-big.post {
    padding-bottom: 35px;
}
.post--horizontal-reverse-big .post__thumb {
    width: 540px;
    margin-left: 50px;
}
.post--horizontal-reverse-big .post__cat {
    color: var(--color-logo);
}
.post--horizontal-reverse-big .post__title {
    margin-bottom: 25px;
    font-weight: 500;
    line-height: 1.4;
}
.post--horizontal-reverse-big .entry-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.post--horizontal-reverse-big .entry-author .entry-author__name {
    margin-left: 10px;
    /*font-weight: 500;
    color: var(--color-title);*/
}
.post--horizontal-reverse-big .entry-author .entry-author__name span {
    display: block;
    color: var(--color-excerpt);
    font-weight: 300;
}
.post--horizontal-reverse-big .post__readmore {
    position: absolute;
    right: 0;
    bottom: 0;
}
.post--horizontal-reverse-big .post__readmore .readmore__text i {
    letter-spacing: -10px;
}
@media (max-width: 1200px) and (min-width: 992px) {
    .post--horizontal-reverse-big .post__thumb {
        width: 370px;
        height: 260px;
        margin-left: 30px;
    }
    .post--horizontal-reverse-big .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
@media (max-width: 1200px) {
    .post--horizontal-reverse-big .post__thumb {
        width: 400px;
        height: 260px;
        margin-left: 20px;
    }
}
@media  (max-width: 768px) {
    .post--horizontal-reverse-big.post {
        padding-bottom: 0;
    }
    .atbssuga-post--list-horizontal-reverse .list-item:not(:last-child) {
        margin-bottom: 45px;
    }
    .post--horizontal-reverse-big .post__thumb {
        margin-right: 0;
    }
    .post--horizontal-reverse-big .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    .post--horizontal-reverse-big.post--horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .post--horizontal-reverse-big .post__thumb {
        margin-bottom: 0;
    }
    .post--horizontal-reverse-big.post--horizontal .post__text {
        -webkit-box-flex: 1;
        box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
@media (max-width: 576px) {
    .post--horizontal-reverse-big .post__thumb {
        margin-left: 0;
        width: 100%;
        height: 300px;
    }
    .post--horizontal-reverse-big .entry-author .entry-author__name span {
        display: initial;
        margin-left: 7px;
    }
    .post--horizontal-reverse-big .post__title {
        margin-bottom: 20px;
    }
    .atbssuga-post--list-horizontal-reverse .list-item:not(:last-child) {
        margin-bottom: 40px;
    }
}
@media (max-width: 480px) {
    .post--horizontal-reverse-big .post__thumb {
        height: 265px;
    }
}
@media (max-width: 380px) {
    .post--horizontal-reverse-big .post__thumb {
        height: 230px;
    }
}
/* Listing List B ---------------------- **/
/* ---------------------- Listing List C **/
.post--horizontal-hasbackground.post {
    background-color: #f4f6f7;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;

}
/*-----hover post-----*/
.post--horizontal-hasbackground.post:hover {
    background-color: var(--color-logo);
    color: #fff;
}
.post--horizontal-hasbackground.post:hover .post__cat,
.post--horizontal-hasbackground.post:hover .post__excerpt {
    color: #fff !important;
    opacity: 0.8;
}
.post--horizontal-hasbackground.post:hover .post__title a {
    color: #fff;
}
/*-----end hover post-----*/
.atbssuga-post--list-horizontal-hasbackground .list-item:not(:last-child) {
    margin-bottom: 30px;
}
.post--horizontal-hasbackground .post__thumb {
    width: 500px;
    margin-right: 0;
}
.post--horizontal-hasbackground .post__text {
    padding-left: 60px;
    padding-right: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.post--horizontal-hasbackground.post .post__cat,
.post--horizontal-hasbackground.post .post__excerpt,
.post--horizontal-hasbackground.post .post__title a {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.post--horizontal-hasbackground .post__title {
    margin-bottom: 25px;
}
.post--horizontal-hasbackground .post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.atbssuga-post--list-horizontal-hasbackground .atbssuga-pagination {
    margin-top: 65px;
}
@media(min-width: 1200px) {
    .post--horizontal-hasbackground .post__title {
        font-size: 24px;
        line-height: 1.4;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .post--horizontal-hasbackground .post__title {
        font-size: 20px;
        line-height: 1.4;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .posts-list--no-sidebar .post--horizontal-hasbackground .post__thumb {
        width: 480px;
        height: 360px;
    }

}
@media (max-width: 1199px) {
    .post--horizontal-hasbackground .post__thumb {
        width: 325px;
        height: 260px;
    }
    .post--horizontal-hasbackground .post__text {
        padding-left: 40px;
        padding-right: 40px;
    }
    .atbssuga-post--list-horizontal-hasbackground .list-item:not(:last-child) {
        margin-bottom: 25px;
    }

    .posts-list--no-sidebar .post--horizontal-hasbackground .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    .post--horizontal-hasbackground .post__thumb {
        width: 390px;
        height: 310px;
    }
    .post--horizontal-hasbackground .post__title,
    .posts-list--no-sidebar .post--horizontal-hasbackground .post__title {
        font-size: 20px;
        line-height: 1.4;
    }

}
@media (max-width: 768px) {
    .post--horizontal-hasbackground .post__thumb {
        width: 330px;
        height: 320px;
    }
}
@media (max-width: 680px) {
    .post--horizontal-hasbackground .post__thumb {
        width: 300px;
        height: 275px;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    .post--horizontal-hasbackground.post--horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .post--horizontal-hasbackground .post__thumb {
        margin-bottom: 0;
    }
    .post--horizontal-hasbackground.post--horizontal .post__text {
        -webkit-box-flex: 1;
        box-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 10px;
    }
}
@media (max-width: 576px) {
    .post--horizontal-hasbackground .post__thumb {
        width: 100%;
        height: 320px;
        margin-bottom: 0;
    }
    .post--horizontal-hasbackground .post__text {
        padding: 20px 30px;
    }
}

@media (max-width: 480px) {
    .post--horizontal-hasbackground .post__thumb {
        width: 100%;
        height: 300px;
    }
    .post--horizontal-hasbackground .post__text {
        padding: 15px 30px;
    }

    .post--horizontal-hasbackground.post-not-exist-thumb.thumb-placeholder-disabled .post__text {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .post--horizontal-hasbackground.post-not-exist-thumb.thumb-placeholder-disabled .post__excerpt {
        margin-bottom: 0;
    }
}
@media (max-width: 420px) {
    .post--horizontal-hasbackground .post__thumb {
        width: 100%;
        height: 250px;
    }
    .post--horizontal-hasbackground .post__text {
        padding: 15px 25px;
    }
}
@media (max-width: 380px) {
    .post--horizontal-hasbackground .post__thumb {
        width: 100%;
        height: 230px;
    }
    .post--horizontal-hasbackground .post__text {
        padding: 15px 20px;
    }
    .post--horizontal-hasbackground.post-not-exist-thumb.thumb-placeholder-disabled .post__text {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .post--horizontal-hasbackground .post__title {
        margin-bottom: 20px;
    }
}
/* Listing List C ---------------------- **/
/* ---------------------- Listing List ATL B **/
.atbssuga-posts--listing-list-alt-b .list-item.overlay-item-wrap {
    margin: 40px 0;
}
.atbssuga-posts--listing-list-alt-b .list-item.overlay-item-wrap:last-child {
    margin-bottom: 0;
}
.atbssuga-posts--listing-list-alt-b .list-item.overlay-item-wrap:first-child {
    margin-top: 0;
}
/* Listing List ATL B ---------------------- **/
/** ----------------------  Listing Grid **/
/*post- space*/
.atbssuga-post--grid-vertical-readmore-big .grid-gutter-50 .row--space-between > [class*="col-"],
.atbssuga-post--grid-vertical-readmore-big .grid-gutter-50.row--space-between > [class*="col-"] {
    padding-top: 40px;
    padding-bottom: 40px;
}
.atbssuga-post--grid-vertical-readmore-big .grid-gutter-50.row--space-between > [class*="col-"]:last-child {
    padding-bottom: 0;
}
.atbssuga-post--grid-vertical-readmore-big .grid-gutter-50.row--space-between > [class*="col-"]:nth-last-child(2) {
    padding-bottom: 0;
}
.atbssuga-post--grid-vertical-readmore-big .grid-gutter-50 .row,
.atbssuga-post--grid-vertical-readmore-big .grid-gutter-50.row {
    margin-top: -40px;
    margin-bottom: 0;
}
.posts-listing-grid-c,
.atbssuga-post--grid-vertical-readmore-big,
.posts-listing-grid-b.posts-listing-grid-b-no-sidebar {
    display: flex;
    flex-direction: column;
}
.atbssuga-post--grid-vertical-readmore-big.posts-listing-grid-no-sidebar .posts-listing {
    display: flex;
    flex-direction: column;
}
/*post-item*/
.post--vertical-readmore-big .post__thumb {
    margin-bottom: 0;
}
.post--vertical-readmore-big .post__text {
    margin-left: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
}
.suga-vertical--no-thumb.post--vertical-readmore-big .post__text {
    margin:0;
}
.post--vertical-readmore-big .post__text .post__cat {
    max-width: calc(100% - 120px);
    color: var(--color-logo);
}
.post--vertical-readmore-big .post__text-wrap .post__title {
    font-weight: 500;
    max-width: calc(100% - 120px);
    margin-bottom: 0;
}
.post--vertical-readmore-big .post__text-wrap .post__readmore {
    width: 100px;
    height: 100%;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    right: 0;
    top: 0;
}
.post--vertical-readmore-big .post__text-wrap .post__readmore i {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.post--vertical-readmore-big .post__text-wrap .post__readmore a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.post--vertical-readmore-big .post__text-wrap .post__readmore:hover {
    background-color: var(--color-logo);
}
.post--vertical-readmore-big .post__text-wrap .post__readmore:hover .readmore__text {
    color: #fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

/*update css small*/
.post--vertical-readmore-small .post__thumb {
    margin-bottom: 0;
}
.post--vertical-readmore-small .post__text {
    margin-left: 7px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
.suga-vertical--no-thumb.post--vertical-readmore-small .post__text {
    margin:0;
}
.post--vertical-readmore-small .post__text .post__cat {
    color: var(--color-logo);
}
.post--vertical-readmore-small .post__text-wrap .post__title {
    font-weight: 500;
    max-width: calc(100% - 85px);
    margin-bottom: 0;
}
.post--vertical-readmore-small .post__text-wrap .post__readmore {
    width: 70px;
    height: 100%;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    right: 0;
    top: 0;
}
.post--vertical-readmore-small .post__text-wrap .post__readmore i {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.post--vertical-readmore-small .post__text-wrap .post__readmore a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.post--vertical-readmore-small .post__text-wrap .post__readmore:hover {
    background-color: var(--color-logo);
}
.post--vertical-readmore-small .post__text-wrap .post__readmore:hover .readmore__text {
    color: #fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

@media(max-width: 768px) {
    .post--vertical-readmore-small .post__text-wrap .post__title {
        max-width: 100%;
    }

    .post--vertical-readmore-small .post__text-wrap .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media( max-width: 576px) {
    .post--vertical-readmore-small .post__text {
        margin-left: 0;
        padding-bottom: 0;
    }
}
/*line-item*/
.item-count:nth-child(2n+1) {
    position: relative;
}
.item-count:nth-child(2n+1):not(:first-child)::after {
    position: absolute;
    content: '';
    width: calc( 100% * 2 - 50px );
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    right: calc(-100% + 25px);
    top: 0;
}
.items-clear-both-3 .item-count:nth-child(2n+1):not(:first-child)::after {
    position: relative;
    content: '';
    background-color: #fff;
}
.items-clear-both-3 .item-count:nth-child(3n+1):not(:first-child)::after {
    position: absolute;
    content: '';
    width: calc( 100% * 3 - 50px );
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    right: calc( -100% * 2 + 25px);
    top: 0;
}
.items-clear-both-4 .item-count:nth-child(3n+1):not(:first-child)::after {
    /*position: relative;*/
    content: '';
    background-color: rgba(0,0,0,0.1);
}
.items-clear-both-4 .item-count:nth-child(2n+1):not(:first-child)::after {
    position: relative;
    content: '';
    background-color: #fff;
}
.items-clear-both-4 .item-count:nth-child(4n+1):not(:first-child)::after {
    position: absolute;
    content: '';
    width: calc( 100% * 4 - 50px );
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    right: calc(-100% * 3 + 25px);
    top: 0;
}
@media(max-width:991px) {
    .items-clear-both-4 .item-count:nth-child(2n+1):not(:first-child)::after {
        position: absolute;
        content: '';
        width: calc( 100% * 2 - 50px );
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
        right: calc(-100% + 25px);
        top: 0;
    }
    .items-clear-both-4 .item-count:nth-child(4n+1):not(:first-child)::after {
        background-color: rgba(0, 0, 0, 0.1);

    }
    .items-clear-both-3 .item-count:nth-child(2n+1):not(:first-child)::after {
        position: absolute;
        content: '';
        width: calc( 100% * 2 - 50px );
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
        right: calc(-100% + 25px);
        top: 0;
    }

}
@media (max-width: 767px) {
    .items-clear-both-3 .item-count:nth-child(3n+1):not(:first-child)::after {
        background-color: rgba(0, 0, 0, 0.1);
    }
}
/*responsive*/
@media (max-width: 1199px) {
    .atbssuga-post--grid-vertical-readmore-big .grid-gutter-50 .row--space-between,
    .atbssuga-post--grid-vertical-readmore-big .grid-gutter-50.row--space-between {
        margin-left: -15px;
        margin-right: -15px;
    }
    .atbssuga-post--grid-vertical-readmore-big .grid-gutter-50 .row--space-between > [class*="col-"],
    .atbssuga-post--grid-vertical-readmore-big .grid-gutter-50.row--space-between > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 1200px) {
    .post--vertical-readmore-big .post__thumb {
        height: 230px;
    }
    .post--vertical-readmore-big .post__text {
        padding-bottom: 15px;
    }
    .post--vertical-readmore-big .post__text .post__cat,
    .post--vertical-readmore-big .post__text-wrap .post__title {
        max-width: calc(100% - 100px);
    }
    .post--vertical-readmore-big .post__text-wrap .post__readmore {
        width: 80px;
    }
    .item-count:nth-child(2n+1):not(:first-child)::after {
        width: calc( 100% * 2 - 30px );
        right: calc(-100% + 15px);
    }
}

@media (max-width: 991px) {
    .post--vertical-readmore-big .post__thumb {
        height: 255px;
    }
    .post--vertical-readmore-big .post__text-wrap .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}

@media (max-width: 768px) {
    .post--vertical-readmore-big .post__text {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .post--vertical-readmore-big .post__thumb {
        height: 200px;
    }
    .post--vertical-readmore-big .post__text .post__cat,
    .post--vertical-readmore-big .post__text-wrap .post__title {
        max-width: 100%;
    }
}
@media (max-width: 576px) {
    /*post-line*/
    .item-count:nth-child(n) {
        position: relative;
    }
    .item-count:nth-child(n):not(:first-child)::after {
        position: absolute;
        content: '';
        width: 100vw;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
        top: 0;
        right: auto;
        left: 0;
    }
    /*post-space*/
    .atbssuga-post--grid-vertical-readmore-big .grid-gutter-50 .row--space-between > [class*="col-"],
    .atbssuga-post--grid-vertical-readmore-big .grid-gutter-50.row--space-between > [class*="col-"] {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .atbssuga-post--grid-vertical-readmore-big .grid-gutter-50 .row,
    .atbssuga-post--grid-vertical-readmore-big .grid-gutter-50.row {
        margin-top: -35px;
        margin-bottom: -35px;
    }
    /*post-item*/
    .post--vertical-readmore-big .post__thumb {
        height: 350px;
    }
}
@media (max-width: 480px) {
    .post--vertical-readmore-big .post__thumb {
        height: 300px;
    }
}
@media (max-width: 380px) {
    .post--vertical-readmore-big .post__thumb {
        height: 230px;
    }
    .post--vertical-readmore-big .post__text {
        margin-left: 0;
    }
}

@media(max-width: 1200px) and (min-width: 991px) {
    .post--vertical-readmore-small .post__text-wrap .post__title {
        max-width: 100%;
    }
    .post--vertical-readmore-big .post__text-wrap .post__title {
        max-width: 100%;
    }
    .post--vertical-readmore-small .post__text-wrap .post__readmore,
    .post--vertical-readmore-big .post__text-wrap .post__readmore {
        display: none;
    }
}
/** Listing Grid ---------------------- **/


/* -----------------------------------------------------------------
## Single Page
----------------------------------------------------------------- */
/*single header*/
.single .single-suga.site-content {
    padding-top: 0;
}
.single .related-posts .block-heading, .single .same-category-posts .block-heading {
    margin-bottom: 40px;
}
.single .related-posts .block-heading__title, .single .same-category-posts .block-heading__title {
    font-size: 20px;
}
.single .related-posts .block-heading.block-heading--lg .block-heading__title, .single .same-category-posts .block-heading.block-heading--lg .block-heading__title {
    font-size: 32px;
}
.single .atbssuga-block.single-header-wrap {
    margin-bottom: 60px;
}

.single .single-suga .single-header-wrap .single-entry-thumb {
    width: calc( 50% + ( 1170px/2 - 100px ) );
    height: 500px;
    float: right;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.single .suga-no-extension.single-suga .single-header-wrap .single-entry-thumb {
    width: calc( 50% + ( 1170px/2 ) );
}
.single .single-header-wrap .share-box-1 {
    width: 100px;
    margin-top: 70px;
    float: right;
    position: relative;
}
.single .single-header--top {
    padding-bottom: 40px;
}
.single .single-suga .single-header {
    position: absolute;
    left:  calc( 50% - ( 1170px/2 - 100px ) );
    bottom: 0;
    margin: 0;
    background-color: #fff;
    padding: 25px 70px 0 70px;
    max-width: 800px;
}
.single .suga-no-extension.single-suga .single-header {
    left:  calc( 50% - ( 1170px/2 ) );
}

@media(max-width: 1199px) {
    .single .suga-no-extension.single-suga .single-header-wrap .single-entry-thumb {
        width: calc( 50% + ( 940px/2 ) );
    }
    .single .suga-no-extension.single-suga .single-header {
        left:  calc( 50% - ( 940px/2 ) );
    }
    .single .atbssuga-block.single-header-wrap {
        margin-bottom: 50px;
    }
}
@media(max-width: 991px) {
    .single .suga-no-extension.single-suga .single-header-wrap .single-entry-thumb {
        width: calc( 50% + ( 720px/2 ) );
    }
    .single .suga-no-extension.single-suga .single-header {
        left:  calc( 50% - ( 720px/2 ) );
    }
}
@media(max-width: 767px) {
    .single .suga-no-extension.single-suga .single-header-wrap .single-entry-thumb {
        width: calc( 100% - 15px);
    }
    .single .suga-no-extension.single-suga .single-header {
        left:  15px;
    }
}
@media(max-width: 480px) {
    .single .suga-no-extension.single-suga .single-header {
        left:  0;
    }
    .single .suga-no-extension.single-suga .single-header-wrap .single-entry-thumb {
        width: 100%;
    }
}
.single .single-header .entry-cat {
    color: var(--color-logo);
    margin-bottom: 15px;
}
.single .single-header .entry-title {
    font-size: 35px;
    font-weight: bold;
    line-height: 1.3;
    max-width: 80%;
    margin-bottom: 20px;
}
.single .single-header  .entry-author__task {
    color: var(--color-excerpt);
    margin-left: 7px;
    font-weight: 300;
}
/*body post*/
.single .post--single {
    /*margin-left: 100px;*/
    /*margin-right: 50px;*/
    padding-right: 50px;
}
.single .single-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*slide share box*/
.single .single-content-left {
    width: 100px;
}
.single .social-share {
    margin-bottom: 0;
    margin-left: 18px;
}
.single .social-share-label {
    font-size: 15px;
    width: auto;
    font-weight: 300;
    color: var(--color-logo);
    position: relative;
    padding-right: 0;
    -webkit-transform: rotate(-90deg) translateY(0px) translateX(-20px);
    -ms-transform: rotate(-90deg) translateY(0px) translateX(-20px);
    transform: rotate(-90deg) translateY(0px) translateX(-20px);
    display: inline-block;
    position: relative;
    right: 71px;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    position: absolute;
    top: 80px;
}
.social-share-label.label-vertical-trl {
    opacity: 0;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: -3px;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    -webkit-transform: rotate(0) translate(0);
    -ms-transform: rotate(0) translate(0);
    transform: rotate(0) translate(0);
    position: relative;
    right:0;
    top:0;
}
.social-share-label-wrap {
    padding-top: 80px;
    position: relative;
}
.social-share-label-wrap::before {
    position: absolute;
    left: calc(50% - 10px);
    top: 20px;
    width: 1px;
    height: 60px;
    background-color: var(--color-logo);
    opacity: 0.2;
    content: "";
}
.social-share .social-list li:nth-child(n+2) {
    margin-top: 15px;
}
.social-share ul li a {
    border-radius: 100%;
    color: #909090;
    padding: 0;
}
.social-share-single-mobile {
    display: block;
    margin-bottom: 40px;
}

.social-share-single-mobile .social-share {
    margin-left:0;
}
.social-share-single-mobile .social-share ul li a svg {
    padding: 7px;
    height: 15px;
    width: 15px;
}

@media(min-width: 769px) {
    .social-share-single-mobile {
        display: none;
    }
}

.social-share-single-mobile .social-list li:nth-child(n+2) {
    margin-top:0;
}
.social-list > li > a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    padding: 0 0.4em;
    color: rgba(0, 0, 0, 0.6);
    line-height: 20px;
    -webkit-transition: all 0.15s ease-out 0s;
    -o-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}
.social-list--inverse>li>a {
    color: rgba(255, 255, 255, 0.8);
}
.social-share ul li a svg {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.social-share ul li a svg:hover {
    fill: #fff;
    background-color: var(--color-logo);
    border: 1px solid transparent;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.single-suga.single-17 .share-box-2 {
    visibility: hidden;
}
.social-share [class*="theme-bg"] {
    background: none;
}

/*post text - content*/
.single .single-content-right {
    width: calc( 100% - 100px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
    flex: 1;
}
.single .suga-no-extension .single-content-right {
    width: 100%;
}
.single .post--single .single-body {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    margin-top: 0;
}
.single-body p {
    font-size: 16px;
    line-height: 1.8;
}
.single .post--single .single-body p:last-child {
    margin-bottom: 0;
}
/* footer post*/
.single .single-footer .entry-tags ul {
    margin: 0;
}
.single .single-footer .entry-tags ul > li {
    margin: 5px 0;
    line-height: initial;
}
.single .single-footer .entry-tags ul > li:not(:last-child) {
    margin-right: 7px;
}
.single .single-footer .entry-tags ul > li > a {
    display: block;
    padding: 7.5px 19px;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    line-height: 1;
}
.single .entry-tags ul > li:not(.entry-tags__icon) > a::before {
    display: none;
}
.single .single-footer .entry-tags ul > li > a:hover {
    background-color: var(--color-logo);
    color: #fff;
}
.single .single-footer {
    margin-top: 50px;
}
.single .single-footer .comments-count , .single  .single-footer .view-count {
    font-size: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(34, 34, 34, 0.5);
    letter-spacing: 0.5px;
}
.single .single-footer [class*='-count']:not(:last-child) {
    margin-right: 10px;
}
.single .single-footer .comments-count i , .single  .single-footer .view-count i {
    font-size: 15px;
    margin-right: 8px;
}
@media (max-width: 576px) {
    .entry-interaction__right {
        display: none !important;
    }
}
/*post nav*/
.single .single-entry-wrap .posts-navigation  {
    padding-bottom: 0;
    position: relative;
}
.single .single-entry-wrap .posts-navigation::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 30px;
    width: 1px;
    height: calc( 100% - 30px );
    background-color: rgba(0, 0, 0, 0.1);
}
.single .posts-navigation__prev .posts-navigation__label,
.single .posts-navigation__next .posts-navigation__label {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: rgba(34, 34, 34, 0.5);
    padding: 0;
    font-size: 13px;
    z-index: 1;
    position: initial;
    margin-bottom: 20px;
}
.single .posts-navigation__prev .posts-navigation__label:hover,
.single .posts-navigation__next .posts-navigation__label:hover {
    color: var(--color-logo) ;
}
.single .posts-navigation__prev {
    padding-right: 15px;
}
.single .posts-navigation__next {
    padding-left: 15px;
}
.single .posts-navigation__prev .posts-navigation__label::before,
.single .posts-navigation__next .posts-navigation__label::before {
    display: none;
}
.single .posts-navigation .post--horizontal-sm .post__thumb {
    width: 100px;
    height: auto;
}
.single .posts-navigation .post__thumb {
    margin-right: 25px;
}
.single .posts-navigation .post--horizontal-reverse .post__thumb {
    margin-left: 25px;
    margin-right: 0;
}
.single .posts-navigation .post__title {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0;
}
/*author*/
.single .author-box {
    max-width: 460px;
    margin: 0 auto;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding:  0 30px;
}
.single .author-avatar {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 80px;
    height: 80px;
    left: 0;
}

.single .author-box .author-name {
    margin-bottom: 5px;
}
.single .author-box .entry-author__name {
    font-size: 16px;
    color: var(--color-primary);
    line-height: 1.53;
    font-weight: 600;
}
.single .author-box .author-bio {
    margin-top: 0;
    color: var(--color-text-0_6);
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.single .author-social  > li > a {
    font-size: 15px;
    color: var(--color-text-0_6);
}
/*margin left-right*/
/*left-right*/
.single .single-entry-wrap .posts-navigation {
    margin-left: 100px;
    margin-right: 50px;
}
.single .single-entry--no-sidebar .single-entry-wrap .posts-navigation {
    margin-right: 0 !important;
}
.single .suga-no-extension .single-entry-wrap .posts-navigation {
    margin-left: 0 !important;
}
.single .author-box {
    margin-left: 220px;
}
/*top*/
.posts-navigation.single-entry-section {
    margin-top: 35px;
}
.author-box.single-entry-section {
    margin-top: 55px;
}
.related-posts.single-entry-section, .same-category-posts.single-entry-section {
    margin-top: 70px;
}
@media (max-width: 768px) {
    .related-posts.single-entry-section, .same-category-posts.single-entry-section {
        margin-top: 60px;
    }
    .single .related-posts .block-heading, .single .same-category-posts .block-heading {
        margin-bottom: 30px;
    }
}

/* Comment */
.comments-section {
    padding-top: 60px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.atbssuga-block--fullwidth.has-background + .comments-section {
    border: 0;
}
.single .comments-title, .page .comments-title {
    padding-top: 0;
    border-top: none;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 45px;
    line-height: 1.2;
}
.single .comment-reply-title, .page .comment-reply-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.2;
}
.single .comments-title::before {
    display: none;
}
.comment-form .form-submit input[type="submit"] {
    color: #fff;
    border-radius: 40px;
    padding: 12px 25px;
    border: 1px solid var(--color-logo);
    font-size: 15px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: var(--color-logo);
}

@media (max-width: 768px) {
    .comment-form .form-submit input[type="submit"] {
        color: #fff;
        border-radius: 20px;
        padding: 8px 15px;
        font-size: 14px;
    }
}
.comments-section label {
    margin-bottom: 15px;
}
@media (min-width: 769px) {
    .single .author-box__text {
        padding-left: 70px;
    }
}
@media (max-width: 1200px) {
    /*header single top*/
    .single .single-suga .single-header-wrap .single-entry-thumb {
        width: calc( 50% + ( 970px/2 - 115px ) );
        height: 415px;
    }
    .single .single-suga .single-header {
        left:  calc( 50% - ( 970px/2 - 115px ) );
        padding: 25px 20px 0 70px;
        max-width: 595px;
    }
    .single .single-header .entry-title {
        /*font-size: 20px;*/
        font-size: 30px;
        line-height: 1.4;
        max-width: 90%;
    }
    .single .author-box {
        margin-left: 120px;
    }

    .single-layout-3 .single-header .entry-title {
        font-size: 26px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    /*header single top*/
    .single .single-suga .single-header-wrap .single-entry-thumb {
        width: calc( 50% + ( 750px/2 - 115px ) );
        height: 350px;
    }
    .single .single-suga .single-header {
        left: calc( 50% - ( 750px/2 - 115px ) );
        padding: 25px 15px 0 45px;
        max-width: 525px;
    }
    .single .single-header .entry-title {
        font-size: 28px;
        line-height: 1.4;
    }
    /* body*/
    .single .post--single {
        padding-right: 0;
    }
    .single .post--single, .single .posts-navigation {
        margin-right: 0;
    }
    .share-box-1 {
        display: none;
    }
    .single .single-footer {
        margin-top: 40px;
    }
}
@media (max-width: 768px) {
    /*single header top*/
    .single .single-suga .single-header-wrap .single-entry-thumb {
        width: calc( 100% - 15px );
        height: 315px;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }

    .single .single-suga .single-header {
        left:  100px;
        max-width: 70%;
    }
    .single .single-header-wrap .single-header {
        left: 15px;
    }
    .single .single-header .entry-title {
        font-size: 26px;
        /*font-size: 1.45rem;*/
    }
    /*single body*/
    .single .post--single .share-box-2 {
        display: none;
    }
    .single .single-content-right {
        width: 100%;
    }
    .single .single-entry-wrap .posts-navigation {
        margin-left: 0;
        margin-right: 0;
    }
    .single .author-box {
        padding: 0 30px;
        margin-left: auto;
        margin-right:  auto;
    }
    .author-box .author-avatar {
        margin: 0 auto 20px;
    }
}
@media (max-width: 767px) {
    .single .author-box__text {
        padding-left: 0;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    .single .single-entry-wrap .posts-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .single .posts-navigation__prev,.single .posts-navigation__next {
        width: 50%;
        margin-bottom: 0;
    }
    .single .posts-navigation .post__thumb {
        margin-bottom: 0;
    }
    /*author*/
    .single .author-box {
        padding: 0 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .single .author-avatar {
        margin-right: 20px;
        margin-bottom: 0;
    }
    .single .author-box__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }
}
@media (max-width: 576px) {
    /*header top*/
    .single .single-suga .single-header {
        max-width: 80%;
    }
    .single-entry-thumb, .single-entry-featured-media {
        margin-bottom: 35px;
    }
    .single .single-header-wrap .single-entry-thumb {
        height: 290px;
    }
    .single .single-header .entry-title {
        max-width: 100%;
        font-size: 24px;
    }
    .single .posts-navigation::before {
        display: none;
    }
    .single .posts-navigation__prev {
        padding-right: 0;
    }
    .posts-navigation__prev:not(:only-child) {
        margin-bottom: 25px;
    }
    .single .posts-navigation__next {
        padding-left: 0;
    }

    .single .posts-navigation .post--horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .single .posts-navigation .post--horizontal-middle.post--horizontal-reverse {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media (max-width: 480px) {
    .single .single-header--top {
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    .single .single-suga .single-header {
        max-width: 100%;
        position: initial;
        padding: 0;
        margin-left: 15px;
    }
    .single .single-suga .single-header {
        max-width: 100%;
        position: initial;
        padding: 0;
        margin-left: 15px;
        margin-right: 15px;
    }
    .single .single-suga .single-header-wrap .single-entry-thumb {
        width: 100%;
        height: 220px;
        margin-right: -15px;
    }
    .single .single-header-wrap .single-entry-thumb {
        width: 100%;
        height: 220px;
        margin-right: -15px;
    }
    .single .single-header .entry-cat {
        margin-bottom: 10px;
    }
    .single .single-header .entry-title {
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 1.4;
    }
}
@media (max-width: 420px) {
    .single .single-header-wrap .single-entry-thumb {
        height: 200px;
    }
}
@media (max-width: 380px) {
    .single .single-header-wrap .single-entry-thumb {
        height: 180px;
    }
}

/*update wp single*/
.single .single-header .post__meta:not(.post__meta--box)>*:not(:last-child), .post__meta-left:not(.entry-meta--box)>*:not(:last-child), .post__meta-right:not(.entry-meta--box)>*:not(:last-child), .entry-meta:not(.entry-meta--box)>*:not(:last-child) {
    margin-right: 20px;
}
.single .single-entry--no-sidebar .post--single {
    padding-right: 0;
}
.single .single-entry--no-sidebar .single-header {
    text-align: center;
}
.single .single-entry--no-sidebar .single-header .entry-title {
    max-width: 100%;
}
.single .single-entry--no-sidebar .post--single {
    margin-bottom: 60px;
}
.single-layout .single-header {
    padding-bottom: 30px;
    border-bottom: 1px dashed #e8e8e8;
    margin-bottom: 40px;
}
.single-layout .single-header .entry-title {
    max-width: 100%;
}
.single-layout .single-header--has-background.single-header {
    border: 1px solid #f2f2f2;
    padding: 40px 0;
}
.single-layout .single-header--has-background.single-header .single-header__inner {
    padding-top: 0;
    padding-bottom: 0;
}
.single .atbssuga-block {
    margin-bottom: 55px;
}
.single .atbssuga-block.has-background {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .single .atbssuga-block {
        margin-bottom: 40px;
    }
    .single .atbssuga-block.has-background {
        margin-bottom: 0;
    }
    .single .atbssuga-block.single-header-wrap {
        margin-bottom: 40px;
    }
}
@media (max-width: 576px) {
    .single .atbssuga-block.single-header-wrap {
        margin-bottom: 35px;
    }
}
.single .atbssuga-block:last-child {
    margin-bottom: 0;
}
/** Author -page **/
.author-box.author-page {
    text-align: center;
    padding: 40px 50px;
    background-color: #fff;
}
.author-box.author-page .author__name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.author-box.author-page .author__name a {
    color: #222;
}
.author-box.author-page .author__avatar img {
    width: 150px;
    height: 150px;
    border-radius:  50%;
}
.author-box .author__bio {
    margin-top: 25px;
    color: #888;
    font-size: 1.2429rem;
}
.author-box.author-page .author__social {
    margin-top: 25px;
}
.author-box.author-page .social-list > li > a {
    color: #888;
}
.author-box.author-page .social-list > li > a:hover {
    opacity: 0.8;
}
.author-box.author-page .flickity-prev-next-button {
    opacity: 1;
    background: transparent;
}

/* ---------------------- Suga feature A */
.atbssuga-featured-slider-3-layout .post-feature--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.post-feature-slide-small {
    position: relative;
    width: 470px;
}
/*feature right*/
.post-feature--horizontal-has-background {
    width: calc(100% - 470px);
    margin-top: -70px;
}
.post--horizontal-text-background {
    background-color: #fff;
}
.post--horizontal-text-background .post__thumb {
    margin-right: 40px;
}
.post--horizontal-text-background .post__text {
    padding: 15px 30px 15px 0px;
}
.post--horizontal-text-background .post__title {
    margin-bottom: 20px;
}
.post--horizontal-text-background .post__excerpt {
    margin-bottom: 15px;
}
.post--horizontal-text-background .post__readmore .readmore__text {
    float: none;
    color: var(--color-logo);
}
/*feauture left*/
.atbssuga-featured-slider-3-layout .list-slide-item {
    position: relative;
}
.post-slide--nothumb {
    background-color: var(--color-logo);
}
.post-slide--nothumb .post__text {
    /*min-height: 290px;*/
    /*max-height: 290px;*/
    height: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 90px;
}
.post-slide--nothumb .post__text-inner {
    padding: 20px 60px 45px 60px;
    margin-bottom: 45px;
}
.post-slide--nothumb .post__title {
    color: #fff;
}
.atbssuga-featured-slider-3-layout .post-slide--nothumb .post__cat.cat-theme {
    color: #fff !important;
}
.post-slide--nothumb .post__title {
    font-size: 22px;
    line-height: 1.44;
    font-weight: 500;
}
.post-feature-slide-small .atbssuga-carousel-nav-custom-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 60px;
    bottom: 40px;
    z-index: 1;
}
.post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-prev,
.post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-next {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-prev:hover,
.post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-next:hover {
    width: 45px;
    height: 45px;
    background-color: #fff;
    color: var(--color-logo);
}
.post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-prev i,
.post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-next i {
    font-size: 12px;
}
/*owl-number*/
.post-feature-slide-small .owl-number {
    margin: 0 20px;
    color: #fff;
    font-size: 16px;
}
/*owl-dot*/
.post-feature-slide-small .atbssuga-carousel .owl-dots {
    display: none;
}
/*item-1*/
.post--overlay-fullwidth .background-img::after {
    background-color: #000;
    opacity: 0.2;
}
.post--overlay-height-500.post--overlay .post__text {
    min-height: 540px;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
}
.post--overlay-fullwidth .post__text-inner {
    padding: 0;
    max-width: 400px;
}
.post--overlay-fullwidth .post__title {
    font-size: 40px;
    line-height: 1.3;
    font-weight: bold;
    color: var(--color-white);
    margin-bottom: 25px;
}
.post--overlay-fullwidth .post__excerpt {
    font-size: 16px;
    line-height: 1.65;
    color: var(--color-white);
    margin-bottom: 0;
    max-width: 386px;
}

@media (max-width: 1199px) {
    /*feature top*/
    .post--overlay-height-500.post--overlay .post__text {
        max-width: 940px;
    }
    .post--overlay-height-500.post--overlay .post__title {
        font-size: 32px;
    }
    /*feature right*/

    .post-feature--horizontal-has-background {
        margin-top: -50px;
        width: calc(100% - 340px);
    }
    .post--horizontal-text-background .post__thumb {
        width: 280px;
        height: 300px;
        margin-right: 30px;
        align-self: flex-start;
    }
    /*feature left*/
    .post-feature-slide-small {
        position: relative;
        width: 340px;
    }
    .post-slide--nothumb .post__text {
        min-height: 250px;
        height: 250px;
        padding-bottom: 80px;
    }
    .post-slide--nothumb .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .post-slide--nothumb .post__text-inner {
        padding: 30px;
    }
    /*nav*/
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder {
        left: 30px;
        bottom: 25px;
    }
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-prev,
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-next {
        width: 35px;
        height: 35px;
    }
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-prev i,
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-next i {
        font-size: 15px;
    }
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-prev:hover,
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-next:hover {
        width: 35px;
        height: 35px;
    }
}
@media (max-width: 991px) {
    .post-feature--horizontal-has-background {
        margin-top: 0;
    }
    /*feature top*/
    .post--overlay-height-500.post--overlay .post__title {
        font-size: 28px;
    }
    .post--overlay-height-500.post--overlay .post__text {
        min-height: 400px;
        max-width: 720px;
    }
    /*feature left*/
    .post-feature-slide-small {
        width: 100%;
    }
    .post-slide--nothumb .post__text {
        height: auto;
        min-height: 210px;
        padding-bottom: 0;
    }
    .post-slide--nothumb .post__text-inner {
        text-align: center;
        margin: 0 auto;
    }
    .post-slide--nothumb .post__title {
        max-width: 70%;
        margin: 0 auto;
        font-size: 22px;
        line-height: 1.4;
        font-weight: 600;
    }
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder {
        right: 30px;
        left: 30px;
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: auto;
    }
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-number {
        display: none;
    }
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-prev,
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-next {
        width: 30px;
        height: 30px;
    }
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-prev i,
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-next i {
        font-size: 12px;
    }
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-prev:hover,
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder .owl-next:hover {
        width: 30px;
        height: 30px;
    }
    /*feature right*/
    .post-feature--horizontal-has-background {
        width: 100%;
    }
    .post--horizontal-text-background .post__thumb {
        width: 50%;
    }
    .post--horizontal-text-background .post__title {
        font-size: 22px;
        line-height: 1.4;
        font-weight: 600;
    }
    .suga-feature-a .post--horizontal-text-background .readmore__text {
        padding: 0;
        justify-content: flex-start;
    }
}
@media (max-width: 768px) {
    .atbssuga-featured-slider-3-layout .post-feature--wrap {
        margin: 0 -15px;
    }
    /*item-1*/
    .post--overlay-height-500.post--overlay .post__text {
        min-height: 350px;
        max-width: 100%;
        margin: 0 15px;
    }
    .post--overlay-height-500.post--overlay .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
    /*right*/
    .post--horizontal-text-background .post__thumb {
        width: 230px;
        height: 265px;
        margin-right: 50px;
    }
    .post--horizontal-text-background .post__cat,
    .post--horizontal-text-background .post__excerpt {
        display: block;
    }
    .post--horizontal-text-background .post__title {
        margin-bottom: 15px;
    }
    .post--horizontal-text-background .post__excerpt {
        margin-bottom: 0;
    }
}
@media (max-width: 576px) {
    /*right*/
    .post--horizontal-text-background .post__thumb {
        width: 45%;
        height: 235px;
        margin-right: 30px;
    }
    .post--horizontal-text-background .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    /**/
    .post-slide--nothumb .post__text {
        min-height: 190px;
    }
    .post-slide--nothumb .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    .post-feature-top--overlay,
    .post-feature--horizontal-has-background {
        margin-bottom: 30px;
    }
    .post--horizontal-text-background.post--horizontal-middle.post--horizontal-xs {
        display: block;
    }
    .post--horizontal-text-background .post__thumb {
        width: 100%;
        margin-bottom: 20px;
    }
    .post--horizontal-text-background .post__text {
        padding: 0 15px;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 100%;
    }
    .post--overlay-height-500.post--overlay .post__text {
        width: 100%;
        margin: 0;
    }
    .post--overlay-height-500.post--overlay .post__text .post__text-inner {
        width: 100%;
        padding: 0 15px;
    }
    .post--overlay-height-500.post--overlay .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
@media (max-width: 380px) {
    .post-slide--nothumb .post__text-inner {
        text-align: left;
    }
    .post-slide--nothumb .post__title {
        margin: initial;
        max-width: 80%;
    }
    .post-feature-slide-small .atbssuga-carousel-nav-custom-holder {
        display: none;
    }
    .post-feature-slide-small .atbssuga-carousel .owl-dots {
        display: block;
        position: absolute;
        padding: 0;
        bottom: 15px;
        left: 30px;
    }
    .post-feature-slide-small .atbssuga-carousel .owl-dot span {
        border-radius: 50%;
    }
    .post-feature-slide-small .atbssuga-carousel .owl-dot {
        padding: 5px;
    }
    .post--overlay-height-500.post--overlay .post__title {
        font-size: 22px;
    }
}

@media(min-width:992px), (max-width: 991px) and (min-width: 576px) {
    .post-feature-slide-small {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .post-feature--horizontal-has-background {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media( min-width: 481px) {
    .suga-feature-a .post-feature--horizontal-has-background .post--horizontal.post--horizontal-text-background .post__thumb {
        margin-bottom: 0;
    }
}
@media (max-width: 991px) {
    .suga-feature-a .post-grid-video-space-between .post__meta {
        margin-top: 15px;
    }
}
@media( max-width: 480px) {
    /*.suga-feature-a .post-feature--horizontal-has-background,.suga-feature-a .post-feature-top--overlay {*/
    /*    margin-bottom: 35px;*/
    /*}*/
    /*.suga-feature-a .post-feature--horizontal-has-background .post--horizontal.post--horizontal-text-background .post__title {*/
    /*    font-size: 18px;*/
    /*}*/
}
@media( max-width: 380px) {
    .post-slide--nothumb .post__text-inner {
        padding-bottom: 55px;
    }
    .suga-feature-a .post-slide--nothumb .post__title {
        max-width: 100%;
        font-size: 18px;
    }

    .suga-feature-a .post-feature-slide-small .owl-dot span {
        background: rgba(225, 225, 225, 0.4);
    }
    .suga-feature-a .post-feature-slide-small .owl-dot.active span {
        background: #fff;
    }
}
.suga-feature-a .post-grid-video-space-between .post__text {
    padding: 0;
}
.suga-feature-a .post-grid-video-space-between .post__text .post__text-inner {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);

}
@media(max-width: 768px) {
    .suga-feature-a .post-grid-video-space-between .post__text {
        padding-right: 15px;
    }
}

.suga-feature-a .post-feature--horizontal-has-background .post--horizontal-text-background .post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

@media(min-width: 1200px) {
    .suga-feature-a .post-feature--horizontal-has-background .post--horizontal-text-background .post__title {
        font-weight: 600;
        font-size: 22px;
    }
}
.suga-feature-a .post-grid-video-space-between .excerpt,
.suga-feature-a .post-feature--horizontal-has-background .post--horizontal-text-background .excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.suga-grid-n .post-grid-video-space-between .mdicon-filter, 
.suga-feature-a .post-feature-top--overlay .mdicon-filter {
    padding: 0.7em 0.4em 0.7em 0.8em;
    color: #fff;
    z-index: 1;
}
.suga-grid-n .post-grid-video-space-between .mdicon-filter + span, 
.suga-feature-a .post-feature-top--overlay .mdicon-filter + span {
    color: #fff;
    margin-right: 10px;
    z-index: 1;
}
.suga-grid-n .post-grid-video-space-between .mdicon-filter::before,
.suga-feature-a .post-feature-top--overlay .mdicon-filter::before {
    margin-right: 2px;
    color: #fff;
}
.suga-grid-n .post-grid-video-space-between .mdicon-filter::after,
.suga-feature-a .post-feature-top--overlay .mdicon-filter::after {
    content:"";
    position: absolute;
    width: calc(100% + 20px);
    left: 0;
    top:0;
    height: 100%;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    z-index: -1;
}
.suga-grid-n .post-grid-video-space-between .mdicon-filter ,
.suga-feature-a .post-feature-top--overlay .mdicon-filter {
    position: relative;
}

.suga-grid-n .post-grid-video-space-between .post__text-inner + div {
    z-index: 1;
}
/* Suga feature A ---------------------- */
/* Suga feature B ---------------------- */

.container-lg-custom {
    padding: 0 15px;
    width: 100%;
    margin: auto;
}
@media (max-width: 1200px) {
    .container-lg-custom {
        width: 970px;
    }
}
@media (max-width: 991px) {
    .container-lg-custom {
        width: 750px;
    }
}
@media (max-width: 768px) {
    .container-lg-custom {
        width: 100%;
    }
}
.suga-owl-background {
    background-color: var(--color-logo);
    width: 1170px;
    height: 355px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.post-grid-3i-has-slider-fullwidth-a {
    position: relative;
    padding: 0;
}
.post-grid-3i-has-slider-fullwidth-a::before {
    content: '';
    width: calc(50% - 585px);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 2;
}
.post-grid-3i-has-slider-fullwidth-a .post__fullwidth-text-center {
    width: calc(1170px - 125px*2);
}
/*color*/
.carousel_1i_stage_padding .post__fullwidth-text-center .post__cat.cat-theme {
    color: #fff !important;
}
.post__fullwidth-text-center .post__cat,
.post__fullwidth-text-center .post__title,
.post__fullwidth-text-center .post__excerpt {
    color: #fff;
}
.post__fullwidth-text-center .post__text {
    max-width: 895px;
}
/*only slider*/
.post-grid-3i-has-slider-fullwidth-a .owl-carousel {
    margin-bottom: -50px;
}
.post-grid-3i-has-slider-fullwidth-a .owl-item .post {
    padding-bottom: 50px;
}
.post-grid-3i-has-slider-fullwidth-a .owl-item.cloned .post__text {
    opacity: 0;
}
.post-grid-3i-has-slider-fullwidth-a .owl-item.cloned .post__thumb,
.post-grid-3i-has-slider-fullwidth-a .owl-item .post__thumb {
    opacity: 0;
}
.post-grid-3i-has-slider-fullwidth-a .owl-item .post__text {
    opacity: 0;
}
.post-grid-3i-has-slider-fullwidth-a .owl-item.active .post__text {
    opacity: 0;
}
.post-grid-3i-has-slider-fullwidth-a .owl-iteme.center .post__text {
    opacity: 0;
}
.post-grid-3i-has-slider-fullwidth-a .owl-item.center .post__text {
    opacity: 0;
    -webkit-animation: FadeIn 0.3s forwards 0.3s;
    animation: FadeIn 0.3s forwards 0.3s;
}
.post-grid-3i-has-slider-fullwidth-a .owl-item.center .post__thumb,
.post-grid-3i-has-slider-fullwidth-a .owl-item.active .post__thumb {
    opacity: 1;
    position: relative;
}
.post-grid-3i-has-slider-fullwidth-a .owl-item.center .post__thumb::before {
    content: '';
    position: absolute;
    width: 80%;
    height: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0px 20px 39px  rgba(19,  19,  19,  0.13);
    box-shadow: 0px 20px 39px  rgba(19,  19,  19,  0.13);
}
.post-grid-3i-has-slider-fullwidth-a .owl-item.center.active .post__thumb,
.post-grid-3i-has-slider-fullwidth-a .owl-item.center .post__thumb {
    opacity: 1;
}
/*---thumb---*/
.post__fullwidth-text-center .post__thumb {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    /*margin-left: calc( 50% - 585px + 65px);*/
    margin-top: -100px;
    /*z-index: 1;*/
}
.post__fullwidth-text-center .post__thumb .background-img {
    border-radius: 10px;
    overflow: hidden;
}
/*---text---*/
.post__fullwidth-text-center.post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.post__fullwidth-text-center .post__text {
    width: 1170px;
    margin: 0 auto;
    min-height: 355px;
    padding: 45px 100px 0 100px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.suga-feature-b .post-grid-3i-has-slider-fullwidth-a .post__fullwidth-text-center .post__text .post__title {
    width: 450px;
    float: left;
}
.suga-feature-b .post-grid-3i-has-slider-fullwidth-a .post__fullwidth-text-center .post__text .post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
@media(max-width: 991px) {
    .suga-feature-b .post-grid-3i-has-slider-fullwidth-a .post__fullwidth-text-center .post__text .post__title {
        width: 100%;
        float: none;
    }
}
.post__fullwidth-text-center .post__text-inner {
    /*padding: 0 240px;*/
    padding: 0 0 20px 0;
}
.post__fullwidth-text-center .post__cat {
    /*opacity: 0;*/
    /*padding: 0 240px;*/
    margin-bottom: 10px;
}
.post__fullwidth-text-center .post__title {
    font-size: 26px;
    line-height: 1.4;
    padding-right: 105px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.post__fullwidth-text-center .post__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
/*---owl nav---*/
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-prev,
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-next {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: none;
    color: var(--color-logo);
    background-color: #fff;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
}
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-prev i,
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-next i {
    font-size: 15px;
}
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder {
    position: absolute;
    top: 105px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    z-index: 1;
}
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .carousel-nav-wrap {
    display: block;
    width: 1170px;
    margin: 0 auto;
    padding: 0 60px;
    position: relative;
}
/*prev*/
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-prev {
    /*left: 60px;*/
    left: calc( 50% - 585px + 60px);
}
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-next {
    right: calc( 50% - 585px + 60px);
}
/*---owl-dots*/
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel .owl-dots {
    display: none;
}
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel .owl-dot {
    padding: 5px;
}
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel .owl-dot span {
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    opacity: 0.7;

}
.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel .owl-dot.active span {
    /*background-color: transparent;*/
    opacity: 1;
    border: 1px solid #fff;
    position: relative;
    width: 12px;
    height: 12px;
}
/*.post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel .owl-dot.active span::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 50%;*/
/*    height: 50%;*/
/*    background-color: #fff;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%,-50%);*/
/*    display: block;*/
/*    border-radius: 50%;*/
/*}*/
@-webkit-keyframes FadeIn {
    0% {
        opacity: 0;
        -o-transition: opacity ease-in-out 0.1s;
        transition: opacity ease-in-out 0.1s;
        -webkit-transition: opacity ease-in-out 0.1s;
    }
    100% {
        opacity: 1;
        -o-transition: opacity ease-in-out 0.1s;
        transition: opacity ease-in-out 0.1s;
        -webkit-transition: opacity ease-in-out 0.1s;
    }
}
@keyframes FadeIn {
    0% {
        opacity: 0;
        -o-transition: opacity ease-in-out 0.1s;
        transition: opacity ease-in-out 0.1s;
        -webkit-transition: opacity ease-in-out 0.1s;
    }
    100% {
        opacity: 1;
        -o-transition: opacity ease-in-out 0.1s;
        transition: opacity ease-in-out 0.1s;
        -webkit-transition: opacity ease-in-out 0.1s;
    }
}
@-webkit-keyframes FadeInHeight {
    0% {
        opacity: 0;
        max-height: 0;
    }
    100% {
        opacity: 1;
        max-height: 100%;
    }
}
@keyframes FadeInHeight {
    0% {
        opacity: 0;
        max-height: 0;
    }
    100% {
        opacity: 1;
        max-height: 100%;
    }
}
@-webkit-keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}
@keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}
@-webkit-keyframes scale-in-top {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1;
    }
}
@keyframes scale-in-top {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        opacity: 1;
    }
}

@media (max-width: 1600px) {
    .post__fullwidth-text-center .post__text {
        /*padding: 45px 0 0 0;*/
    }
}

@media (max-width: 1200px) {
    .suga-owl-background {
        max-width: 940px;
    }
    .post__fullwidth-text-center .post__text {
        padding: 45px 60px 140px 60px;
    }
    .post__fullwidth-text-center .post__thumb {
        max-width: 90%;
        margin: -100px auto 0 auto;
        height: 350px;
    }
    .post-grid-3i-has-slider-fullwidth-a .post__fullwidth-text-center {
        width: 940px;
    }
    /*owl-nav*/
    .post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-prev,
    .post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-next {
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    }
    .post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-prev {
        left: -7px;
    }
    .post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-next {
        right: -7px;
    }
    .post__fullwidth-text-center .post__text {
        max-width: 870px;
    }
}
@media (max-width: 991px) {
    .post-grid-3i-has-slider-fullwidth-a .post__fullwidth-text-center {
        width: 720px;
    }
    .post-grid-3i-has-slider-fullwidth-a.atbssuga-block-sub:not(:last-child) {
        margin-bottom: 30px;
    }
    .post__fullwidth-text-center .post__text {
        text-align: center;
        padding: 60px 60px 160px 60px;
    }
    .post__fullwidth-text-center .post__title {
        max-width: 80%;
        font-size: 26px;
        line-height: 1.4;
        padding-right: 0;
        width: 100%;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        margin: 0 auto;
    }
    .post__fullwidth-text-center .post__text-inner {
        padding: 10px 0 0 0;
    }
    .suga-owl-background, .post__fullwidth-text-center .post__text {
        height: auto;
        min-height: 320px;
    }
    .post__fullwidth-text-center .post__title {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .post-grid-3i-has-slider-fullwidth-a .post__fullwidth-text-center {
        width: calc(100vw - 30px);
    }
    .suga-owl-background, .post__fullwidth-text-center .post__text {
        height: auto;
        min-height: 290px;
    }
    .post__fullwidth-text-center .post__text-inner {
        padding: 0;
    }
    .post__fullwidth-text-center .post__text {
        max-width: 400px;
        padding: 45px 0 155px 0;
        margin: 0 auto;
        text-align: center;
    }
    .post__fullwidth-text-center .post__cat {
        margin-bottom: 13px;
    }
    .post__fullwidth-text-center .post__title {
        margin-bottom: 0;
        max-width: 100%;
        padding-right: 0;
    }
    .post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-prev {
        left: 15px;
    }
    .post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder .owl-next {
        right: 15px;
    }
}
@media (max-width: 576px) {
    .post-grid-3i-has-slider-fullwidth .atbssuga-block-sub:not(:last-child) {
        margin-bottom: 20px;
    }
    .post__fullwidth-text-center .post__thumb {
        height: 275px;
        max-width: 100%;
    }
    .post__fullwidth-text-center .post__text {
        max-width: 70%;
        margin: 0 auto;
        padding: 35px 0 140px 0;
        min-height: 260px;
    }
    .post__fullwidth-text-center .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    /*owl nav*/
    .post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel-nav-custom-holder {
        display: none;
    }
    /*owl dot*/
    .post-grid-3i-has-slider-fullwidth-a .atbssuga-carousel .owl-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        bottom: 60px;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        padding: 0;
    }


    .post-grid-3i-has-slider-fullwidth-a .owl-item:not(.center) .post__thumb {
        opacity: 0 !important;
    }
}
@media (max-width: 480px) {
    .post__fullwidth-text-center .post__title {
        font-size: 20px;
    }
    .post__fullwidth-text-center .post__thumb {
        height: 260px;
    }
    .post__fullwidth-text-center .post__thumb .background-img {
        border-radius: 5px;
    }
    .suga-owl-background, .post__fullwidth-text-center .post__text {
        min-height: 270px;
    }


}
@media (max-width: 420px) {
    .post__fullwidth-text-center .post__text {
        max-width: 100%;
    }
    .post__fullwidth-text-center .post__title {
        font-size: 18px;
    }
}
@media (max-width: 380px) {
    .suga-owl-background, .post__fullwidth-text-center .post__text {
        min-height: 255px;
    }
    .post__fullwidth-text-center .post__text {
        max-width: 300px;
        padding: 45px 0 130px 0;
    }
    .post__fullwidth-text-center .post__thumb {
        margin: -85px auto 0 auto;
        height: 220px;
    }
}
/*list post horizontal xs */
.post-grid-3i-has-slider-fullwidth-b .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -35px;
}
.post-grid-3i-has-slider-fullwidth-b .list-item {
    width: calc( 100% / 3);
    padding: 0 35px;
}
.post-grid-3i-has-slider-fullwidth-b .post__thumb {
    margin-right: 25px;
}
.post-grid-3i-has-slider-fullwidth-b .post__cat {
    /*font-size: 16px;*/
}
@media (max-width: 1200px) {
    .post-grid-3i-has-slider-fullwidth-b .post-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
    .post-grid-3i-has-slider-fullwidth-b .list-item {
        width: calc( 100% / 3);
        padding: 0 15px;
    }
}
@media (max-width: 991px) {
    .post-grid-3i-has-slider-fullwidth-b .post-list {
        width: 70%;
        margin: 0 auto;
    }
    .post-grid-3i-has-slider-fullwidth-b .list-item {
        width: 100%;
        padding: 0;
    }
    .post-grid-3i-has-slider-fullwidth-b .list-item:not(:last-child) {
        margin-bottom: 25px;
    }
    .post-grid-3i-has-slider-fullwidth-b .post--horizontal-xxs .post__cat {
        margin-bottom: 10px;
    }
}
@media (max-width: 768px) {
    .post-grid-3i-has-slider-fullwidth-b .post--horizontal-xxs .post__cat {
        display: block;
    }
}
@media (max-width: 576px) {
    .post-grid-3i-has-slider-fullwidth-b .post-list {
        width: 80%;
    }
}
@media (max-width: 420px) {
    .post-grid-3i-has-slider-fullwidth-b .post-list {
        width: 90%;
    }
}
/* ---------------------- Suga feature B */

/* ---------------------- Suga Grid K */

.posts--vertical-first-big .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.posts--vertical-first-big .list-item {
    padding: 0 15px;
}

.posts--vertical-first-big .list-item:not(:first-child) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.post--vertical-of-post-first-big .post__title {
    font-weight: 500;
    max-width: 400px;
    line-height: 1.4;
    margin-bottom: 18px;
}
.post--vertical-of-post-first-big .post__title:last-child {
    margin-bottom: 0;
}
.posts--vertical-first-big .list-item:not(:first-child) .post--vertical-of-post-first-big .post__text {
    padding-left: 20px;
}
@media (max-width: 1199px) {
    /*post-first*/
    .post--vertical-first-big .post__title {
        max-width: 70%;
    }
    .post--vertical-of-post-first-big.post__thumb-width-570 .post__thumb {
        width: 400px;
    }
    .post--vertical-of-post-first-big .post__thumb {
        height: 280px;
    }
    .post--vertical-of-post-first-big .post__title {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    /*post-first*/
    .post--vertical-first-big .post__title {
        max-width: 100%;
    }
    .posts--vertical-first-big .list-item,
    .posts--vertical-first-big .list-item:first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .post--vertical-of-post-first-big.post__thumb-width-570 .post__thumb {
        width: 100%;
    }
    .post--vertical-of-post-first-big .post__thumb {
        height: 240px;
        margin-bottom: 15px;
    }
    .post--vertical-of-post-first-big .post__title {
        font-size: 16px;
    }

}
@media (max-width: 991px) {
    .posts--vertical-first-big .list-item:first-child .post--vertical-of-post-first-big .post__text {
        padding: 0;
        margin-left: 0;
    }
    .posts--vertical-first-big .list-item:not(:first-child) .post--vertical-of-post-first-big .post__text {
        padding-left: 0;
    }
    .posts--vertical-first-big .list-item:first-child .post--vertical-readmore-big .post__text-wrap .post__readmore {
        display: none;
    }
    .posts--vertical-first-big .list-item:first-child .post--vertical-readmore-big .post__text-wrap .post__title {
        max-width: 100%;
    }
}
@media (max-width: 991px) and (min-width: 576px) {
    .posts--vertical-first-big .list-item:first-child .post--vertical-readmore-big .post__text-wrap .post__title {
        max-width: 100%;
        font-size: 16px;
    }
}

@media (max-width: 680px) {
    .posts--vertical-first-big .list-item:first-child {
        margin-bottom: 30px;
    }
    .posts--vertical-first-big .list-item:first-child .post__title {
        font-size: 20px;
        line-height: 1.4;
    }

    .posts--vertical-first-big .list-item .post__thumb, .posts--vertical-first-big .list-item:first-child .post__thumb {
        height: 270px;
    }
}
@media (max-width: 576px) {
    .posts--vertical-first-big .list-item, .posts--vertical-first-big .list-item:first-child {
        width: 100%;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }
    .posts--vertical-first-big .list-item:not(:first-child), .posts--vertical-first-big .list-item:first-child {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }
    .posts--vertical-first-big .list-item:not(:last-child) {
        margin-bottom: 30px
    }
    .posts--vertical-first-big .list-item .post__thumb, .posts--vertical-first-big .list-item:first-child .post__thumb {
        height: 300px;
    }
    .posts--vertical-first-big .list-item .post__title {
        font-size: 20px;
        line-height: 1.4;
    }

    .post--vertical-of-post-first-big .post__title {
        max-width: 100%;
    }
}
@media (max-width: 480px) {
    .posts--vertical-first-big .list-item .post__thumb, .posts--vertical-first-big .list-item:first-child .post__thumb {
        height: 270px;
    }
}
@media (max-width: 420px) {
    .posts--vertical-first-big .list-item .post__thumb, .posts--vertical-first-big .list-item:first-child .post__thumb {
        height: 250px;
    }
}
@media (max-width: 380px) {
    .posts--vertical-first-big .list-item .post__thumb, .posts--vertical-first-big .list-item:first-child .post__thumb {
        height: 220px;
    }
}
/* fix wp*/
.atbssuga-suga-grid-k .post-list .list-item:first-child {
    width: 570px;
}
@media(max-width: 1199px) {
    .atbssuga-suga-grid-k .post-list .list-item:first-child {
        width: 400px;
    }
}
@media(max-width: 991px) {
    .atbssuga-suga-grid-k .post-list .list-item:first-child {
        width: 100%;
    }
}
.atbssuga-suga-grid-k .post--vertical-first-big .post__text {
    max-width: 420px;
}
/* Suga Grid K ---------------------- */
/* ---------------------- Suga Grid L */
/*==========================Layout=========================*/
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__top:not(:last-child) {
    margin-bottom: 30px;
}
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body:not(:last-child) {
    margin-bottom: 30px;
}
/*==========================Top============================*/
/*---video---*/
/*color text*/
.post-grid-video-space-between .post__title,
.post-grid-video-space-between .post__cat,
.post-grid-video-space-between .post__excerpt {
    color: #fff;
}
.post-grid-video-space-between a.post__cat.cat-theme {
    color: #fff !important;
}
/*thumb*/
.post-grid-video-space-between .background-img::after {
    opacity: 0.2;
    background-color: #232323;
}
/*text*/
.post-grid-video-space-between .post__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 65px;
}
.post-grid-video-space-between .post__title {
    font-size: 26px;
    line-height: 1.33;
    font-weight: bold;
    margin-bottom: 35px;
}
.post-grid-video-space-between .post__excerpt {
    margin-bottom: 0;
}
.post-grid-video-space-between .post-type-icon {
    /*width: 85px;
    height: 85px;*/
    background-color: #fff;
    color: #131313;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1;
    text-decoration: none;
    margin-right: 15px;
}
.post-grid-video-space-between .post-type-icon a {
    display: contents;
}
.post-grid-video-space-between .post-type-icon i {
    font-size: 35px;
}
/*==========================Body===========================*/
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:not(:only-child) {
    padding: 0 15px;
    width: calc( 100% / 3);
}
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child:not(:only-child) {
    width: 500px;
}
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2):not(:only-child) {
    width: 400px;
}
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:last-child:not(:only-child) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.post-grid-multiple-style-has-radius .post-grid-has-radius-body--center  .post-list {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.post-grid-multiple-style-has-radius .post-grid-has-radius-body--center .list-item:nth-child(2) {
    flex: 1;
}
.post-grid-multiple-style-has-radius .post-grid-has-radius-body--center .post--nothumb-small-has-background {
    height: 100%;
}
/*---post-overlay-author-top---*/
/*layout*/
.post-grid-has-radius-body--center .list-item:not(:last-child) {
    margin-bottom: 30px;
}
/*thumb*/
/*.post-grid-multiple-style-has-radius__body .post--overlay-author-top.post--overlay .post__text {*/
/*    max-height: 560px;*/
/*}*/
/*.post-grid-multiple-style-has-radius__body .post--overlay-author-top.post--overlay .post__excerpt,*/
/*.post-grid-multiple-style-has-radius__body .post--overlay-author-top.post--overlay .post__title {*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 4;*/
/*    -webkit-box-orient: vertical;*/
/*    overflow: hidden;*/
/*    word-break: break-word;*/
/*}*/

.post--overlay-author-top.post--overlay {
    border-radius: 8px;
}
.post--overlay-author-top .background-img::after {
    background-color: #232323;
    opacity: 0.2;
}
/*text*/
.post--overlay-author-top .post__text-inner {
    padding: 20px 50px 55px 50px;
}
.post--overlay-author-top a.post__cat.cat-theme {
    color: #fff !important;
}
.post--overlay-author-top .post__excerpt {
    margin-bottom: 0;
    max-width: 70%;
}
/*author*/
.post--overlay-author-top .overlay-item--top-left {
    top: 50px;
    left: 50px;
}
.post--overlay-author-top .entry-author .entry-author__name {
    color: rgba(255,255,255,0.9);
    font-size: 12px;
    font-weight: 700;
}
.post--overlay-author-top .entry-author .entry-author__avatar, .post--overlay-author-top .entry-author .avatar-default, .post--overlay-author-top .entry-author .wp-user-avatar {
    width: 35px;
    height: 35px;
}
.post--nothumb-has-line-readmore {
    background-color: var(--color-logo);
    padding-top: 30px;
    border-radius: 8px;
}
/*text*/
.post--nothumb-has-line-readmore .post__text-inner {
    padding: 0 40px 45px 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    margin-bottom: 0;
}
.post--nothumb-has-line-readmore a.post__cat.cat-theme {
    color: #fff !important;
    margin-bottom: 50px;
}
/*author*/
.post--nothumb-has-line-readmore .entry-author__avatar, .post--nothumb-has-line-readmore .avatar-default, .post--nothumb-has-line-readmore .wp-user-avatar {
    width: 45px;
    height: 45px;
}
/*button*/
.post--nothumb-has-line-readmore .post__readmore {
    margin-right: 40px;
}
.post--nothumb-has-line-readmore .post__readmore a.button__readmore {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.post--nothumb-has-line-readmore .post__readmore i {
    color: #fff;
    font-size: 18px;
    line-height: 19px;
    margin-left: 5px;
}
/*.post--nothumb-has-line-readmore .post__readmore i {*/
/*    width: 45px;*/
/*    height: 45px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    background-color: #fff;*/
/*    color: var(--color-logo);*/
/*    border-radius: 50%;*/
/*    margin-left: 10px;*/
/*}*/
/*---post--nothumb-small-has-background---*/
/*layout*/
.post-grid-has-radius-body--right .list-item:not(:last-child) {
    margin-bottom: 20px;
}
.post-grid-has-radius-body--right .item-main.list-item:first-child {
    margin-bottom: 30px;
}
/*thumb*/
.post--nothumb-small-has-background .post__thumb {
    display: none;
}
/*text*/
.post--nothumb-small-has-background .post__cat {
    margin-bottom: 16px;
}
.post--nothumb-small-has-background .post__title {
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 15px;
}


.suga-grid-l .post--overlay-author-top.post--overlay,
.suga-grid-l .post--overlay-author-top.post--overlay .post__text {
    height: 100%;
}
/*---post--notext-radius---*/
/*thumb*/
.post--overlay-radius-text-hidden.post--overlay {
    border-radius: 8px;
}
.post--overlay-radius-text-hidden .background-img::after {
    opacity: 0;
}
.post--overlay-radius-text-hidden .post__text {
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.post--overlay-radius-text-hidden .post__title {
    font-weight: bold;
}
.post--overlay-radius-text-hidden .post__cat {
    color: #fff;
}
.post--overlay-radius-text-hidden a.post__cat.cat-theme {
    color: #fff !important;
}
.post--overlay-radius-text-hidden:hover .post__text {
    opacity: 1;
}
.post--overlay-radius-text-hidden:hover .background-img::after {
    opacity: 0.2;
}
.post--nothumb-has-line-readmore .inverse-text .post__readmore a.button__readmore:hover {
    color: #fff;
}
@media (min-width: 992px) {
    .suga-grid-l .post-grid-video-space-between .post__meta  {
        display: none;
    }
}
@media (max-width: 1199px) {
    /*==========================Top============================*/
    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 490px;
    }
    /*text*/
    .post-grid-video-space-between .post__title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    /*button*/
    /*.post-grid-video-space-between .post-type-icon {
        width: 70px;
        height: 70px;
    }*/
    .post-grid-video-space-between .post-type-icon i {
        font-size: 25px;
    }
    /*==========================body==========================*/
    /*layout*/
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:not(:only-child) {
        width: 100%;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child:not(:only-child) {
        width: 400px
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2):not(:only-child) {
        width: 320px;
    }
    /*over-author-top*/
    .post--overlay-author-top.post--overlay .post__text {
        min-height: 450px;
    }
    .post--overlay-author-top.post--overlay .post__title {
        font-size: 22px;
        max-width: 100%;
    }
    .post--overlay-author-top .post__excerpt {
        max-width: 80%;
    }
    .post--overlay-author-top .post__text-inner {
        padding: 30px;
    }
    .post--overlay-author-top .overlay-item--top-left {
        left: 30px;

    }
    /*post-nothumb-has-line-readmore*/
    .post-grid-has-radius-body--center .list-item:not(:last-child) {
        margin-bottom: 25px;
    }
    .post--nothumb-has-line-readmore {
        /*padding: 20px 0;*/
    }
    /*text*/
    .post--nothumb-has-line-readmore .post__text-inner {
        padding: 0 25px 25px 25px;
    }
    .post--nothumb-has-line-readmore .post__title {
        font-size: 18px;
    }
    .post--nothumb-has-line-readmore .post__cat {
        margin-bottom: 35px;
    }
    /*author*/
    .post--nothumb-has-line-readmore .entry-author__avatar, .post--nothumb-has-line-readmore .avatar-default, .post--nothumb-has-line-readmore .wp-user-avatar {
        width: 35px;
        height: 35px;
    }
    /*button*/
    .post--nothumb-has-line-readmore .post__readmore {
        margin-right: 20px;
    }

    /*post--nothumb-small-has-background*/
    .post--nothumb-small-has-background {
        padding-left: 20px;
        padding-right: 20px;
    }
    .post--nothumb-small-has-background .post__title {
        font-size: 16px;
    }
    /*---post--notext-radius---*/
    .post-grid-has-radius-body--right .list-item:not(:last-child) {
        margin-bottom: 15px;
    }
    .post-grid-has-radius-body--right .item-main.list-item:first-child {
        margin-bottom: 20px;
    }
    .post--overlay-radius-text-hidden.post--overlay .post__text {
        min-height: 195px;
    }
}
@media (max-width: 991px) {
    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 400px;
    }
    /*text*/
    .post-grid-video-space-between .post__text {
        padding: 0 40px;
    }
    .post-grid-video-space-between .post__title {
        font-size: 20px;
        margin-bottom: 25px;
    }
    /*==========================body==========================*/
    /*layout*/
    .post-grid-multiple-style-has-radius__body {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:not(:last-child) {
        margin-bottom: 30px;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child:not(:only-child) {
        width: 60%;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2):not(:only-child) {
        width: 40%;
    }

    /*layout post right*/
    .post-grid-has-radius-body--right .post-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .post-grid-has-radius-body--right .item-main.list-item {
        width: 330px;
    }
    .post-grid-has-radius-body--right .item-main.list-item:first-child {
        margin-bottom: 0;
    }
    .post-grid-has-radius-body--right .item-sub {
        width: calc( 100% - 330px );
    }
    .post-grid-has-radius-body--right .item-sub .list-item {
        max-width: 95%;
        margin-left: auto;
        margin-right: 0;
    }
    /*post--notext-radius*/
    .post--overlay-radius-text-hidden.post--overlay .post__text {
        width: 100%;
        min-height: 240px;
        opacity: 1;
    }
    .post--overlay-radius-text-hidden .background-img::after {
        opacity: 0.2;
    }
}
@media (max-width: 768px) {
    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 380px;
    }
    /*button*/
    /*.post-grid-video-space-between .post-type-icon {
        width: 60px;
        height: 60px;
    }*/
    .post-grid-video-space-between .post-type-icon i {
        font-size: 20px;
    }
    /*==========================body==========================*/
    /*layout*/
    .post-grid-multiple-style-has-radius__body {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:not(:last-child) {
        margin-bottom: 30px;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child:not(:only-child) {
        width: 55%;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2):not(:only-child) {
        width: 45%;
    }
    /*post--overlay-author-top*/
    .post--overlay-author-top.post--overlay .post__text {
        min-height: 405px;
    }
    .post--overlay-author-top.post--overlay .post__title {
        font-size: 20px;
        max-width: 85%;
        margin-bottom: 20px;
    }
    /*post--nothumb-has-line-readmore*/
    .post-grid-has-radius-body--center .list-item:not(:last-child) {
        margin-bottom: 20px;
    }
    .post--nothumb-has-line-readmore .post__text-inner {
        padding: 0 25px 20px 25px;
        margin-bottom: 15px;
    }
    .post--nothumb-has-line-readmore .post__cat {
        margin-bottom: 30px;
    }
    .post-grid-has-radius-body--right .item-sub .list-item {
        max-width: 93%;
    }

}
@media (max-width: 991px) and (min-width: 576px) {
     /**/
    .post--overlay-radius-text-hidden .post__title {
        font-size: 16px;
    }
}
@media (max-width: 680px) {
    /*==========================body==========================*/
    /*layout*/
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child:not(:only-child) {
        width: 53%;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2):not(:only-child) {
        width: 47%;
    }
    /*post--overlay-author-top*/
    .post--overlay-author-top .post__text-inner {
        padding: 30px 20px;
    }
    .post--overlay-author-top.post--overlay .post__title {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .post--overlay-author-top.post--overlay .post__excerpt {
        max-width: 100%;
    }
    .post--overlay-author-top .overlay-item--top-left {
        left: 20px;
        top: 30px;
    }
}
@media (max-width: 576px) {
    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 350px;
    }
    /*text*/
    .post-grid-video-space-between .post__text {
        padding: 0 30px;
    }
    /*.post-grid-video-space-between .post-type-icon {
        margin-right: 0;
    }*/

    /*==========================body==========================*/
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child:not(:only-child),
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2):not(:only-child) {
        width: 100%
    }
    .post-grid-has-radius-body--center .list-item:not(:last-child) {
        margin-bottom: 30px;
    }

    /*post--overlay-author-top*/
    .post--overlay-author-top.post--overlay .post__text {
        min-height: 350px;
    }
    .post-grid-has-radius-body--right .item-main.list-item {
        width: 200px;
    }
    .post-grid-has-radius-body--right .item-sub {
        width: calc( 100% - 200px );
    }
    /*post--nothumb-has-line-readmore*/
    .post--nothumb-has-line-readmore .post__text-inner {
        padding: 0 25px 0 25px;
        margin-bottom: 0;
        border: none;
    }
    .post--nothumb-has-line-readmore .post__title {
        max-width: 80%;
    }
}
@media (max-width: 480px) {
    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 300px;
    }
    /*text*/
    .post-grid-video-space-between .post__text {
        padding: 0 20px;
    }
    .post-grid-video-space-between .post__text-inner {
        width: calc( 100% - 50px);
        padding-right: 25px;
    }
    .post-grid-video-space-between .post__title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .post-grid-video-space-between .post__excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
    }
    /*button*/
    /*.post-grid-video-space-between .post-type-icon {
        width: 50px;
        height: 50px;
    }*/
    .post-grid-video-space-between .post-type-icon i {
        font-size: 16px;
    }

    .post-grid-has-radius-body--right .item-main.list-item:first-child {
        width: 100%;
        margin-bottom: 30px;
    }
    .post-grid-has-radius-body--right .item-sub {
        width: 100%;
        margin: 0 auto;
    }
    .post-grid-has-radius-body--right .item-sub .list-item {
        max-width: 100%;
    }
    .post-grid-has-radius-body--right .item-sub .list-item:not(:last-child) {
        margin-bottom: 30px;
    }
    .post-grid-has-radius-body--right .item-sub .post__title {
        /*font-size: 16px;*/
    }
    .post--nothumb-has-line-readmore .post__title {
        max-width: 100%;
    }
}
@media (max-width: 380px) {
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__top:not(:last-child) {
        margin-bottom: 25px;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:not(:last-child) {
        margin-bottom: 25px;
    }
    .post-grid-has-radius-body--center .list-item:not(:last-child) {
        margin-bottom: 25px;
    }
    .post-grid-has-radius-body--right .item-main.list-item:first-child {
        margin-bottom: 25px;
    }
    .post-grid-has-radius-body--right .item-sub .list-item:not(:last-child) {
        margin-bottom: 25px;
    }

    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 260px;
    }
    /*text*/
    .post-grid-video-space-between .post__title {
        margin-bottom: 0;
    }
    .post-grid-video-space-between .post__excerpt {
        display: none;
    }

    .post-grid-has-radius-body--right .item-sub {
        width: 100%;
    }

    /*post overlay text hidden*/
    .post--overlay-radius-text-hidden.post--overlay .post__text {
        min-height: 190px;
    }
}
/**/
/*==========================Layout=========================*/
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__top:not(:last-child) {
    margin-bottom: 30px;
}
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body:not(:last-child) {
    margin-bottom: 30px;
}
/*==========================Top============================*/
/*---video---*/
/*color text*/
.post-grid-video-space-between .post__title,
.post-grid-video-space-between .post__cat,
.post-grid-video-space-between .post__excerpt {
    color: #fff;
}
.post-grid-video-space-between .post__excerpt {
    color: #f2f2f2;
}
/*thumb*/
.post-grid-video-space-between .background-img::after {
    opacity: 0.2;
    background-color: #232323;
}
/*text*/
.post-grid-video-space-between .post__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 60px;
}
.post-grid-video-space-between .post__title {
    font-size: 32px;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 25px;
}
.post-grid-video-space-between .post__excerpt {
    margin-bottom: 0;
    max-width: 380px;
}
.post-grid-video-space-between .post__text-inner {
    padding: 0;
    max-width: 470px;
}
.post-grid-video-space-between .post__text-inner.overlay-center-y {
    position: static;
    transform: none;
}
.post-grid-video-space-between .post-type-icon {
    /*width: 85px;
    height: 85px;*/
    background-color: #fff;
    color: #131313;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1;
    text-decoration: none;
    margin-right: 15px;
}
.post-grid-video-space-between .post-type-icon i {
    font-size: 35px;
}
/*==========================Body===========================*/
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div {
    padding: 0 15px;
    width: calc( 100% / 3);
}
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child {
    width: 500px;
}
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2) {
    width: 400px;
}
.post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
/*---post-overlay-author-top---*/
/*layout*/
.post-grid-has-radius-body--center .list-item:not(:last-child) {
    margin-bottom: 30px;
}

.post--overlay-author-top.post--overlay {
    border-radius: 8px;
}
.post--overlay-author-top .background-img::after {
    background-color: #232323;
    opacity: 0.2;
}
/*text*/
.post--overlay-author-top .post__text-inner {
    padding: 20px 40px 45px 40px;
}
.post--overlay-author-top a.post__cat.cat-theme {
    color: #fff !important;
}
.post--overlay-author-top .post__title {
    font-weight: bold;
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 25px;
}
.post--overlay-author-top .post__excerpt {
    margin-bottom: 0;
    max-width: 80%;
}
/*author*/
.post--overlay-author-top .overlay-item--top-left {
    top: 40px;
    left: 40px;
}
.post--overlay-author-top .entry-author .entry-author__avatar, .post--overlay-author-top .entry-author .avatar-default, .post--overlay-author-top .entry-author .wp-user-avatar {
    width: 35px;
    height: 35px;
}
/*---post-nothumb-has-line-readmore---*/
/*.post-grid-multiple-style-has-radius__body .post--nothumb-has-line-readmore {*/
/*    height: 400px;*/
/*}*/
/*.post-grid-multiple-style-has-radius__body .post--nothumb-has-line-readmore .post__title {*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 3;*/
/*    -webkit-box-orient: vertical;*/
/*    overflow: hidden;*/
/*    word-break: break-word;*/
/*}*/

.post--nothumb-has-line-readmore {
    background-color: var(--color-logo);
    padding-top: 30px;
    border-radius: 8px;
}
/*text*/
.post--nothumb-has-line-readmore .post__text {
    display: flex;
    flex-direction: column;
}
.post--nothumb-has-line-readmore .post__text-inner {
    padding: 0 40px 45px 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    margin-bottom: 0;
    flex: 1;
}
.post--nothumb-has-line-readmore .post__cat {
    color: #fff;
    margin-bottom: 57px;
}
.post--nothumb-has-line-readmore .post__title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.4;
}
/*author*/
.post--nothumb-has-line-readmore .entry-author__avatar, .post--nothumb-has-line-readmore .avatar-default, .post--nothumb-has-line-readmore .wp-user-avatar {
    width: 45px;
    height: 45px;
}
/*button*/
.post--nothumb-has-line-readmore .post__readmore {
    margin-right: 30px;
}
.post--nothumb-has-line-readmore .post__readmore a.button__readmore {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.post--nothumb-has-line-readmore .post__readmore i {
    color: #fff;
    font-size: 18px;
    line-height: 19px;
    margin-left: 5px;
}
/*.post--nothumb-has-line-readmore .post__readmore i {*/
/*    width: 45px;*/
/*    height: 45px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    background-color: #fff;*/
/*    color: var(--color-logo);*/
/*    border-radius: 50%;*/
/*    margin-left: 10px;*/
/*}*/
/*---post--nothumb-small-has-background---*/
/*layout*/
.post-grid-has-radius-body--right .list-item:not(:last-child) {
    margin-bottom: 20px;
}
.post-grid-has-radius-body--right .item-main.list-item:first-child {
    margin-bottom: 30px;
}
/*thumb*/
.post--nothumb-small-has-background {
    padding: 25px 40px;
    border-radius: 8px;
    background-color: #f4f6f7;
    min-height: 130px;
}
/*text*/
.post--nothumb-small-has-background .post__cat {
    margin-bottom: 16px;
}
@media (max-width: 1199px) {
    /*==========================Top============================*/
    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 490px;
    }
    /*text*/
    .post-grid-video-space-between .post__title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    /*button*/
    .post-grid-video-space-between .post-type-icon {
        /*width: 70px;
        height: 70px;*/
    }
    .post-grid-video-space-between .post-type-icon i {
        font-size: 25px;
    }
    /*==========================body==========================*/
    /*layout*/
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div {
        width: 100%;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child {
        width: 400px
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2) {
        width: 320px;
    }
    /*over-author-top*/
    .post--overlay-author-top.post--overlay .post__text {
        min-height: 450px;
    }
    .post--overlay-author-top.post--overlay .post__title {
        font-size: 24px;
        line-height: 1.4;
        max-width: 100%;
    }
    .post--overlay-author-top .post__excerpt {
        max-width: 80%;
    }
    .post--overlay-author-top .post__text-inner {
        padding: 30px;
    }
    .post--overlay-author-top .overlay-item--top-left {
        left: 30px;

    }
    /*post-nothumb-has-line-readmore*/
    .post-grid-has-radius-body--center .list-item:not(:last-child) {
        margin-bottom: 25px;
    }

    /*text*/
    .post--nothumb-has-line-readmore .post__text-inner {
        padding: 0 25px 25px 25px;
    }
    .post--nothumb-has-line-readmore .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .post--nothumb-has-line-readmore .post__cat {
        margin-bottom: 35px;
    }
    /*author*/
    .post--nothumb-has-line-readmore .entry-author__avatar, .post--nothumb-has-line-readmore .avatar-default, .post--nothumb-has-line-readmore .wp-user-avatar {
        width: 35px;
        height: 35px;
    }
    /*button*/
    .post--nothumb-has-line-readmore .post__readmore {
        margin-right: 20px;
    }

    /*post--nothumb-small-has-background*/
    .post--nothumb-small-has-background {
        padding-left: 20px;
        padding-right: 20px;
    }
    .post--nothumb-small-has-background .post__title {
        font-size: 16px;
    }
    /*---post--notext-radius---*/
    .post-grid-has-radius-body--right .list-item:not(:last-child) {
        margin-bottom: 15px;
    }
    .post-grid-has-radius-body--right .item-main.list-item:first-child {
        margin-bottom: 20px;
    }
    .post--overlay-radius-text-hidden.post--overlay .post__text {
        min-height: 195px;
    }
}
@media (max-width: 991px) {
    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 400px;
    }
    /*text*/
    .post-grid-video-space-between .post__text {
        padding: 0 40px;
    }
    .post-grid-video-space-between .post__title {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 25px;
    }
    /*==========================body==========================*/
    /*layout*/
    .post-grid-multiple-style-has-radius__body {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:not(:last-child) {
        margin-bottom: 30px;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child {
        width: 60%;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2) {
        width: 40%;
    }

    /*layout post right*/
    .post-grid-has-radius-body--right .post-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .post-grid-has-radius-body--right .item-main.list-item {
        /* width: 330px; */
        width: 53%;
    }
    .post-grid-has-radius-body--right .item-main.list-item:first-child {
        margin-bottom: 0;
    }
    .post-grid-has-radius-body--right .item-sub {
        /* width: calc( 100% - 330px ); */
        width: calc( 100% - 53% );
    }
    .post-grid-has-radius-body--right .item-sub .list-item {
        max-width: 95%;
        margin-left: auto;
        margin-right: 0;
    }
    /**/
    .post-grid-video-space-between .post__text-inner {
        max-width: 380px;
    }
    /*post--notext-radius*/
    .post--overlay-radius-text-hidden.post--overlay .post__text {
        width: 100%;
        min-height: 240px;
    }
    .suga-grid-l .post--overlay-radius-text-hidden.post--overlay,
    .suga-grid-l .post--overlay-radius-text-hidden.post--overlay .post__text {
        height: 100%;
    }
}
@media (max-width: 768px) {
    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 380px;
    }
    /*button*/
    .post-grid-video-space-between .post-type-icon {
        /*width: 60px;
        height: 60px;*/
    }
    .post-grid-video-space-between .post-type-icon i {
        font-size: 20px;
    }
    /*==========================body==========================*/
    /*layout*/
    .post-grid-multiple-style-has-radius__body {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:not(:last-child) {
        margin-bottom: 30px;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child:not(:only-child) {
        width: 55%;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2):not(:only-child) {
        width: 45%;
    }
    /*post--overlay-author-top*/
    .post--overlay-author-top.post--overlay .post__text {
        min-height: 405px;
    }
    .post--overlay-author-top.post--overlay .post__title {
        font-size: 22px;
        line-height: 1.4;
        max-width: 85%;
        margin-bottom: 20px;
    }
    /*post--nothumb-has-line-readmore*/
    .post-grid-has-radius-body--center .list-item:not(:last-child) {
        margin-bottom: 20px;
    }
    .post--nothumb-has-line-readmore .post__text-inner {
        padding: 0 25px 20px 25px;
        /*margin-bottom: 15px;*/
        margin-bottom: 0;
    }
    .post--nothumb-has-line-readmore .post__cat {
        margin-bottom: 30px;
    }
    .post-grid-has-radius-body--right .item-sub .list-item {
        max-width: 93%;
    }

    .post--nothumb-small-has-background .post__title {
        font-size: 18px;
        line-height: 1.5;
    }
}
@media (max-width: 680px) {
    /*==========================body==========================*/
    /*layout*/
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child:not(:only-child) {
        width: 53%;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2):not(:only-child) {
        width: 47%;
    }
    /*post--overlay-author-top*/
    .post--overlay-author-top .post__text-inner {
        padding: 30px 20px;
    }
    .post--overlay-author-top.post--overlay .post__title {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .post--overlay-author-top.post--overlay .post__excerpt {
        max-width: 100%;
    }
    .post--overlay-author-top .overlay-item--top-left {
        left: 20px;
        top: 30px;
    }
}
@media (max-width: 576px) {
    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 350px;
    }
    /*text*/
    .post-grid-video-space-between .post__text {
        padding: 0 30px;
    }
    

    /*==========================body==========================*/
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:first-child:not(:only-child),
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:nth-child(2):not(:only-child) {
        width: 100%
    }
    .post-grid-has-radius-body--center .list-item:not(:last-child) {
        margin-bottom: 30px;
    }

    /*post--overlay-author-top*/
    .post--overlay-author-top.post--overlay .post__text {
        min-height: 350px;
    }
    .post-grid-has-radius-body--right .item-main.list-item {
        /* width: 200px; */
        width: 100%;
    }
    .post-grid-has-radius-body--right .item-sub {
        /* width: calc( 100% - 200px ); */
        width: 100%;
        margin-top: 30px;
    }
    .post-grid-has-radius-body--right .item-sub .list-item {
        max-width: 100%;
    }
    /*post--nothumb-has-line-readmore*/
    .post--nothumb-has-line-readmore .post__text-inner {
        padding: 0 25px 0 25px;
        margin-bottom: 0;
        border: none;
    }
    .post--nothumb-has-line-readmore .post__title {
        max-width: 80%;
    }
    .post--nothumb-has-line-readmore {
        padding: 20px 0;
    }
    /**/
    .post--nothumb-small-has-background .post__title,
    .post--overlay-radius-text-hidden .post__title {
        font-size: 20px;
        line-height: 1.4;
        max-width: 80%;
    }
    /**/
    .post--overlay-author-top.post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
        max-width: 100%;
    }
    .post-grid-has-radius-body--right .post--horizontal .post__title {
        font-size: 16px;
    }
}
@media (max-width: 480px) {
    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 300px;
    }
    /*text*/
    .post-grid-video-space-between .post__text {
        padding: 0 20px;
    }
    .post-grid-video-space-between .post__text-inner {
        width: calc(100% + 50px);
        width: 100%;
        padding-right: 0;
    }
    .post-grid-video-space-between .post-type-icon {
        display: none;
    }
    .post-grid-video-space-between .post__title {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    .post-grid-video-space-between .post__excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
    }
    /*button*/
    .post-grid-video-space-between .post-type-icon {
        /*width: 50px;
        height: 50px;*/
    }
    .post-grid-video-space-between .post-type-icon {
        margin-right: 0;
    }
    .post-grid-video-space-between .post-type-icon i {
        font-size: 16px;
    }

    .post-grid-has-radius-body--right .item-main.list-item:first-child {
        width: 100%;
        margin-bottom: 30px;
    }
    .post-grid-has-radius-body--right .item-sub {
        width: 100%;
        margin: 0 auto;
    }
    .post-grid-has-radius-body--right .item-sub .list-item {
        max-width: 100%;
    }
    .post-grid-has-radius-body--right .item-sub .list-item:not(:last-child) {
        margin-bottom: 30px;
    }
    .post-grid-has-radius-body--right .item-sub .post__title {
        /*font-size: 16px;*/
    }
    .post--nothumb-has-line-readmore .post__title {
        max-width: 100%;
    }
}
@media (max-width: 380px) {
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__top:not(:last-child) {
        margin-bottom: 25px;
    }
    .post-grid-multiple-style-has-radius .post-grid-multiple-style-has-radius__body > div:not(:last-child) {
        margin-bottom: 25px;
    }
    .post-grid-has-radius-body--center .list-item:not(:last-child) {
        margin-bottom: 25px;
    }
    .post-grid-has-radius-body--right .item-main.list-item:first-child {
        margin-bottom: 25px;
    }
    .post-grid-has-radius-body--right .item-sub .list-item:not(:last-child) {
        margin-bottom: 25px;
    }

    /*---video---*/
    /*thumb*/
    .post-grid-video-space-between.post--overlay .post__text {
        min-height: 260px;
    }
    /*text*/
    .post-grid-video-space-between .post__title {
        margin-bottom: 0;
    }
    .post-grid-video-space-between .post__excerpt {
        display: none;
    }

    .post-grid-has-radius-body--right .item-sub {
        width: 100%;
    }

    /*post overlay text hidden*/
    .post--overlay-radius-text-hidden.post--overlay .post__text {
        min-height: 190px;
    }
}

/* Suga Grid L ---------------------- */
/* ----------------------  footer */
.footer-1 .site-footer__section {
    padding: 40px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.footer-1 .navigation--footer > li > a{
    /*color: rgba(0, 0, 0, 0.7);*/
    font-size: 16px;
    text-transform: capitalize;
}
.footer-1 .navigation--footer > li > a:hover {
    /*color: rgba(0, 0, 0, 0.9);*/
}
.footer-1.site-footer .social-list i {
    font-size: 17px;
}
.site-footer {
    background-color: transparent;
}
.site-footer  nav.suga-footer-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 991px) {
    .footer-1 nav.suga-footer-wrap {
        justify-content: center;
    }
}
@media(max-width: 767px) {
    .footer-1 nav.suga-footer-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .social-footer-container {
        margin-top: 15px;
    }
}
.site-footer  nav.suga-footer-wrap .footer-logo {
    margin: 15px 0;
    text-decoration: none;
}

.site-footer .menu-footer-container .navigation--footer {
    margin-bottom: 0;
}
.site-footer .navigation--footer li {
    padding: 5px 13.5px;
}
.social-footer-container ul.social-list li {margin-top:0;}
@media (max-width: 767px) {
    .site-footer  nav.suga-footer-wrap {
        display: block;
        text-align: center;
    }
    .site-footer .header-logo {
        margin-bottom: 15px;
    }
    .site-footer .navigation--footer {
        margin-bottom: 15px;
    }
    .menu-footer-container {
        margin-bottom: 15px;
    }

    .site-footer .suga-img-logo {
        margin-left: auto;
        margin-right: auto;
    }
}
/* footer ---------------------- */
/* ---------------------- Suga Main Col Grid A*/
/*---layout---*/
.has-line-bottom {
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}
@media (max-width: 576px) {
    .has-line-bottom {
        padding-bottom: 30px;
    }
}
@media (max-width: 380px) {
    .has-line-bottom {
        padding-bottom: 25px;
    }
}

.atbssuga-post-latest-a .atbssuga-block__inner > div:not(:last-child) {
    margin-bottom: 50px;
}
.atbssuga-post-latest-a .atbssuga-post-latest-a--top .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -25px;
}
.atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item {
    padding: 0 25px;
}
.atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item:first-child {
    width: calc( 320px + 50px); /*50px of padding list-item*/
}
.atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item:nth-child(2) {
    width: calc(100%  - 370px);
}

.atbssuga-post-latest-a .atbssuga-post-latest-a--body .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -25px;
}
.atbssuga-post-latest-a .atbssuga-post-latest-a--body .list-item {
    padding: 0 25px;
    width: 50%;
}
.atbssuga-post-latest-a .atbssuga-post-latest-a--body .list-item:first-child {
    width: 400px;
}
.atbssuga-post-latest-a .atbssuga-post-latest-a--body .list-item:last-child {
    width: 400px ;
}
/*item vertical reverse*/
.post--vertical-thumb-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}
/*thumb*/
.post--vertical-thumb-reverse .post__thumb {
    width: 100%;
    margin-bottom: 0;
}
/*text*/
.post--vertical-thumb-reverse .post__text {
    margin-bottom: 57px;
}
.post--vertical-thumb-reverse .post__cat {
    margin-bottom: 10px;
}
.post--vertical-thumb-reverse .post__title {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 30px;
}
.post--vertical-thumb-reverse .post__excerpt {
    margin-bottom: 0;
}
/*item overlay author top padding small*/
.post--overlay-author-top.post--overlay-author-top-small .entry-author.overlay-item--top-left {
    top: 40px;
    left: 50px;
}
.post--overlay-author-top.post--overlay-author-top-small .post__text-inner {
    padding: 20px 50px 50px 50px;
}
/*post-horizontal small*/
.atbssuga-post-latest-a--body  .post__title {
    max-width: 90%;
}

@media (max-width: 1199px) {
    /*---layout---*/
    .atbssuga-post-latest-a .atbssuga-block__inner > div:not(:last-child) {
        margin-bottom: 50px;
    }
    .atbssuga-post-latest-a .atbssuga-post-latest-a--top .post-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
    .atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item {
        padding: 0 15px;
    }
    .atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item:first-child {
        width: calc( 320px + 30px); /*50px of padding list-item*/
    }
    .atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item:nth-child(2) {
        width: calc(100%  - 350px);
    }

    /*post--vertical-thumb-reverse*/
    .post--vertical-thumb-reverse .post__text {
        margin-bottom: 45px;
    }
    .post--vertical-thumb-reverse .post__title {
        font-size: 22px;
    }

    /*item overlay author top padding small*/
    .post--overlay-author-top.post--overlay-author-top-small .entry-author.overlay-item--top-left {
        top: 40px;
        left: 50px;
    }
    .post--overlay-author-top.post--overlay-author-top-small .post__text-inner {
        padding: 25px 25px 40px 25px;
    }
    .post--overlay-author-top-small.post--overlay .post__text {
        min-height: 405px;
    }
    .post--overlay-author-top.post--overlay-author-top-small .post__title {
        font-size: 20px;
        line-height: 1.4;
        max-width: 95%;
        margin-bottom: 20px;
    }
    .post--overlay-author-top.post--overlay-author-top-small .entry-author.overlay-item--top-left {
        left: 25px;
    }
    /**/
    .atbssuga-post-latest-a .atbssuga-post-latest-a--body .list-item:first-child,
    .atbssuga-post-latest-a .atbssuga-post-latest-a--body .list-item:last-child {
        width: 50%;
    }
    /**/
    .atbssuga-post-latest-a--body  .post__title {
        max-width: 100%;
    }
    .atbssuga-post-latest-a--body .post__thumb.margin-right-30 {
        margin-right: 20px;
    }
}
@media (min-width:  600px) and (max-width: 680px) {
    .post--vertical-thumb-reverse .post__title {
        max-width: 90%;
    }
}
@media (max-width: 680px) {
    /*layout*/
    .atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item:first-child {
        /*width: calc( 310px);*/
        width: 50%;
    }
    .atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item:last-child {
        /*width: calc(100% - 310px);*/
        width: 50%;
    }
    /*post--vertical-thumb-reverse*/
    .post--vertical-thumb-reverse .post__text {
        margin-bottom: 35px;
    }
    .post--vertical-thumb-reverse .post__title {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    /**/
    .post--overlay-author-top-small.post--overlay .post__text {
        min-height: 380px;
    }
}
@media (max-width: 576px) {
    /*layout*/
    .atbssuga-post-latest-a .atbssuga-block__inner > div:not(:last-child) {
        margin-bottom: 30px;
    }
    .atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item:first-child,
    .atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item:last-child {
        width: 100%;
    }
    .atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item:not(:last-child) {
        margin-bottom: 30px;
    }
    .post--vertical-thumb-reverse {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .post--vertical-thumb-reverse .post__thumb {
        height: 300px;
        margin-bottom: 15px;
    }
    .post--vertical-thumb-reverse .post__text {
        margin-bottom: 0;
    }
    .post--vertical-thumb-reverse .post__title {
        margin-bottom: 15px;
    }
    /*post--overlay-author-top-small*/
    .post--overlay-author-top-small.post--overlay .post__text {
        min-height: 350px;
    }
    /**/
    .atbssuga-post-latest-a .atbssuga-post-latest-a--body .list-item:first-child,
    .atbssuga-post-latest-a .atbssuga-post-latest-a--body .list-item:last-child {
        width: 100%;
    }
    .atbssuga-post-latest-a .atbssuga-post-latest-a--body .list-item:not(:last-child) {
        margin-bottom: 30px;
    }
    .atbssuga-post-latest-a .atbssuga-post-latest-a--body .post__cat {
        display: block;
    }
}
@media (max-width: 480px) {
    .post--overlay-author-top-small.post--overlay .post__text {
        min-height: 300px;
    }
    .post--overlay-author-top-small.post--overlay .post__title
    .post--overlay-author-top-small.post--overlay .post__excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-word;
    }
}
@media (max-width: 380px) {
    /*layout*/
    .atbssuga-post-latest-a .atbssuga-block__inner > div:not(:last-child) {
        margin-bottom: 25px;
    }
    .atbssuga-post-latest-a .atbssuga-post-latest-a--body .list-item:not(:last-child) {
        margin-bottom: 25px;
    }
    .atbssuga-post-latest-a .atbssuga-post-latest-a--top .list-item:not(:last-child) {
        margin-bottom: 25px;
    }
    /*post--vertical-thumb-reverse*/
    .post--vertical-thumb-reverse .post__thumb {
        height: 220px;
    }
    /*post--overlay-author-top-small*/
    .post--overlay-author-top-small.post--overlay .post__text {
        min-height: 350px;
    }
}
/* Suga Main Col Grid A ---------------------- */
/* ---------------------- Suga Main Col Grid B */

/*=======================Post Grid====================================*/
.atbssuga-post-latest-b--post-grid >div:not(:last-child) {
    margin-bottom: 40px;
}
.atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -17px;
}
.atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .list-item {
    width: calc( 100% / 3);
    padding: 0 17px;
}
/*post-overlay ----top*/
.post--overlay-title-small .post__title {
    font-weight: 600;
}
.post--overlay-title-small .post__cat {
    color: #fff !important;
}
.post--overlay-title-small .background-img::after {
    background-color: #222222;
    opacity: 0.2;
}
/*post-horizontal ----body*/
.atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -17px;
}
.atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item {
    width: calc( 100% / 3);
    padding: 0 17px;
    margin-bottom: 30px;
}
.atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item:nth-child(3n+3),
.atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item:nth-child(3n+4),
.atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item:nth-child(3n+5) {
    margin-bottom: 0;
}
.post--horizontal-title-small .post__title {
    font-size: 16px;
    line-height: 1.5;
}
/*=======================Post Slide==================================*/
.atbssuga-post-latest-b--post-slide {
    padding-top:  40px;
    margin-top: 40px;
    border-top:  1px solid rgba(34, 34, 34, 0.1);
}
@media(max-width: 576px) {
    .atbssuga-post-latest-b--post-slide {
        padding-top:  30px;
        margin-top: 30px;
        border-top:  1px solid rgba(34, 34, 34, 0.1);
    }
}
.atbssuga-post-latest-b--post-slide .atbssuga-carousel {
    padding: 0 100px;
}
.post--horizontal-center-slide .post__thumb {
    margin-right: 60px;
}
.post--horizontal-center-slide .post__title {
    margin-bottom: 20px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.post--horizontal-center-slide .post__excerpt {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
/*owl nav*/
.atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-prev,
.atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-next {
    width: 45px;
    height: 45px;
    line-height: 41px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    color: var(--color-logo);
    border: 1px solid var(--color-logo);
    padding: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-prev i,
.atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-next i {
    font-size: 15px;
}
.atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-prev:hover,
.atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-next:hover {
    background-color: var(--color-logo);
    color: #fff;
}
/*owl dot*/
.atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-dots {
    display: none;
}
@media (max-width: 1199px) {
    /*=======================Post Grid====================================*/
    /*post-overlay ---top*/
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .post-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .list-item {
        width: calc( 100% / 2);
        padding: 0 15px;
    }
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .list-item:first-child {
        width: 100%;
        margin-bottom: 30px;
    }
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .list-item:first-child .post__title {
        font-size: 22px;
        line-height: 1.4;
        max-width: 80%;
    }
    /*post-horizontal ----body*/
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .post-list {
        margin: 0 -15px;
    }
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item {
        width: calc( 100% / 2);
        padding: 0 15px;
    }
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item:nth-child(n) {
        margin-bottom: 30px;
    }
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item:nth-last-child(2),
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item:last-child {
        margin-bottom: 0;
    }
    /*=======================Post Slide==================================*/
    .atbssuga-post-latest-b--post-slide .atbssuga-carousel {
        padding: 0 55px;
    }
    /*thumb*/
    .post--horizontal-center-slide .post__thumb {
        margin-right: 30px;
        width: 270px;
    }
    /*text*/
    .post--horizontal-center-slide .post__title {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 30px;
    }
    /*owl nav*/
    .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-prev,
    .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-next {
        width: 35px;
        height: 35px;
    }
}
@media (max-width: 768px) {
    /*=======================Post Grid====================================*/
    .post--overlay-title-small .post__title {
        font-size: 18px;
    }
    /*=======================Post Slide==================================*/
    .post--horizontal-center-slide .post__cat {
        display: block;
    }
}
@media (max-width: 680px) {
    /*=======================Post Slide==================================*/
    .post--horizontal-center-slide .post__thumb {
        width: 220px;
        margin-right: 25px;
    }
    .post--horizontal-center-slide .post__title {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    /*=======================Post Grid====================================*/
    /*layout*/
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .list-item:first-child,
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .list-item {
        width: 100%;
        margin-bottom: 30px;
    }
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .list-item:last-child {
        margin-bottom: 0;
    }
    .post--overlay-title-small.post--overlay .post__text {
        min-height: 270px;
    }
    .post--overlay-title-small .post__title,
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .list-item:first-child .post__title {
        font-size: 20px;
        line-height: 1.4;
        max-width: 100%;
    }
    /*post-horizontal-small*/
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item,
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item:nth-last-child(2) {
        width: 100%;
        margin-bottom: 30px;
    }
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item:last-child {
        margin-bottom: 0;
    }
    /*=======================Post Slide==================================*/
    .atbssuga-post-latest-b--post-slide .atbssuga-carousel {
        padding: 0;
    }
    .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-dots {
        display: block;
        padding-bottom: 0;
    }
    .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-nav {
        display: none;
    }
    .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-dot {
        padding: 5px;
    }
    .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-dot span {
        border-radius: 50%;
    }
    .post--horizontal-center-slide .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    /*=======================Post Grid====================================*/
    .post--overlay-title-small.post--overlay .post__text {
        min-height: 250px;
    }
    /*=======================Post Slide==================================*/
    .post--horizontal-center-slide .post__thumb {
        width: 100%;
        height: 240px;
        margin-bottom: 15px;
    }
    .post--horizontal-center-slide .post__text {
        width: 100%;
    }
    .post--horizontal-center-slide .post__title {
        margin-bottom: 15px;
    }
}
@media (max-width: 380px) {
    /*=======================Post Grid====================================*/
    .atbssuga-post-latest-b--post-grid >div:not(:last-child) {
        margin-bottom: 25px;
    }
    [class*='atbssuga-post-latest-b--']:not(:last-child) {
        margin-bottom: 25px;
    }
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .list-item:first-child,
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--top .list-item {
        margin-bottom: 25px;
    }
    .post--overlay-title-small.post--overlay .post__text {
        min-height: 240px;
    }
    .post--overlay-title-small .post__title {
        max-width: 100%;
    }

    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item:nth-child(n) {
        margin-bottom: 25px;
    }
    .atbssuga-post-latest-b--post-grid .atbssuga-post-latest-b--body .list-item:last-child {
        margin-bottom: 0;
    }
}
/* Suga Main Col Grid B ---------------------- */

/* ---------------------- Suga Main Col Grid C */
.atbssuga-post-latest-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.atbssuga-post-latest-c > div {
    padding: 0 20px;
}
.atbssuga-post-latest-c >div:first-child {
    width: calc(470px + 40px); /*40px of padding*/
}
.atbssuga-post-latest-c >div.atbssuga-post-latest-c--post-grid-fw {
    width: 100%;
}
.atbssuga-post-latest-c >div:nth-child(2) {
    width: calc(100% - 510px);
}
[class*='atbssuga-post-latest-c--post-grid-'] {
    margin-bottom: 60px;
}
/*post overlay slide*/
/*text*/
.post--grid-overlay-slide a.post__cat.cat-theme {
    color: #fff !important;
}
.post--grid-overlay-slide a.post__cat {
    max-width: 80%;
}
.post--grid-overlay-slide .post__title {
    font-size: 26px;
    line-height: 1.4;
    max-width: 320px;
    font-weight: 700;
}
.post--grid-overlay-slide .post__text-inner {
    padding: 25px 30px 30px 30px;
}
/*owl-nav*/
.atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-prev,
.atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-next {
    bottom: 30px;
    top: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-prev {
    left: 30px;
}
.atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-next {
    left: calc(30px + 15px + 45px); /*15px is the space , 45px is the width*/
}
.atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-prev:hover,
.atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-next:hover {
    background-color: #fff;
    color: var(--color-logo);
}
/*owl-dots*/
.atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-dots {
    display: none;
}
/*post-horizontal-thumb not margin*/
.post--horizontal-not-middle .post__title {
    font-weight: 500;
    max-width: 95%;
    margin-bottom: 30px;
}
.post--horizontal-not-middle .post__excerpt {
    margin-bottom: 0;
}
/*post--horizontal-thumb-margin-top*/
/*layout*/
.atbssuga-post-latest-c--post-list .list-item:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}
/*thumb*/
.post--horizontal-thumb-margin-top .post__thumb {
    margin-top: 25px;
}
/*text*/
.post--horizontal-thumb-margin-top .post__title {
    margin-bottom: 30px;
    font-weight: 500;
}
.post--horizontal-thumb-margin-top .post__excerpt {
    margin-bottom: 25px;
}
.atbssuga-post-latest-c--post-grid-body {
    margin-bottom:0;
}

@media (max-width: 1199px) {
    /*layout*/
    .atbssuga-post-latest-c {
        margin: 0 -15px;
    }
    .atbssuga-post-latest-c > div:not(:only-child) {
        padding: 0 15px;
    }
    .atbssuga-post-latest-c >div:first-child:not(:only-child) {
        width: 100%;
    }
    .atbssuga-post-latest-c >div:last-child:not(:only-child) {
        width: 100%;
    }


    /*post overlay slide*/
    .post--grid-overlay-slide.post--overlay .post__text {
        min-height: 280px;
    }
    .post--grid-overlay-slide .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    /*post horizontal thumb not margin*/
    .atbssuga-post-latest-c--post-grid {
        margin-bottom: 30px;
    }
    .atbssuga-post-latest-c--post-grid-body .post-item {
        padding-bottom: 30px;
        border-bottom: 1px solid rgba(34, 34, 34, 0.1);
    }
    .post--horizontal-not-middle .post__thumb {
        margin-left: 20px;
    }
    .post--horizontal-not-middle .post__excerpt {
        margin-bottom: 25px;
    }
    /*post horizontal thumb margin top*/
    .post--horizontal-thumb-margin-top .post__thumb-large {
        width: 220px;
        height: 260px;
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .post--horizontal-thumb-margin-top.post--horizontal-reverse .post__thumb,
    .post--horizontal-not-middle.post--horizontal-reverse .post__thumb {
        float: right;
    }

    .post--horizontal-not-middle .post__title {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 1.4;
    }
    .post--grid-overlay-slide .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    [class*='atbssuga-post-latest-c--post-grid-']:not(:last-child) {
        margin-bottom: 30px;
    }
    .atbssuga-post-latest-c--post-list .list-item:not(:last-child) {
        margin-bottom: 30px;
    }
    /**/
    .post--grid-overlay-slide.post--overlay .post__text {
        min-height: 240px;
    }
    .atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-prev,
    .atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-next {
        width: 35px;
        height: 35px;
    }
    .atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-prev i,
    .atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-next i {
        font-size: 15px;
    }
    .atbssuga-post-latest-c--post-grid .atbssuga-carousel .owl-next {
        left: calc(30px + 15px + 35px);
    }
    /* post horizontal only module*/
    .post--horizontal-thumb-margin-top.post--horizontal-reverse .post__thumb,
    .post--horizontal-not-middle.post--horizontal-reverse .post__thumb {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    /*post horizontal not margin top*/
    .post--horizontal-not-middle .post__title {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 1.4;
    }
    .post--horizontal-not-middle .post__thumb {
        margin-bottom: 15px;
    }
    .post--horizontal-not-middle .post__excerpt {
        margin-bottom: 15px;
    }
    /*post horizontal margin top*/
    .post--horizontal-thumb-margin-top .post__thumb {
        margin-bottom: 15px;
    }
    .post--horizontal-thumb-margin-top .post__title {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 1.4;
    }

}
@media (max-width: 380px) {
    .atbssuga-post-latest-c--post-grid {
        margin-bottom: 25px;
    }
    [class*='atbssuga-post-latest-c--post-grid-']:not(:last-child) {
        margin-bottom: 25px;
    }
    /*post--grid-overlay-slide*/
    .post--grid-overlay-slide.post--overlay .post__text {
        min-height: 230px;
    }
    .post--grid-overlay-slide .post__title {
        max-width: 100%;
        font-size: 18px;
    }
    /**/
    .post--horizontal-not-middle .post__thumb {
        height: 215px;
    }
    .post--horizontal-thumb-margin-top .post__thumb {
        height: 215px;
    }
    /**/
    .atbssuga-post-latest-c--post-grid-body .post-item {
        padding-bottom: 25px;
    }
    .atbssuga-post-latest-c--post-list .list-item:not(:last-child) {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
}
/* Suga Main Col Grid C ---------------------- */

/* ---------------------- Suga Main Col Grid D */
/*layout*/
[class*='atbssuga-post-latest-d--']:not(:last-child) {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}
/*post vertical slide*/
.post--vertical-slide-2i .post__title {
    font-size: 26px;
    line-height: 1.3;
    font-weight: 500;
    max-width: 95%;
}
.atbssuga-main-col .post--vertical-slide-2i .post__title {
    font-size: 22px;
    line-height: 1.4;
}
.post--vertical-slide-2i .post__cat {
    margin-bottom: 10px;
}
/*nav*/
.atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-prev,
.atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-next {
    top: 100px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    width: 45px;
    height: 45px;
    background-color: #fff;
    color: var(--color-logo);
    border-radius: 50%;
    padding: 0;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-prev {
    left: -23px;
}
.atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-next {
    right: -23px;
}
.atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-prev:hover,
.atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-next:hover {
    background-color: var(--color-logo);
    color: #fff;
}
/*owl dots*/
.atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-dots {
    display: none;
}
/*post atbssuga-post-latest-d--post-grid*/
/*---------------------------------------------Only module d------------------------------------------------------*/
.atbssuga-post-latest-d--post-grid .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.atbssuga-post-latest-d--post-grid .list-item {
    width: calc( 100% / 3);
}
.atbssuga-post-latest-d--post-grid .list-item:first-child .post--nothumb-large-has-background {
    background-color: var(--color-logo);
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
.atbssuga-post-latest-d--post-grid .list-item:first-child .post--nothumb-large-has-background .post__cat,
.atbssuga-post-latest-d--post-grid .list-item:first-child .post--nothumb-large-has-background .post__title,
.atbssuga-post-latest-d--post-grid .list-item:first-child .post--nothumb-large-has-background .post__excerpt,
.atbssuga-post-latest-d--post-grid .list-item:first-child .post--nothumb-large-has-background .entry-author__name {
    color: #fff;
}
/*-----------------------------------------------------------------------------------------------------------------*/
/*post nothumb large background*/
.post--nothumb-large-has-background {
    padding: 30px 25px;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(1000px) translateY(0) translateZ(0);
    transform: perspective(1000px) translateY(0) translateZ(0);
}
.post--nothumb-large-has-background .post__text {
    -o-transition: none;
    transition: none;
    -webkit-transition: none;
}
.post--nothumb-large-has-background .post__title {
    font-weight: 500;
    margin-bottom: 30px;
}
.post--nothumb-large-has-background .post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.post--nothumb-large-has-background .post__excerpt {
    margin-bottom: 25px;
}
.post--nothumb-large-has-background .post__excerpt > * {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (min-width: 1200px) {
    /*post-list hover*/
    .atbssuga-post-latest-d--post-grid .post-list:hover .list-item:first-child .post--nothumb-large-has-background {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .atbssuga-post-latest-d--post-grid .post-list:hover .list-item:first-child .post__cat,
    .atbssuga-post-latest-d--post-grid .post-list:hover .list-item:first-child .post__title,
    .atbssuga-post-latest-d--post-grid .post-list:hover .list-item:first-child .post__excerpt,
    .atbssuga-post-latest-d--post-grid .post-list:hover .list-item:first-child .entry-author__name {
        color: #222222;
    }
    /*only using item first*/
    .atbssuga-post-latest-d--post-grid .post-list:hover .list-item:first-child:hover .post--nothumb-large-has-background {
        background-color: var(--color-logo);
        -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
        box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
        z-index: 1;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: perspective(1000px) translateY(-10px) translateZ(20px);
        transform: perspective(1000px) translateY(-10px) translateZ(20px);
    }
    .atbssuga-post-latest-d--post-grid .list-item:first-child:hover .post--nothumb-large-has-background .post__cat,
    .atbssuga-post-latest-d--post-grid .list-item:first-child:hover .post--nothumb-large-has-background .post__title,
    .atbssuga-post-latest-d--post-grid .list-item:first-child:hover .post--nothumb-large-has-background .post__excerpt,
    .atbssuga-post-latest-d--post-grid .list-item:first-child:hover .post--nothumb-large-has-background .entry-author__name {
        color: #fff;
    }
    .atbssuga-post-latest-d--post-grid .list-item .post--nothumb-large-has-background:hover a.post__cat {
        color: #fff !important;
    }
    /**/
    .post--nothumb-large-has-background:hover {
        background-color: var(--color-logo);
        -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
        box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
        z-index: 1;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;
        -webkit-transform: perspective(1000px) translateY(-10px) translateZ(20px);
        transform: perspective(1000px) translateY(-10px) translateZ(20px);
    }
    .post--nothumb-large-has-background:hover .post__cat,
    .post--nothumb-large-has-background:hover .post__title,
    .post--nothumb-large-has-background:hover .post__excerpt,
    .post--nothumb-large-has-background:hover .entry-author__name {
        color: #fff;
    }
}
/*post horizontal small*/
.atbssuga-post-latest-d--post-small .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.atbssuga-post-latest-d--post-small .list-item {
    width: calc( 100% / 3);
}
.atbssuga-post-latest-d--post-small .post--horizontal-title-small .post__title {
    max-width: 90%;
}

@media (max-width: 1199px) {
    /*post-vertical slide 2 item*/
    .post--vertical-slide-2i .post__thumb {
        height: 200px;
        margin-bottom: 20px;
    }
    .post--vertical-slide-2i .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .atbssuga-main-col .post--vertical-slide-2i .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    /*owl nav*/
    .atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-prev,
    .atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-next {
        width: 35px;
        height: 35px;
        top: 85px;
    }
    .atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-prev i,
    .atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-next i {
        font-size: 15px;
    }
    .atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-prev {
        left: 15px;
    }
    .atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-next {
        right: 15px;
    }
    /*post atbssuga-post-latest-d--post-grid*/
    .atbssuga-post-latest-d--post-grid .post-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .atbssuga-post-latest-d--post-grid .list-item {
        width: 50%;
    }
    .atbssuga-post-latest-d--post-grid .list-item:first-child {
        width: 100%;
        /*text-align: center;*/
    }
    .atbssuga-post-latest-d--post-grid .list-item:first-child .post__title {
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 1.4;
        font-weight: 600;
        max-width: 520px;
    }
    .atbssuga-post-latest-d--post-grid .list-item:first-child .post__excerpt {
        max-width: 65%;
    }
    /*post--nothumb-large-has-background*/
    .post--nothumb-large-has-background .post__title {
        font-size: 18px;
        margin-bottom: 25px;
    }
    /*post horizontal small*/
    .atbssuga-post-latest-d--post-small .list-item {
        width: 50%;
    }
    .atbssuga-post-latest-d--post-small .list-item:not(:last-child) {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    /*post atbssuga-post-latest-d--post-grid*/
    .atbssuga-post-latest-d--post-grid .list-item:first-child {
        text-align: left;
    }
    .atbssuga-post-latest-d--post-grid .list-item:first-child .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .atbssuga-post-latest-d--post-grid .list-item:first-child .post__excerpt {
        margin-left: 0;
    }

}
@media (max-width: 576px) {
    [class*='atbssuga-post-latest-d--']:not(:last-child) {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    /*post vertical 2i*/
    .post--vertical-slide-2i .post__thumb {
        height: 230px;
    }
    .atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-prev,
    .atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-next {
        top: 95px;
    }
    /*post atbssuga-post-latest-d--post-grid*/
    .atbssuga-post-latest-d--post-grid {
        padding-bottom: 0 !important;
    }
    .atbssuga-post-latest-d--post-grid .post-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .atbssuga-post-latest-d--post-grid .list-item {
        width: 100%;
    }
    .atbssuga-post-latest-d--post-grid .list-item:not(:last-child) {
        border-bottom: 1px solid rgba(34, 34, 34, 0.1);
    }
    .atbssuga-post-latest-d--post-grid .list-item:first-child .post__title {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 1.4;
    }
    .atbssuga-post-latest-d--post-grid .list-item:first-child .post__excerpt {
        max-width: 90%;
    }
    .post--nothumb-large-has-background .post__excerpt {
        max-width: 90%;
    }
    /*post horizontal small*/
    .atbssuga-post-latest-d--post-small .list-item {
        width: 100%;
    }
    .atbssuga-post-latest-d--post-small .list-item:not(:last-child) {
        margin-bottom: 25px;
    }
    .atbssuga-post-latest-d--post-small .post--horizontal-title-small .post__title {
        max-width: 100%;
    }
}
@media (max-width: 380px) {
    [class*='atbssuga-post-latest-d--']:not(:last-child) {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    /*post vertical 2i*/
    .post--vertical-slide-2i .post__thumb {
        height: 200px;
    }
    .atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-prev,
    .atbssuga-post-latest-d--post-slide .atbssuga-carousel .owl-next {
        top: 80px;
    }
    /*post no thumb large has background*/
    .post--nothumb-large-has-background {
        padding: 25px;
    }
}
.atbssuga-post-latest-d--post-grid .list-item.active .post--nothumb-large-has-background a.post__cat {
    color: #fff !important;
}

.atbssuga-post-latest-d--post-grid:hover .list-item.active .post--nothumb-large-has-background a.post__cat {
    color: var(--color-logo) !important;
}
.atbssuga-post-latest-d--post-grid:hover .list-item.active .post--nothumb-large-has-background:hover a.post__cat {
    color: #fff !important;
}

/* Suga Main Col Grid D ---------------------- */
.inverse-text a.post__cat {
    color: #fff ;
}
/* update wp btn view all*/
.form-submit .submit {
    color: var(--color-logo);
    border-radius: 40px;
    padding: 12px 25px;
    border: 1px solid var(--color-logo);
    font-size: 15px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.atbssuga-pagination.atbssuga-pagination-view-all-post .btn {
    background: none;
    font-size: 13px;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    padding:0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-title);
    letter-spacing: 0.5px;
}
.atbssuga-pagination.atbssuga-pagination-view-all-post {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.atbssuga-pagination.atbssuga-pagination-view-all-post .btn i {
    font-size: 16px;
    outline: none;
    color: var(--color-title);
}
.atbssuga-pagination.atbssuga-pagination-view-all-post .btn:hover {
    background: none;
    color: var(--color-logo);
}
.atbssuga-pagination.atbssuga-pagination-view-all-post .btn:hover i {
    color: var(--color-logo);
}
.atbssuga-pagination [class*='js-ajax-load-'] , .atbssuga-pagination [class*='js-ajax-load-']:active {
    border: 1px solid var(--color-logo);
    background: var(--color-logo);
    color: #fff;
    border-radius: 40px;
    padding: 12px 25px;
    font-size: 15px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.atbssuga-pagination [class*='js-ajax-load-'] {
    color: #fff !important;
}
a.post__cat.color-white {
    color: #fff !important;
}
a.post__cat.color-white.cat-theme {
    color: #fff !important;
}
#section-search-panel-popular-option span.tag {
    border: 1px solid #a5d24a;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 5px;
    text-decoration: none;
    background: #cde69c;
    color: #638421;
    margin-right: 5px;
    margin-bottom: 5px;

    font-size: 13px;
}
/*Ajax Search Modify */

.suga-ajax-no-result {
    font-size: 20px;
    padding: 20px 40px;
    border: 2px dashed #ccc;
    text-align: center;
    max-width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.typing-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-25px, -50%);
    -ms-transform: translate(-25px, -50%);
    transform: translate(-25px, -50%);
    z-index: 11;
}
.atbssuga-search-full--result.is-loading .search-results__inner {
    position: relative;
}
.atbssuga-search-full--result.is-loading .search-results__inner::before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    z-index: 10;
}
.atbssuga-search-full--result.is-loading .suga-ajax-no-result {
    display: none;
}
.atbssuga-search-full {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    padding-top: 100px;
    padding-bottom: 100px;
}
.result-default {
    max-height: 550px;
    overflow-x: auto;
    padding-right: 60px;
}
.atbssuga-search-full--result {
    max-height: 100%;
    /*max-height: 550px;*/
    overflow-x: auto;
    padding-right: 50px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.atbssuga-search-full .result-default::-webkit-scrollbar,
.atbssuga-search-full .atbssuga-search-full--result::-webkit-scrollbar {
    width: 5px;
    border-radius: 15px;
}
.atbssuga-search-full--form {
    position: relative;
}
.result-default::-webkit-scrollbar-thumb,
.atbssuga-search-full--result::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #e8e8e8;
}

/*research*/
.atbssuga-search-full .show-content {
    opacity: 0;
}
.atbssuga-search-full .post__thumb--overlay .background-img::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    opacity: 0.15;
    background-color: #232323;
}
.atbssuga-search-full.active .show-content {
    -webkit-animation: 1s ShowContent forwards 0.5s;
    animation: 1s ShowContent forwards 0.5s;
}
@-webkit-keyframes ShowContent {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes ShowContent {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@media (max-width: 1366px) {
    .atbssuga-search-full.active #atbssuga-search-remove,
    .atbssuga-search-full.active #atbssuga-search-remove {
        top: 40px;
        right: 40px;
    }


    .result-default {
        /*max-height: calc( 100%  - 140px);*/
    }
}

@media (max-width: 1199px) {
    .atbssuga-search-full.active #atbssuga-search-remove, .atbssuga-search-full.active #atbssuga-search-remove {
        right: 30px;
    }
    .atbssuga-search-full--result-inner .post-grid-video-space-between.post--overlay .post__text {
        min-height: 300px;
        padding: 0 35px;
    }
    .atbssuga-search-full.active .atbssuga-search-full--result .post-grid-video-space-between .post__title {
        font-size: 20px;
    }
    .atbssuga-search-full.active .atbssuga-search-full--result .post-grid-video-space-between .post__text-inner {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .atbssuga-search-full {
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    #atbssuga-search-remove,
    .atbssuga-search-full.active #atbssuga-search-remove {
        position: fixed;
        right: 15px !important;
        top: 20px !important;
        width: auto;
        height: auto;
        font-size: 35px;
        margin: 0;
    }
}
@media (max-width: 576px) {
    .atbssuga-search-full .atbssuga-search-full--wrap {
        margin-top: 0;
    }
}
@media (max-width: 480px) {
    #atbssuga-search-remove, .atbssuga-search-full.active #atbssuga-search-remove {
        top: 30px;
    }
    .result-default {
        padding-right: 30px;
    }
}
.atbssuga-search-full--result-inner .atbssuga-pagination [class*='js-ajax-load-'] {
    background: none !important;
}
.atbssuga-search-full--result-inner .atbssuga-pagination [class*='js-ajax-load-'] i {
    display: none;
}
.atbssuga-search-full--result-inner .atbssuga-pagination [class*='js-ajax-load-'] a {
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.atbssuga-search-full--result-inner .atbssuga-pagination [class*='js-ajax-load-']:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.atbssuga-search-full--form .popular-tags .tags-list ul, .atbssuga-search-full--form .popular-search .search-terms-list ul {
    margin-bottom: -5px;
}
.atbssuga-search-full--form .popular-tags .tags-list ul li,  .atbssuga-search-full--form .popular-search .search-terms-list ul li {
    padding-bottom: 5px;
}
/* m-b-0-mobile*/
@media(max-width: 991px) {
    .m-b-0-mobile-md {
        margin-bottom: 0 !important;
    }
}
@media(max-width: 768px) {
    .m-b-0-mobile-sm {
        margin-bottom: 0 !important;
    }
}

/** Theme Check Issue **/
/**
  * Menu To Left
  */
.atbs-submenu-to-left .sub-menu {
    right: calc(100%) !important;
    left: auto !important;
}
.atbs-submenu-to-right .sub-menu {
    right: auto !important;
    bottom: auto !important;
    left: 100% !important;
}

/** Featured Image **/
.single-page-layout-1 .entry-thumb img {
    /*width: auto;*/
    width: 100%;
    height: auto;
}

/*Edit Suga 26.11.2019*/
/* ----------------------- all Home */
/*.block-heading.block-heading-small .block-heading__title {
    font-size: 18px;
    letter-spacing: 0.9px;
    color: #FDFDFD;
}*/
.post--horizontal-80 .post__thumb {
    width: 80px;
    height: 80px;
}
.post__cat {

    margin-right: 0;
}
.post__title {

}
.post__excerpt {

}
.post__meta time.time , 
.post time.time {

    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
}
.time.time-opacity {
    color: rgba(0, 0, 0, 0.4);
}
.post__text--wrap-time-cat {
    margin-bottom: 13px;
}
.post__text--wrap-time-cat .post__cat,
.post__text--wrap-time-cat time.time {
    margin-bottom: 0;
}
.post__text--wrap-time-cat .post__cat:not(:last-child) {
    margin-right: 10px;
}
.post__thumb-570 .post__thumb {
    height: 570px;
}
.post__thumb-600 .post__thumb {
    height: 600px;
}
.post__thumb-645 .post__thumb {
    height: 645px;
}
.post__thumb-795 .post__thumb {
    height: 795px;
}
.post__thumb-970 .post__thumb {
    height: 970px;
}
.post--overlay-height-520 .post__text {
    min-height: 520px;
}
.post--overlay-height-570 .post__text {
    min-height: 570px;
}
.post--overlay-height-795 .post__text {
    min-height: 795px;
}
.post--overlay-height-700 .post__text {
    min-height: 700px;
}
.post--overlay-height-80vh .post__text {
    min-height: 80vh;
}
.post--overlay-height-85vh .post__text {
    min-height: 85vh;
}
.post--overlay-height-90vh .post__text {
    min-height: 90vh;
}
.post--overlay-height-100vh .post__text {
    min-height: 100vh;
}
.dots-circle .owl-dot {
    padding: 4px;
}
.dots-circle .owl-dot span {
    border-radius: 50%;
}
.dots-circle .owl-dot.active span {
    background-color: var(--color-logo);
}
.post--vertical-reverse-custom {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.post--vertical-reverse .post__thumb {
    width: 100%;
}

@media (max-width: 768px) {
    .post__text--wrap-time-cat {
        margin-bottom: 10px;
    }
}
/* all Home ----------------------- */

/* ----------------------- Suga-Feature-Slider-C */
/*
    Layout
*/

/*
    Content
*/
/*post slide*/
.post--overlay-text-align-center .post__text {
    text-align: center;
}
.post--overlay-text-align-center .post__text-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 735px;
    padding: 0;
}
.post--overlay-text-align-center .post__cat {
    margin-bottom: 25px;
    font-size: 15px;
    color: #fff;
}
.post--overlay-text-align-center .entry-author__name {
    font-size: 15px;
    font-weight: 500;
} 
.post--overlay-text-align-center .post__title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: capitalize;
    line-height: 1.34;
}
.post--overlay-text-align-center .post__excerpt {
    max-width: 100%;
}
.post-slider-text-align-center .owl-carousel .owl-prev,
.post-slider-text-align-center .owl-carousel .owl-next {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    color: var(--color-logo);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.post-slider-text-align-center .owl-carousel .owl-prev i,
.post-slider-text-align-center .owl-carousel .owl-next i {
    font-size: 20px;
}
.post-slider-text-align-center .owl-carousel .owl-prev:hover,
.post-slider-text-align-center .owl-carousel .owl-next:hover {
    background-color: var(--color-logo);
    color: #fff;
}
.post-slider-text-align-center .owl-carousel .owl-prev {
    left: calc(50% - 1280px/2 );
}
.post-slider-text-align-center .owl-carousel .owl-next {
    right: calc(50% - 1280px/2);
}
.post-slider-text-align-center .owl-carousel .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 55px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
}
.post-slider-text-align-center .owl-carousel .owl-dots .owl-dot span {
    background-color: rgba(255, 255, 255, 0.6);
}
.post-slider-text-align-center .owl-carousel .owl-dots .owl-dot.active span {
    background-color: rgba(255, 255, 255, 1);
}
@media (max-width: 1366px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post-slider-text-align-center .owl-carousel .owl-prev {
        left: calc(50% - 1170px/2 );
    }
    .post-slider-text-align-center .owl-carousel .owl-next {
        right: calc(50% - 1170px/2);
    }
    .post--overlay-text-align-center.post--overlay .post__text {
        min-height: 700px;
    }
    .post--overlay-text-align-center .post__title {
        font-size: 44px;
    }
}
@media (max-width: 1199px) {
    /*
       Layout
    */

    /*
        Content
    */
    .post--overlay-text-align-center .post__text-inner {
        max-width: 620px;
    }
    .post--overlay-text-align-center.post--overlay .post__text {
        min-height: 600px;
    }
    .post--overlay-text-align-center .post__title {
        font-size: 32px;
        line-height: 1.4;
    }
    .post-slider-text-align-center .owl-carousel .owl-prev {
        left: calc(50% - 940px/2 );
    }
    .post-slider-text-align-center .owl-carousel .owl-next {
        right: calc(50% - 940px/2);
    }
}
@media (max-width: 991px) {
    /*
       Layout
    */

    /*
        Content
    */
    .post--overlay-text-align-center .post__text-inner {
        max-width: 520px;
        width: 100%;
    }
    .post--overlay-text-align-center.post--overlay .post__text {
        min-height: 500px;
    }
    .post--overlay-text-align-center .post__title {
        font-size: 28px;
    }
    .post-slider-text-align-center .owl-carousel .owl-prev {
        left: calc(50% - 720px/2 );
    }
    .post-slider-text-align-center .owl-carousel .owl-next {
        right: calc(50% - 720px/2);
    }
    .post-slider-text-align-center .owl-carousel .owl-dots {
        bottom: 40px;
    }
}
@media (max-width: 768px) {
    /*
       Layout
    */

    /*
        Content
    */
    .post--overlay-text-align-center .post__text-inner {
        max-width: 510px;

    }
    .post--overlay-text-align-center.post--overlay .post__text {
        min-height: 450px;
    }
    .post--overlay-text-align-center .post__cat {
        font-size: 12px;
        margin-bottom: 13px;
    }
    .post--overlay-text-align-center .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
    .post-slider-text-align-center .owl-carousel .owl-nav {
        display: none;
    }
}
@media (max-width: 576px) {
    /*
       Layout
    */

    /*
        Content
    */
    .post--overlay-text-align-center .post__text-inner {
        /*max-width: 100%;*/
        /*width: 65%;*/
    }
    .post--overlay-text-align-center.post--overlay .post__text {
        min-height: 350px;
    }
    .post--overlay-text-align-center .post__title {
        /*font-size: 24px;*/
        /*line-height: 1.5;*/
    }
    .post-slider-text-align-center .owl-carousel .owl-dots {
        bottom: 35px;
    }
}
@media (max-width: 480px) {
    /*
       Layout
    */

    /*
        Content
    */
    .post--overlay-text-align-center .post__text-inner {
        max-width: calc(100% - 30px);
    }
    .post--overlay-text-align-center.post--overlay .post__text {
        min-height: 300px;
    }
    .post--overlay-text-align-center .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    .post-slider-text-align-center .owl-carousel .owl-dots {
        bottom: 30px;
    }
}
@media (max-width: 420px) {
    /*
       Layout
    */

    /*
        Content
    */
    .post--overlay-text-align-center .post__text-inner {
        max-width: 100%;
        width: 75%;
    }
    .post--overlay-text-align-center.post--overlay .post__text {
        min-height: 300px;
    }
    .post--overlay-text-align-center .post__title {
        font-size: 20px;
        line-height: 1.3;
    }
}
@media (max-width: 380px) {
    /*
       Layout
    */

    /*
        Content
    */
    .post--overlay-text-align-center .post__text-inner {
        max-width: 100%;
        width: 80%;
    }
    .post--overlay-text-align-center.post--overlay .post__text {
        min-height: 280px;
    }
    .post-slider-text-align-center .owl-carousel .owl-dots {
        bottom: 20px;
    }
}
@media (max-width: 320px) {
    /*
       Layout
    */

    /*
        Content
    */
    .post--overlay-text-align-center .post__text-inner {
        width: 85%;
    }
    .post--overlay-text-align-center.post--overlay .post__text {
        min-height: 270px;
    }
}
/* .Suga-Feature-Slider-C ----------------------- */
/* ----------------------- Suga-Grid-l */
@media(max-width: 1199px) and (min-width: 992px) {
    .atbssuga-suga-grid-l .post-grid-video-space-between .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
}
@media(max-width: 991px) and (min-width: 769px) {
    .atbssuga-suga-grid-l .post-grid-video-space-between .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
    .atbssuga-suga-grid-l .post--overlay-radius-text-hidden .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    .atbssuga-suga-grid-l .post-grid-video-space-between .post__excerpt {
        display: none !important;
    }
    .atbssuga-suga-grid-l .post-grid-video-space-between .overlay-item--top-left {
        position: static;
    }
}
@media(max-width: 768px) and (min-width: 577px) {
    .atbssuga-suga-grid-l .post--overlay-radius-text-hidden .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
/* Suga-Grid-l ----------------------- */

/* ----------------------- Suga-Grid-M */
/*
    Layout
*/
.suga-grid-m .atbssuga-block__inner > div:not(:last-child) {
    margin-bottom: 60px;
}
/*post main*/
.suga-grid-m .post-main {
    position: relative;
}
/*post sub*/
.suga-grid-m .post-sub .post-list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}
.suga-grid-m .post-sub .list-item {
    width: calc(100% / 3);
    padding: 15px;
}
/*
    Content
*/
/*post slide*/
.owl-background-img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    -webkit-transition: opacity 0.6s ease-in-out;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.owl-background-img.active {
    opacity: 1;
}
.suga-grid-m .post-slide .owl-background {
    height: 500px;
    width: 100%;
    position: relative;
    /*z-index: -1;*/
}
.suga-grid-m .post-slide .owl-carousel {
    position: absolute;
    right: 60px;
    top: 60px;
    width: 380px;
    background-color: #131313;
}
.suga-grid-m .post-slide .owl-carousel .owl-dots {
    position: absolute;
    padding: 0;
    left: 50%;
    bottom: 35px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.suga-grid-m .post-slide .owl-carousel .owl-dot.active span {
    background-color: #fff;
    opacity: 1;
}
.suga-grid-m .post-slide .owl-carousel .owl-dot span {
    background-color: #fff;
    opacity: 0.6;
}
.post--vertical-slide-no-thumb {
    width: 100%;
    height: 380px;
    padding: 55px 45px 50px 45px;
}
.post--vertical-slide-no-thumb .post__thumb {
    display: none;
}
.post--vertical-slide-no-thumb .post__text {
    text-align: center;
}
.post--vertical-slide-no-thumb a.post__cat,
.post--vertical-slide-no-thumb .post__title,
.post--vertical-slide-no-thumb.time-opacity time,
.post--vertical-slide-no-thumb .post__excerpt {
    color: #fff;
}
.time-opacity time,
.post--vertical-slide-no-thumb.time-opacity time {
    opacity: 0.6;
}
.post--vertical-slide-no-thumb .post__title {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 30px;
}
.post--vertical-slide-no-thumb .post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.post--vertical-slide-no-thumb .post__excerpt {
    max-width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*post sub*/
.post--vertical-text-align-center .post__thumb {
    margin-bottom: 30px;
}
.post--vertical-text-align-center .post__text {
    margin: 0 25px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.post--vertical-text-align-center .post__title {
    /*text-transform: uppercase;*/
    width: 100%;
    margin-bottom: 12px;
}
.post--vertical-text-align-center .post__text--wrap-time-cat {
    margin-bottom: 0;
}
.suga-grid-m .atbssuga-pagination.atbssuga-pagination-view-all-post i {
    display: none;
}
.suga-grid-m .atbssuga-pagination.atbssuga-pagination-view-all-post a {
    min-width: 170px;
    width: fit-content;
    border-radius: 3px;
    height: 60px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    margin: 0 auto;
    background-color: var(--color-logo);
    color: #fff;
    border: 1px solid var(--color-logo);
    font-size: 15px;
    text-transform: uppercase;

    font-weight: 500;
    letter-spacing: 0.75px;
}
.suga-grid-m .post-sub .atbssuga-pagination {
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1199px) {
    /*
        Layout
    */

    /*
        Content
    */
    /*post main*/
    .suga-grid-m .post-slide .owl-carousel {
        width: 350px;
    }
    .post--vertical-slide-no-thumb {
        padding: 45px;
        height: 370px;
    }
    .post--vertical-slide-no-thumb .post__title {
        font-size: 22px;
    }
    .post--vertical-slide-no-thumb .post__excerpt {
        max-width: 100%;
    }
    .suga-grid-m .post-slide .owl-carousel .owl-dots {
        bottom: 30px;
    }

    .post--vertical-text-align-center .post__thumb {
        margin-bottom: 20px;
    }
    .post--vertical-text-align-center .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    /*
        Layout
    */
    .suga-grid-m .atbssuga-block__inner > div:not(:last-child) {
        margin-bottom: 40px;
    }
    /*
        Content
    */
    .post--vertical-text-align-center .post__text {
        margin: 0 auto;
    }
    /*post main*/
    .suga-grid-m .post-slide .owl-background {
        height: 460px;
    }
    .suga-grid-m .post-slide .owl-carousel {
        width: 330px;
    }
    .post--vertical-slide-no-thumb {
        padding: 45px 35px;
        height: 350px;
    }
    .post--vertical-slide-no-thumb .post__title {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 25px;
    }
    .post--vertical-slide-no-thumb .post__excerpt {
        max-width: 100%;
    }
    /*post sub*/
    .post--vertical-text-align-center .post__title {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 13px;
    }
    .post--vertical-text-align-center .post__thumb {
        margin-bottom: 15px;
    }
}
@media (max-width: 768px) {
    .suga-grid-m .post-slide .owl-background {
        height: 450px;
    }
    .suga-grid-m .post-slide .owl-carousel {
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .post--vertical-slide-no-thumb {
        height: 320px;
        padding: 35px;
    }
    .suga-grid-m .post-slide .owl-carousel .owl-dots {
        bottom: 30px;
    }
    /*post sub*/
    .post--vertical-text-align-center .post__title {
        margin-bottom: 10px;
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */
    .suga-grid-m .post-sub .list-item {
        width: 100%;
    }
    /*
        Content
    */
    /*post sub*/
    .post--vertical-text-align-center .post__thumb {
        width: 100%;
        height: 300px;
    }
    .post--vertical-text-align-center .post__thumb a {
        width: 100%;
        height: 100%;
    }
    .post--vertical-text-align-center .post__thumb img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .post--vertical-text-align-center .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .post--vertical-text-align-center .post__title a {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .suga-grid-m .atbssuga-pagination-view-all-post a {
        width: 150px;
        height: 50px;
    }
}
@media (max-width: 480px) {
    /*
        Layout
    */

    /*
        Content
    */
    .suga-grid-m .post-slide .owl-background {
        height: 340px;
    }
    .suga-grid-m .post-slide .owl-carousel {
        right: 0;
        top: 50%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        width: 90%;
        margin: -150px auto 0 auto;
        z-index: 1;
    }
    .post--vertical-slide-no-thumb {
        /*height: 290px;*/
        /*height: auto;*/
        padding: 40px 30px 30px 30px;
    }
    .post--vertical-slide-no-thumb .post__text {
        text-align: center;
        /*max-width: 275px;*/
        margin: 0 auto;
    }
    /*post sub*/
    .post--vertical-text-align-center .post__thumb {
        height: 270px;
    }
}
@media (max-width: 420px) {
    /*
        Content
    */
    .suga-grid-m .post-slide .owl-background {
        height: 330px;
    }
    .post--vertical-slide-no-thumb .post__title {
        font-size: 18px;
        line-height: 1.38;
    }
    /*post sub*/
    .post--vertical-text-align-center .post__thumb {
        height: 250px;
    }
}
@media (max-width: 380px) {
    /*
        Content
    */
    .suga-grid-m .post-slide .owl-background {
        height: 290px;
    }
    /*post sub*/
    .post--vertical-text-align-center .post__thumb {
        height: 220px;
    }
    .post--vertical-text-align-center .post__text {
        max-width: 90%;
    }
}
@media (max-width: 320px) {
    /*
        Content
    */
    .suga-grid-m .post-slide .owl-background {
        /*height: 290px;*/
    }
    .post--vertical-slide-no-thumb {
        padding: 30px;
    }
}

.suga-grid-m .atbssuga-pagination-view-all-post {
    border-bottom: none;
    padding-bottom:0;
}
/* .Suga-Grid-M ----------------------- */


/* ----------------------- Suga-Grid-N */
/*
    Layout
*/
.suga-grid-n {
    padding: 60px 0 110px 0;
    background-color: #131313;
}
.suga-grid-n.background-version-white {
    padding: 0 0 0 0;
    background-color: #fff;
}
.suga-grid-n.background-version-gray {
    background-color: #fafafa;
}
.suga-grid-n:not(.background-version-white):not(.background-version-white) .block-heading .block-heading__title {
    color: #fff;
}
.suga-grid-n:not(.background-version-white):not(.background-version-white) .has-block-heading-line-around.block-heading::before, 
.suga-grid-n:not(.background-version-white):not(.background-version-white) .has-block-heading-line-around.block-heading::after,
.suga-grid-n:not(.background-version-white):not(.background-version-white) .block-heading--line-under.block-heading,
.suga-grid-n:not(.background-version-white):not(.background-version-white) .block-heading--line.block-heading::after {
    border-color: rgba(255,255,255,0.1);
}

/*.suga-grid-n.background-version-white .block-heading .block-heading__title {
    color: #222222;
}
.suga-grid-n.background-version-gray .block-heading .block-heading__title {
    color: #222222;
}*/
.suga-grid-n .block-heading--line.block-heading::after {
    background-color: #fff;
}
.suga-grid-n .block-heading--line-under.block-heading {
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
.suga-grid-n.background-version-white .block-heading--line.block-heading::after {
    background-color: #222222;
}
.suga-grid-n.background-version-gray .block-heading--line.block-heading::after {
    background-color: #222222;
}
.suga-grid-n.background-version-gray .block-heading--line-under.block-heading {
    border-bottom: 2px solid rgba(2, 2, 2, 0.3);
}
.suga-grid-n.background-version-white .block-heading--line-under.block-heading {
    border-bottom: 2px solid rgba(2, 2, 2, 0.3);
}
.suga-grid-n .atbssuga-block__inner {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}
.suga-grid-n .atbssuga-block__inner > div {
    padding: 15px;
}
.suga-grid-n .post-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.suga-grid-n .post-sub {
    width: 400px;
}
.suga-grid-n .post-sub .post-sub__inner {
    height: 400px;
    overflow-y: auto;
    padding-right: 40px;
}
.suga-grid-n .post-sub .post-sub__inner::-webkit-scrollbar {
    width: 5px;
}
.suga-grid-n .post-sub .post-sub__inner::-webkit-scrollbar-thumb {
    background-color: #9B9B9B ;
}
.suga-grid-n .post-sub .post-list .list-item:not(:last-child) {
    margin-bottom: 20px;
}
/*
    Content
*/
/*post main*/
.suga-grid-n .post-main .post-grid-video-space-between.post--overlay {
    border-radius: 0;
}
.suga-grid-n .post-main .post-grid-video-space-between .post__text {
    padding: 0 60px;
}
.suga-grid-n .post-main .post-grid-video-space-between .post__text-inner {
    max-width: 480px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.suga-grid-n .post-main .post-grid-video-space-between .post__title {
    line-height: 1.4;
    margin-bottom: 0;
}
@media(min-width: 1200px) {
    .suga-grid-n .post-main .post-grid-video-space-between .post__title {
        font-size: 30px;
    }
}
.suga-grid-n.background-version-white .post-sub .post--horizontal-video .post__title {
    color: var(--color-title);
}
.suga-grid-n.background-version-white .post-sub .post--horizontal-video .inverse-text {
    color:  var(--color-title);
}
.suga-grid-n.background-version-white .post-sub .post--horizontal-video .post__title a {
    color: var(--color-title);
}
.suga-grid-n.background-version-gray .post-sub .post--horizontal-video .post__title {
    color: var(--color-title);
}
.suga-grid-n.background-version-gray .post-sub .post--horizontal-video .inverse-text {
    color:  var(--color-title);
}
.suga-grid-n.background-version-gray .post-sub .post--horizontal-video .post__title a {
    color: var(--color-title);
}
.suga-grid-n .post-main .post-grid-video-space-between time.time {
    color: #fff;
    opacity: 0.6;
}
.suga-grid-n .post-main .post-grid-video-space-between .post-type-icon {
    margin-right: 0;
}
/*post sub*/
.post--horizontal-video .post__thumb {
    width: 130px;
    height: 85px;
    margin-right: 15px;
}
.post--horizontal-video .post__title {
    font-size: 15px;
    line-height: 1.53;
    margin-bottom: 5px;
}
.suga-grid-n .post-sub .post--horizontal-video .time {
    opacity: 0.7;
    font-weight: 300;
}
@media(max-width: 991px) and (min-width: 768px) {
    .suga-grid-n .post-main .post-grid-video-space-between .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
}
@media(max-width: 1199px) and (min-width: 992px) {
    .suga-grid-n .post-main .post-grid-video-space-between .post__title {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 0;
    }
}
@media (max-width: 1199px) {
    /*
        Layout
    */
    .suga-grid-n .post-sub .post-sub__inner {
        height: 310px;
        overflow-y: auto;
    }
    /*
        Content
    */
    /*post main*/
    .suga-grid-n .post-main .post-grid-video-space-between .post__text {
        padding: 0 40px;
        min-height: 370px;
    }
    
}
@media (max-width: 991px) {
    /*
        Layout
    */
    .suga-grid-n {
        padding: 60px 0;
    }
    .suga-grid-n .atbssuga-block__inner {
        margin: -20px;
    }
    .suga-grid-n .atbssuga-block__inner > div {
        padding: 20px;
        width: 100%;
    }
    /*
        Content
    */
    .suga-grid-n .block-heading.block-heading-small::after {
        content: '';
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.1);
        margin-left: 20px;
    }
    /*post main*/
    /*post sub*/
    .post--horizontal-video .post__thumb {
        width: 150px;
        height: 90px;
        margin-right: 15px;
    }
    .post--horizontal.post--horizontal-video .post__title {
        font-size: 18px;
        line-height: 1.5;
        max-width: 80%;
    }

    /**/
    .suga-grid-n .post-main .post-grid-video-space-between .post__text-inner {
        max-width: 410px;
    }
}
@media (max-width: 768px) {

    /*
        Content
    */
    /*post main*/
    .suga-grid-n .post-main .post-grid-video-space-between .post__text {
        min-height: 350px;
    }
    /*post sub*/
    .post--horizontal-video {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .post--horizontal-video .post__thumb {
        margin-bottom: 0;
    }
    .post--horizontal-video .post__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .suga-grid-n .post-main .post-grid-video-space-between .post__text-inner {
        max-width: 380px;
    }
    .suga-grid-n .post-main .post-grid-video-space-between .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
}
@media (max-width: 575px) {
    .post--horizontal.post--horizontal-video .post__title {
        font-size: 16px;
        line-height: 1.5;
        max-width: 100%;
    }

    .suga-grid-n .post-main .post-grid-video-space-between .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {

    /*
        Content
    */
    .suga-grid-n .post-main .post-grid-video-space-between .post__text {
        min-height: 310px;
        padding: 0 20px;
    }
    /*post sub*/
    .suga-grid-n .post-sub .post-sub__inner {
        padding-right: 20px;
    }

}
@media (max-width: 380px) {

    /*
        Content
    */
    /*post main*/
    .suga-grid-n .post-main .post-grid-video-space-between .post__text {
        min-height: 260px;
    }
    /*post sub*/
    .post--horizontal-video .post__thumb {
        width: 80px;
        height: 60px;
    }
    .post--horizontal-video .post__title {
        font-size: 14px;
    }
    .post--horizontal-video .meta-date-wrap {
        display: none;
    }
}
@media (max-width: 320px) {
    /*
       Content
   */
    /*post main*/
    .suga-grid-n .post-main .post-grid-video-space-between .post__text {
        min-height: 250px;
    }
}
.suga-grid-n .published i {
    margin-right: 4px;
}
.suga-grid-n .post-sub .block-heading-small {
    margin-bottom: 40px;
}
.suga-grid-n .post-sub .block-heading-small .block-heading__title {
    font-size: 18px;
}
/* .Suga-Grid-N ----------------------- */


/* ----------------------- atbssuga-post-listing-alt-c */
/*
    Layout
*/
.atbssuga-post-listing-alt-c .post-list {
    margin: -15px;
}
.atbssuga-post-listing-alt-c .post-list .list-item {
    padding: 15px;
}
.atbssuga-post-listing-alt-c .post-listing-horizontal-3i {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin: 0 -17.5px;*/
    padding: 0 25px;
}
.atbssuga-post-listing-alt-c .post-list .post-listing-horizontal-3i:last-child,
.atbssuga-post-listing-alt-c .post-list .list-item + .post-listing-horizontal-3i:last-child {
    margin-bottom: 0;
}
.atbssuga-post-listing-alt-c .post-listing-horizontal-3i:first-child + .list-item {
    margin-top: 30px;
}
.atbssuga-post-listing-alt-c .post-list .list-item + .post-listing-horizontal-3i {
    margin: 30px 0;
}
.atbssuga-post-listing-alt-c .post-listing-horizontal-3i .list-item {
    width: calc( 100% / 3);
}
/*
    Content
*/
/*post horizontal small*/
.post--horizontal-3i-small-xxs .post__thumb {
    margin-bottom: 0;
    margin-right: 30px;
}
.post--horizontal-3i-small-xxs .post__title {
    font-weight: 500;
}
/*post horizontal text center*/
.atbssuga-post-listing-alt-c .post--horizontal-reverse-big {
    padding-bottom: 0;
}
.atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__thumb {
    margin-left: 0;
    width: 57%;
}
.atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__text--wrap {
    margin: 0 auto;
}
.atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__title {
    font-size: 24px;
    line-height: 1.5;
    max-width: 85%;
    /*text-transform: uppercase;*/
    margin-bottom: 30px;
}
.atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__excerpt {
    max-width: 75%;
    margin-bottom: 0;
}
@media (max-width: 1199px) {
    /*
        Layout
    */
    .atbssuga-post-listing-alt-c .post-listing-horizontal-3i {
        padding: 0;
    }
    /*
        Content
    */
    /*post horizontal small*/
    .post--horizontal-3i-small-xxs .post__thumb {
        margin-right: 25px;
    }

    /*post horizontal text center*/
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__thumb {
        height: 300px;
    }
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__title {
        font-size: 20px;
        line-height: 1.4;
        max-width: 85%;
        margin-bottom: 20px;
    }
}
@media (max-width: 991px) {
    /*
       Content
   */
    /*post horizontal small*/
    .post--horizontal-3i-small-xxs .post__thumb {
        margin-right: 15px;
    }
    .post--horizontal-3i-small-xxs .post__title {
        font-weight: 400;
    }
    /*post horizontal text center*/
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__thumb {
        width: 55%;
        height: 250px;
    }
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__title {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.4;
    }
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__excerpt {
        max-width: 85%;
    }
}
@media (max-width: 768px) {

    /*
        Layout
    */
    .atbssuga-post-listing-alt-c .post-listing-horizontal-3i {
        max-width: 80%;
        margin: -12.5px auto;
    }
    .atbssuga-post-listing-alt-c .post-listing-horizontal-3i .list-item {
        width: 100%;
        padding: 12.5px 0;
    }

    /*
        Content
    */

    .post--horizontal-3i-small-xxs.post--horizontal .post__cat {
        display: block;
    }

    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__thumb {
        width: 50%;
        height: 250px;
    }
}
@media (max-width: 576px) {
    /*
        Content
    */
    /*post horizontal text center*/
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__thumb {
        width: 100%;
        height: 300px;
        margin:  0 0 15px 0;
    }
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__text {
        max-width: 80%;
        margin: 0 auto;
    }
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__text--wrap {
        max-width: 100%;
    }
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__title {
        margin-bottom: 0;
        font-size: 20px;
        line-height: 1.4;
    }
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__excerpt {
        display: none;
    }
}
@media (max-width: 480px) {
    /*
        Content
    */
    /*post horizontal text center*/
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__thumb {
        height: 265px;
    }
}
@media (max-width: 380px) {
    /*
        Layout
    */
    .atbssuga-post-listing-alt-c .post-listing-horizontal-3i {
        max-width: 100%;
        margin: -15px auto;
    }
    .atbssuga-post-listing-alt-c .post-listing-horizontal-3i .list-item {
        width: 100%;
        padding: 15px;
    }
    /*
       Content
   */
    /*post horizontal text center*/
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__thumb {
        height: 230px;
    }
    .atbssuga-post-listing-alt-c .post--horizontal-reverse-big .post__text {
        max-width: 90%;
        margin: 0 auto;
    }
}
/*  atbssuga-post-listing-alt-c ----------------------- */

/* ----------------------- Suga-Feature-Slider-G */
/*
    Layout
*/

/*
    Content
*/
.suga-feature-slider-g .container:nth-child(1):not(:last-child) + .atbssuga-block__inner .post--vertical-reverse-fullwidth .post__text {
    padding-top: 0;
}
.post--vertical-reverse-fullwidth .post__thumb {
    margin-bottom: 0;
    margin-top:  80px;
}
.post--vertical-reverse-fullwidth .post__text {
    width: 1170px;
    margin: 0 auto 0 auto;
    padding-top: 125px;
    position: relative;
}
@media(max-width: 1199px) {
    .post--vertical-reverse-fullwidth .post__text {
        padding-top: 90px;
    }
    .post--vertical-reverse-fullwidth .post__thumb {
        margin-top: 60px;
    }
}
@media(max-width: 991px) {
    .post--vertical-reverse-fullwidth .post__text {
        padding-top: 60px;
    }
    .post--vertical-reverse-fullwidth .post__thumb {
        margin-top: 50px;
    }
}
@media(max-width: 768px) {
    .post--vertical-reverse-fullwidth .post__text {
        padding-top: 45px;
    }
    .post--vertical-reverse-fullwidth .post__thumb {
        margin-top: 40px;
    }
}
@media(max-width: 576px) {
    .post--vertical-reverse-fullwidth .post__text--inner {
        position: relative;
        bottom:0;
    }
    .post--vertical-reverse-fullwidth .post__text {
        padding-top:0;
    }
}
.post--vertical-reverse-fullwidth .post__text--wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.post--vertical-reverse-fullwidth .post__title {
    width: 515px;
    font-size: 40px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 0;
    float: left;
}
.post--vertical-reverse-fullwidth .post__excerpt .excerpt, .post--vertical-reverse-fullwidth .post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.post--vertical-reverse-fullwidth .post__excerpt {
    margin-bottom: 0;
    margin-left: 185px;
    font-size: 18px;
    line-height: 1.66;
}
.suga-feature-slider-g .owl-carousel .owl-nav {
    display: none;
}
.suga-feature-slider-g .owl-carousel .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 35px;
    padding: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.suga-feature-slider-g .owl-carousel .owl-dot.active span {
    background-color: #fff;
    opacity: 1;
}
.suga-feature-slider-g .owl-carousel .owl-dot span {
    background-color: #fff;
    opacity: 0.6;
}
@media (max-width: 1199px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-reverse-fullwidth .post__thumb {
        height: 555px;
    }
    .post--vertical-reverse-fullwidth .post__text {
        width: 940px;
        margin: 0 auto 0 auto;
    }
    .post--vertical-reverse-fullwidth .post__title {
        width: 400px;
        font-size: 32px;
        line-height: 1.4;
    }
    .post--vertical-reverse-fullwidth .post__excerpt {
        margin-left: 145px;
    }
}
@media (max-width: 991px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-reverse-fullwidth .post__thumb {
        height: 500px;
    }
    .post--vertical-reverse-fullwidth .post__text {
        width: 720px;
        margin: 0 auto 0 auto;
    }
    .post--vertical-reverse-fullwidth .post__text--wrap {
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }
    .post--vertical-reverse-fullwidth .post__title {
        width: 370px;
        font-size: 28px;
        line-height: 1.4;
    }
    .post--vertical-reverse-fullwidth .post__excerpt {
        margin-left: 60px;
        font-size: 15px;
        line-height: 1.533;
    }
}
@media (max-width: 768px) {
    /*
        Layout
    */
    /* .suga-feature-slider-g {
        margin-top: 80px;
    } */
    /*
        Content
    */
    .post--vertical-reverse-fullwidth .post__thumb {
        height: 450px;
    }
    .post--vertical-reverse-fullwidth .post__text {
        width: 720px;
        margin: 0 auto 0 auto;
    }
    .post--vertical-reverse-fullwidth .post__text--wrap {
        display: block;
    }
    .post--vertical-reverse-fullwidth .post__title {
        min-width: 290px;
        width: 47.4898236092%;
        font-size: 26px;
        line-height: 1.4;
        margin-right: 50px;
    }
    .post--vertical-reverse-fullwidth .post__excerpt {
        margin-left: 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .suga-feature-slider-g .owl-carousel .owl-dots {
        bottom: 30px;
    }
}
@media (max-width: 767px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-reverse-fullwidth .post__text {
        width: calc(100% - 30px)
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-reverse-fullwidth .post__text {
        width: calc(100%);
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 40px;
    }

    .suga-feature-slider-g .post--vertical-reverse-custom {
        /*flex-direction: initial;*/
    }
    .post--vertical-reverse-fullwidth .post__thumb {
        height: 350px;
        /*margin-bottom: 15px;*/
        margin-top: 0;
    }
    .post--vertical-reverse-fullwidth .post__text {
        /*margin-bottom: 0;*/
    }
    .post--vertical-reverse-fullwidth .post__text--wrap {
        max-width: 90%;
    }
    .post--vertical-reverse-fullwidth .post__title {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        font-size: 26px;
        line-height: 1.4;
    }
    .post--vertical-reverse-fullwidth .post__excerpt {
        max-width: 85%;
    }
    .suga-feature-slider-g {
        padding-top: 30px;
    }
}
@media (max-width: 480px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-reverse-fullwidth .post__thumb {
        height: 300px;
    }
    .post--vertical-reverse-fullwidth .post__text--wrap {
        max-width: 95%;
    }
    .post--vertical-reverse-fullwidth .post__title {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 1.4;
    }
    .post--vertical-reverse-fullwidth .post__excerpt {
        max-width: 90%;
    }
    .suga-feature-slider-g .owl-carousel .owl-dots {
        bottom: 20px;
    }
}
@media (max-width: 420px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-reverse-fullwidth .post__thumb {
        height: 280px;
    }
    .post--vertical-reverse-fullwidth .post__text--wrap {
        max-width: 100%;
    }
    .post--vertical-reverse-fullwidth .post__title {
        /*font-size: 28px;*/
    }
}
@media (max-width: 380px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-reverse-fullwidth .post__thumb {
        height: 255px;
    }
    .suga-feature-slider-g .owl-carousel .owl-dots {
        bottom: 20px;
    }
}
@media (max-width: 320px) {
    /*
        Layout
    */

    /*
        Content
    */

    .post--vertical-reverse-fullwidth .post__thumb {
        height: 245px;
    }
}
/*  Suga-Feature-Slider-G ----------------------- */

/* ----------------------- suga-grid-o */
/*
    Layout
*/
.suga-grid-o .post-list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}
.suga-grid-o .post-list .list-item {
    padding: 15px;
    width: 50%;
}
.suga-grid-o .post-list .list-item:nth-child(5n+1) {
    width: 100%;
}
/*
    Content
*/
.post-grid-video-space-between.post-grid-video-space-between__style-2 {
    border-radius: 0;
}
.post-grid-video-space-between.post-grid-video-space-between__style-2 .background-img::after {
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.post-grid-video-space-between.post-grid-video-space-between__style-2 .post__text {
    padding: 40px 80px;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.post-grid-video-space-between.post-grid-video-space-between__style-2 time.time {
    color: #fff;
    opacity: 0.6;
}
.post-grid-video-space-between.post-grid-video-space-between__style-2 .post__title {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 1.4;
}
.post-grid-video-space-between.post-grid-video-space-between__style-2:hover .background-img::after {
    opacity: 0.6;
}
.post-grid-video-space-between.post-grid-video-space-between__style-2:hover .post__text {
    opacity: 1;
}
/**/
.post-grid-video-space-between.post-grid-video-space-between__style-3 {
    border-radius: 0;
    height: 100%;
}
.post-grid-video-space-between.post-grid-video-space-between__style-3 .background-img::after {
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text {
    padding: 40px 80px;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text-inner {
    margin: 0 auto;
}
.post-grid-video-space-between.post-grid-video-space-between__style-3 time.time {
    color: #fff;
    opacity: 0.6;
}
.post-grid-video-space-between.post-grid-video-space-between__style-3 .post__title {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 1.34;
}
.post-grid-video-space-between.post-grid-video-space-between__style-3:hover .background-img::after {
    opacity: 0.6;
}
.post-grid-video-space-between.post-grid-video-space-between__style-3:hover .post__text {
    opacity: 1;
}

.suga-grid-o .post-grid-video-space-between.post-grid-video-space-between__style-3  .post__title {
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    .suga-grid-o .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text-inner {
        max-width: 500px;
    }
    .suga-grid-o .post-grid-video-space-between.post-grid-video-space-between__style-3  .post__title {
        margin-bottom: 15px;
        font-size: 26px;
    }
}
@media(max-width: 576px) {
    .suga-grid-o .post-grid-video-space-between.post-grid-video-space-between__style-3  .post__text {
        text-align: left;
    }
}
/**/
.suga-grid-o .atbssuga-pagination {
    margin-top: 50px;
}
.btn-load-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 20px 110px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.75px;
    text-transform: uppercase;

    color: #fff;
    background-color: #131313;
}
@media (max-width: 1199px) {
    /*
        Layout
    */

    /*
        Content
    */
    /**/
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__text {
        min-height: 450px;
        padding: 40px 60px;
    }
    /**/
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text {
        padding: 40px 60px;
        min-height: 450px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__text {
        min-height: 385px;
        padding: 40px 30px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__title {
        font-size: 28px;
        line-height: 1.4;
        margin-bottom: 25px;
    }
    /**/
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text {
        padding: 40px 30px;
        min-height: 320px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    /*
        Layout
    */
    .suga-grid-o .post-list {
        margin: -7.5px;
    }
    .suga-grid-o .post-list .list-item {
        padding: 7.5px;
    }
    /*
        Content
    */
    /**/
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__text {
        opacity: 1;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .background-img::after {
        opacity: 0.3;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__text-inner {
        padding: 0;
        max-width: 380px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
    /**/
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .background-img::after {
        opacity: 0.3;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text {
        opacity: 1;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text {
        min-height: 300px;
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */
    .suga-grid-o .post-list .list-item {
        width: 100%;
    }
    /*
        Content
    */
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__text-inner {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__text {
        min-height: 385px;
        padding: 40px 90px;
    }

    /**/
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text {
        min-height: 380px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text-inner {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text {
        padding: 40px 90px;
    }
}
@media (max-width: 480px) {
    /*
        Content
    */
    /**/
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__text {
        min-height: 385px;
        padding: 40px 30px;
    }
    /**/
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text {
        min-height: 385px;
        padding: 40px 30px;
    }
}
@media (max-width: 380px) {
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__text {
        min-height: 350px;
    }
    /**/
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text {
        min-height: 350px;
    }
    .suga-grid-o .atbssuga-pagination {
        margin-top: 40px;
    }
}
@media (max-width: 320px) {
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__text {
        min-height: 290px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-2 .post__title {
        margin-bottom: 0;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-3 .post__text {
        min-height: 290px;
    }
}
/*  suga-grid-o ----------------------- */

/* ----------------------- atbssuga-grid-carousel-a */
/*
    Layout
*/
.atbssuga-grid-carousel-a .atbssuga-block__inner {
    padding: 80px 0;
    background-color: #F8F8FA;
}
/*
    Content
*/
.category-nothumb-cat-large {
    height: 370px;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding: 40px;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
}
.category-nothumb-cat-large .category-name {
    font-size: 26px;
    line-height: 1.34;
    font-weight: 500;
}
.category-nothumb-cat-large .category-name a {
    text-decoration: none;
    color: var(--color-text);
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    word-break: break-word;
}
.category-nothumb-cat-large .category--wrap {
    width: 100%;
}
.category-nothumb-cat-large .category-description .category-tile__description {
    margin-bottom: 40px;

    font-size: 15px;
    line-height: 1.43;
    font-weight: 300;
    color: #131313;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    max-width: 95%;
}
.category-nothumb-cat-large .category-read-more a {
    color: var(--color-text);

    font-size: 15px;
    line-height: 1.43;
    text-decoration: none;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
}
.category-nothumb-cat-large .category-read-more a > i {
    margin-left: 8px;
}
.category-nothumb-cat-large:hover {
    background-color: var(--color-primary);
}
.category-nothumb-cat-large:hover .category-name a,
.category-nothumb-cat-large:hover .category-description .category-tile__description,
.category-nothumb-cat-large:hover .category-read-more a {
    color: #fff;
}
.atbssuga-grid-carousel-a .owl-carousel .owl-prev,
.atbssuga-grid-carousel-a .owl-carousel .owl-next {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    color: var(--color-logo);
    -webkit-box-shadow: 0 14px 8px rgba(19, 19, 19, 0.13);
    box-shadow: 0 14px 8px rgba(19, 19, 19, 0.13);
}
.atbssuga-grid-carousel-a .owl-carousel .owl-prev i,
.atbssuga-grid-carousel-a .owl-carousel .owl-next i {
    font-size: 20px;
}
.atbssuga-grid-carousel-a .owl-carousel .owl-next {
    right: -30px;
}
.atbssuga-grid-carousel-a .owl-carousel .owl-prev {
    left: -30px;
}
.atbssuga-grid-carousel-a .owl-carousel .owl-prev:hover,
.atbssuga-grid-carousel-a .owl-carousel .owl-next:hover {
    background-color: var(--color-primary);
    color: #fff;
}
.atbssuga-grid-carousel-a .owl-carousel .owl-dots {
    display: none;
}
@media (max-width: 1366px) {
    /*
        Content
    */
    .atbssuga-grid-carousel-a .owl-carousel .owl-prev,
    .atbssuga-grid-carousel-a .owl-carousel .owl-next {
        width: 50px;
        height: 50px;
    }
    .atbssuga-grid-carousel-a .owl-carousel .owl-prev {
        left: -25px;
    }
    .atbssuga-grid-carousel-a .owl-carousel .owl-next {
        right: -25px;
    }
    /*
        Layout
    */
    .category-nothumb-cat-large {
        height: 350px;
    }
}
@media (min-width: 1200px) and (max-width: 1230px) {
    .atbssuga-grid-carousel-a .container {
        width: 1170px;
    }
}
@media (max-width: 1199px) {
    /*
        Content
    */

    /*
        Layout
    */
    .category-nothumb-cat-large {
        height: 320px;
    }
    .category-nothumb-cat-large .category-description .category-tile__description {
        margin-bottom: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1017px) {
    .atbssuga-grid-carousel-a .container {
        width: 970px;
    }
}
@media (max-width: 991px) {
    .category-nothumb-cat-large {
        padding: 40px 45px;
    }
    .category-nothumb-cat-large .category-name {
        font-size: 24px;
        line-height: 1.5;
    }
}
@media (min-width: 769px) and (max-width: 793px) {
    .atbssuga-grid-carousel-a .container {
        width: 750px;
    }
}
@media (max-width: 768px) {
    /*
        Content
    */
    .category-nothumb-cat-large {
        padding: 35px 30px;
        height: 300px;
    }
    .category-nothumb-cat-large .category-name {
        font-size: 22px;
    }
    .category-nothumb-cat-large .category-description .category-tile__description {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .atbssuga-grid-carousel-a .owl-carousel .owl-nav {
        display: none;
    }
    .atbssuga-grid-carousel-a .owl-carousel .owl-dots {
        display: block;
        padding: 0;
        margin-top: 25px;
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */
    .atbssuga-grid-carousel-a .atbssuga-block__inner {
        padding: 60px 0;
    }
    /*
        Content
    */
    .category-nothumb-cat-large {
        padding: 30px 25px;
        height: 270px;
    }
    .category-nothumb-cat-large .category-description .category-tile__description {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
@media (max-width: 480px) {
    /*
        Content
    */
    .category-nothumb-cat-large {
        padding: 30px;
        height: 300px;
        max-width: 80%;
        margin: 0 auto;
    }
    .category-nothumb-cat-large .category-name {
        font-size: 24px;
        line-height: 1.5;
    }
}
@media (max-width: 420px) {
    /*
        Layout
    */
    .atbssuga-grid-carousel-a .atbssuga-block__inner {
        padding: 50px 0;
    }
    /*
        Content
    */
    .category-nothumb-cat-large {
        max-width: 85%;
    }
}
@media (max-width: 380px) {
    /*
        Content
    */
    .category-nothumb-cat-large {
        padding: 25px;
        max-width: 90%;
    }
}
/*  atbssuga-grid-carousel-a ----------------------- */

/* ----------------------- suga-grid-p */
/*
    Layout
*/
.suga-grid-p .post-list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}
.suga-grid-p .post-list .list-item {
    padding: 15px;
    width: calc(100% / 4);
}
/*
    Content
*/
.author-box.author-box-vertical {
    background-color: transparent;
    display: block;
    text-align: center;
    padding: 0;
    border: none;
}
.author-box.author-box-vertical .author-box__image {
    margin-bottom: 30px;
}
.author-box.author-box-vertical .author-avatar {
    position: initial;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    height: 270px;
    margin-bottom: 0;
}
.author-box.author-box-vertical .author-avatar img {
    border-radius: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.author-box.author-box-vertical .author-box__text {
    padding: 0;
    text-align: center;
}
.author-box.author-box-vertical .author-name {
    margin-bottom: 8px;
}
.author-box.author-box-vertical .author-name a {
    color: var(--color-text);
    text-decoration: none;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
}
.author-box.author-box-vertical .entry-author__task {

    color: #131313;
    opacity: 0.6;
    font-size: 14px;
}
@media (max-width: 1199px) {
    /*
        Content
    */

    /*
        Layout
    */

    .author-box.author-box-vertical .author-avatar {
        height: 220px;
    }
    .author-box.author-box-vertical .author-box__image {
        margin-bottom: 20px;
    }
    .author-box.author-box-vertical .author-name {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 5px;
    }
}
@media (max-width: 991px) {
    /*
        Layout
    */
    .suga-grid-p .post-list .list-item {
        width: 50%;
    }
    /*
        Content
    */
    .author-box.author-box-vertical .author-avatar {
        height: 300px;
    }
    .author-box.author-box-vertical .author-name {
        margin-bottom: 8px;
    }
}
@media (max-width: 768px) {
    /*
        Layout
    */

    /*
        Content
    */
    .author-box.author-box-vertical .author-avatar {
        height: 270px;
    }
    .author-box.author-box-vertical .author-box__image {
        margin-bottom: 15px;
    }
    .author-box.author-box-vertical .author-name a {
        font-size: 18px;
        line-height: 1.38;
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */

    /*
        Content
    */
    .author-box.author-box-vertical .author-avatar {
        height: 230px;
    }
    .author-box.author-box-vertical .author-name {
        margin-bottom: 5px;
    }
}
@media (max-width: 480px) {
    /*
        Layout
    */

    /*
        Content
    */
    .author-box.author-box-vertical .author-avatar {
        height: 190px;
    }
    .author-box.author-box-vertical .author-name a {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media (max-width: 420px) {
    /*
        Layout
    */

    /*
        Content
    */
    .author-box.author-box-vertical .author-avatar {
        height: 165px;
    }
}
@media (max-width: 380px) {
    .author-box.author-box-vertical .author-avatar {
        height: 135px;
    }
}
@media (max-width: 320px) {
    .author-box.author-box-vertical .author-avatar {
        height: 280px;
    }
    .author-box.author-box-vertical .author-name {
        margin-bottom: 5px;
    }
    .author-box.author-box-vertical .author-name a {
        font-size: 18px;
        line-height: 1.38;
    }
    .suga-grid-p .post-list .list-item {
        width: 100%;
    }
}
/*  suga-grid-p ----------------------- */

/* ----------------------- suga-grid-q */
/*
    Layout
*/
.suga-grid-q .post-list .list-item:not(:last-child) {
    margin-bottom: 60px;
}
.suga-grid-q .post-list .list-small {
    display: -webkit-box;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
    padding: 0 35px;
}
.suga-grid-q .post-list .list-small + .list-item {
    margin-top: 80px;
}
.suga-grid-q .post-list .list-small .list-item {
    width: calc( 100% / 3);
    padding: 15px;
    margin-bottom: 0;
}
/*
    Content
*/
/*post overlay*/
.post-grid-video-space-between.post-grid-video-space-between__style-4 {
    border-radius: 0;
}
.post-grid-video-space-between.post-grid-video-space-between__style-4 .background-img::after {
    opacity: 0.3;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text {
    padding: 40px 80px;
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner {
    margin: 0 auto;
    max-width: 720px;
}
.post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title {
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 1.4;
}
/*post no thumb*/
.post-nothumb-media .media-left {
    padding-right: 25px;
}
.post-nothumb-media .post__cat {
    color: #000;
    opacity: 0.6;
}
.post-nothumb-media .post__title {
    font-size: 20px;
    line-height: 1.3;
    color: #000;
}
.post-nothumb-media .list-index {
    font-size: 40px;
    opacity: 0.4;
}
/*post horizontal*/
.post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 {
    padding-bottom: 0;
}
.post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb {
    width: 48.7%;
    margin-left: 0;
    margin-right: 0;
}
.post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text--wrap {

    margin: 0 auto;
    max-width: 75%;
}
.post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__title {
    margin-bottom: 30px;
}
.post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__excerpt {
    max-width: 90%;
    margin-bottom: 30px;
}
.post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__readmore {
    position: initial;
}
.post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__readmore .readmore__text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    letter-spacing: 0.3px;
    /*color: #131313;*/
    opacity: 1;
    font-weight: 400;
}
.post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__readmore .readmore__text i {
    margin-left: 8px;
}

/** No Thumb **/

[class*="posts-listing"] .post.post--horizontal-reverse-big__style-3.post-not-exist-thumb .post__thumb {
    display: block;
    height: auto;
}

@media(min-width: 1200px) {
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__title {
        font-size: 24px;
        line-height: 1.4;
    }
}
@media (max-width: 1199px) {
    /*
        Layout
    */
    .suga-grid-q .post-list .list-item:not(:last-child) {
        margin-bottom: 50px;
    }
    .suga-grid-q .post-list .list-small + .list-item {
        margin-top: 70px;
    }
    /*post no thumb*/
    .suga-grid-q .post-list .list-small {
        padding: 0;
    }
    .suga-grid-q .post-list .list-small .list-item {
        margin-bottom: 0;
    }
    /*
        Content
    */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text {
        min-height: 450px;
        padding: 40px 60px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner {
        max-width: 650px;
        width: 100%;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title {
        font-size: 32px;
        line-height: 1.4;
    }
    /*post no thumb*/
    .post-nothumb-media .list-index {
        font-size: 30px;
        opacity: 0.4;
    }
    .post-nothumb-media .post__title {
        font-size: 18px;
        line-height: 1.38;
    }
    /*post horizontal*/
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb {
        height: 457px;
    }
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text--wrap {
        max-width: 80%;
    }
}
@media (max-width: 991px) {
    /*
        Layout
    */

    /*
        Content
    */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text {
        min-height: 385px;
        padding: 40px 30px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner {
        max-width: 580px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
    /*post no thumb*/
    .post-nothumb-media .list-index {
        font-size: 20px;
    }
    .post-nothumb-media .post__title {
        font-size: 16px;
        line-height: 1.5;
    }
    /*post horizontal*/
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb {
        height: 350px;
    }
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__title {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 1.4;
    }
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__excerpt {
        margin-bottom: 20px;
        max-width: 85%;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
@media (max-width: 768px) {
    /*
        Layout
    */
    .suga-grid-q .post-list .list-small .list-item {
        width: 100%;
        padding: 15px;
        margin-bottom: 0;
    }
    /*
        Content
    */
    /*post overlay*/
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb {
        height: 330px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner {
        max-width: 490px;
    }
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__excerpt {
        margin-bottom: 0;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title {
        font-size: 25px;
        line-height: 1.33;
    }
    /*post no thumb*/
    .post-nothumb-media {
        padding: 0 30px;
    }
    .post-nothumb-media .post__title {
        font-size: 18px;
        line-height: 1.38;
    }
    /*post horizontal*/
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text--wrap {
        max-width: 85%;
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */
    .suga-grid-q .post-list .list-item:not(:last-child) {
        margin-bottom: 30px;
    }

    .suga-grid-q .post-list .list-small + .list-item {
        margin-top: initial;
    }
    .suga-grid-q .post-list .list-small {
        margin: 55px 0;
    }
    .suga-grid-q .post-list .list-small .list-item {
        padding: 0;
    }
    .suga-grid-q .post-list .list-small .list-item:not(:last-child) {
        margin-bottom: 30px;
    }
    /*
        Content
    */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text {
        min-height: 350px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title {
        font-size: 24px;
        line-height: 1.5;
    }
    /*post no thumb*/
    .post-nothumb-media {
        padding: 0 20px 0 20px;
    }
    .post-nothumb-media .post__title {
        font-size: 16px;
        line-height: 1.5;
    }
    /*post horizontal*/
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb {
        width: 100%;
        margin:  0 0 15px 0;
        height: 350px;
    }
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text {
        max-width: 85%;
        margin: 0 auto;
    }
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text--wrap {
        max-width: 100%;
    }
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__title {
        margin-bottom: 0;
    }
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__excerpt {
        display: none;
    }
}
@media (max-width: 480px) {
    /*
        Layout
    */
    /*
        Content
    */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text {
        min-height: 300px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner {
        padding-right: 0;
        max-width: 100%;
        width: 70%;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title {
        font-size: 22px;
    }
    /*post no thumb*/
    .post-nothumb-media {
        padding: 0 10px;
    }
    /*post horizontal*/
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb {
        height: 320px;
    }
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text {
        max-width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 420px) {
    /*
       Layout
    */

    /*
        Content
    */
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner {
        max-width: 100%;
        width: 75%;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text {
        min-height: 300px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__title {
        font-size: 20px;
        line-height: 1.3;
    }
    /*post no thumb*/

    /*post horizontal*/


}
@media (max-width: 380px) {
    /*
        Layout
    */

    /*
       Content
   */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner {
        max-width: 100%;
        width: 80%;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text {
        min-height: 280px;
        padding: 0;
    }
    /*post no thumb*/

    /*post horizontal text center*/
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__thumb {
        height: 300px;
    }
    .post--horizontal-reverse-big.post--horizontal-reverse-big__style-3 .post__text {
        max-width: 90%;
        margin: 0 auto;
    }
}
@media (max-width: 320px) {
    /*
        Layout
    */

    /*
       Content
   */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text-inner {
        width: 85%;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-4 .post__text {
        min-height: 270px;
    }
}
/*  suga-grid-q ----------------------- */

/* ----------------------- suga-grid-r */
/*
    Layout
*/
.suga-grid-r .post-list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}
.suga-grid-r .list-item {
    width: calc(100% / 4);
    padding: 15px;
}
.suga-grid-r .list-item:first-child,
.suga-grid-r .list-item:nth-child(2) {
    width: 50%;
}
/*
    Content
*/
/*post overlay*/
.post-grid-video-space-between.post-grid-video-space-between__style-5 {
    border-radius: 0;
    height: 100%;
}
.post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 50px 50px;
}
.post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text-inner {
    margin: 0 auto;
    text-align: center;
    max-width: 450px;
}
.post-grid-video-space-between.post-grid-video-space-between__style-5 .post__title {
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
}
.suga-grid-r .post--vertical-text-align-center .post__text {
    margin:0;
}
/*post vertical not reverse*/
.post--vertical-text-align-center-not-reverse .post__text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
}
.post--vertical-text-align-center-not-reverse .post__text--wrap-time-cat {
    margin-bottom: 11px;
}
.post--vertical-text-align-center-not-reverse .post__title {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    /*
        Layout
    */

    /*
        Content
    */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text {
        min-height: 450px;
        padding: 40px 60px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    /*post vertical not reverse*/
    .post--vertical-text-align-center-not-reverse .post__thumb {
        margin-bottom: 25px;
    }

}
@media (max-width: 991px) {
    /*
        Layout
    */
    .suga-grid-r .list-item {
        width: calc(100% / 2);
    }

    /*
        Content
    */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text {
        padding: 40px 30px;
        min-height: 345px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .post--vertical-text-align-center-not-reverse .post__text--wrap-time-cat {
        margin-bottom: 8px;
    }
    /*post vertical not reverse*/
    .post--vertical-text-align-center-not-reverse .post__thumb {
        margin-bottom: 15px;
        height: 345px;
    }
    .post--vertical-text-align-center-not-reverse .post__thumb a {
        width: 100%;
        height: 100%;
    }
    .post--vertical-text-align-center-not-reverse .post__thumb a img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .post--vertical-text-align-center-not-reverse .post__title {
        font-size: 19px;
        line-height: 1.5;
    }
}
@media (max-width: 768px) {
    /*
        Layout
    */

    /*
        Content
    */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text {
        padding: 40px 30px;
        min-height: 300px;
    }

    /*post vertical not reverse*/
    .post--vertical-text-align-center-not-reverse .post__title {
        font-size: 18px;
        line-height: 1.38;
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */
    .suga-grid-r .list-item {
        width: 100%;
    }
    .suga-grid-r .list-item:first-child,
    .suga-grid-r .list-item:nth-child(2) {
        width: 100%;
    }

    /*
        Content
    */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text {
        min-height: 380px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text-inner {
        max-width: 480px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    /*post vertical not reverse*/
    .post--vertical-text-align-center-not-reverse .post__text--wrap-time-cat {
        margin-bottom: 10px;
    }
}
@media (max-width: 480px) {
    /*
        Layout
    */


    /*
        Content
    */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text {
        padding: 40px 30px;
        min-height: 350px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text-inner {
        padding-right: 0;
        max-width: 100%;
        width: 100%;
    }
    /*post vertical not reverse*/
    .post--vertical-text-align-center-not-reverse .post__thumb {
        height: 350px;
    }

}
@media (max-width: 380px) {
    /*
        Layout
    */


    /*
        Content
    */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text {
        padding: 40px 30px;
        min-height: 350px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text-inner {
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 320px) {
    /*
        Layout
    */


    /*
        Content
    */
    /*post overlay*/
    .post-grid-video-space-between.post-grid-video-space-between__style-5 .post__text {
        min-height: 290px;
    }
    /*post vertical not reverse*/
    .post--vertical-text-align-center-not-reverse .post__thumb {
        height: 290px;
    }

}
/*  suga-grid-r ----------------------- */

/* ----------------------- suga-feature-slider-d */
/*
    Layout
*/
.suga-feature-slider-d .atbssuga-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}
.suga-feature-slider-d .owl-background {
    width: 50%;
    height: 970px;
    position: relative;
}
.suga-feature-slider-d .owl-background a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.suga-feature-slider-d .block__inner--wrap {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.suga-feature-slider-d .owl-carousel {

    max-width: 576px;
    margin: 0 auto;
}
.suga-feature-slider-d .owl-carousel .owl-stage-outer {
    margin-bottom: 60px;
}
/*
    Content
*/
.post--horizontal-50-percent .post__thumb {
    display: none;
}
.owl-carousel.button--dots-center-nav .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.owl-carousel.button--dots-center-nav .owl-prev,
.owl-carousel.button--dots-center-nav .owl-next {
    background-color: transparent;
    border: 1px solid rgba(34, 34, 34, 0.4);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    color: #222222;
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: unset;
    left: unset;
    right: unset;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
}
.owl-carousel.button--dots-center-nav .owl-next {
    position: absolute;
}
.owl-carousel.button--dots-center-nav .owl-prev i,
.owl-carousel.button--dots-center-nav .owl-next i {
    font-size: 20px;
}
.owl-carousel.button--dots-center-nav .owl-dots {
    display: inline-block;
    padding: 0;
    position: absolute;
    /*bottom: calc( 30px / 2 );*/
    /*transform: translateY(-50%);*/
}
.owl-carousel.button--dots-center-nav .owl-dot.active span {
    background-color: #222222;
    opacity: 1;
}
.owl-carousel.button--dots-center-nav .owl-dot span {
    background-color: #222222;
    opacity: 0.15;
}
@media (max-width: 1366px) {
    /*
        Layout
    */
    .suga-feature-slider-d .owl-carousel {
        max-width: 70%;
    }
    .suga-feature-slider-d .owl-background {
        height: 670px;
    }
    /*
        Content
    */
    .post--horizontal-50-percent .post__title {
        font-size: 32px;
        line-height: 1.4;
    }
}
@media (max-width: 1199px) {
    /*
        Layout
    */
    .suga-feature-slider-d .owl-carousel {
        max-width: 80%;
    }
    .suga-feature-slider-d .owl-background {
        height: 555px;
        width: 55%;
    }
    .suga-feature-slider-d .block__inner--wrap {
        width: 45%;
    }
    .suga-feature-slider-d .owl-carousel .owl-stage-outer {
        margin-bottom: 50px;
    }
    /*
        Content
    */

}
@media (max-width: 991px) {
    /*
        Layout
    */
    .suga-feature-slider-d .owl-carousel .owl-stage-outer {
        margin-bottom: 35px;
    }
    /*
        Content
    */
    .post--horizontal-50-percent .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
    .suga-feature-slider-d .owl-background {
        height: 500px;
    }

}
@media (max-width: 768px) {
    /*
        Layout
    */
    .suga-feature-slider-d .block__inner--wrap {
        width: 720px;
        height: 100%;
        /*position: absolute;*/
        /*left: 25px;*/

    }
    .suga-feature-slider-d .owl-carousel {
        margin-left: 0;
        max-width: 100%;
    }
    .suga-feature-slider-d .owl-background {
        width: 100%;
        height: 450px;
        margin-bottom: 25px;
    }
    /*
        Content
    */
    /*.suga-feature-slider-d .owl-background::before {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    left: 0;*/
    /*    top: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    background-color: rgba(0, 0, 0, 0.4);*/
    /*    z-index: 1;*/
    /*}*/
    .post--horizontal-50-percent .post__text--wrap {
        max-width: 100%;
        width: 70%;
        margin: 0 auto;
    }
    .post--horizontal-50-percent .post__cat {
        /*color: #fff;*/
    }
    .post--horizontal-50-percent .post__title {
        /*color: #fff;*/
        font-size: 26px;
        line-height: 1.4;
    }
    .suga-feature-slider-d .owl-carousel.button--dots-center-nav .owl-prev,
    .suga-feature-slider-d .owl-carousel.button--dots-center-nav .owl-next {
        /*color: #fff;*/
        /*border: 1px solid rgba(255, 255, 255, 0.6);*/
        width: 50px;
        height: 50px;
    }
    .suga-feature-slider-d .owl-carousel.button--dots-center-nav .owl-dot.active span {
        /*background-color: #fff;*/
    }
    .suga-feature-slider-d .owl-carousel.button--dots-center-nav .owl-dot span {
        /*background-color: #fff;*/
    }
    .suga-feature-slider-d .owl-carousel.button--dots-center-nav .owl-dots {
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: calc( 100% + 45px) !important;
    }
    .suga-feature-slider-d .owl-carousel.button--dots-center-nav .owl-nav {
        display: none;
    }
}
@media (max-width: 767px) {
    .suga-feature-slider-d .block__inner--wrap {
        width: 100%;
        padding: 0 15px;
    }
}
@media(max-width: 768px) {
    .suga-feature-slider-d .atbssuga-block__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */
    .suga-feature-slider-d .owl-background {
        height: 350px;
        margin-bottom: 15px;
    }
    /*
        Content
    */

    .suga-feature-slider-d .owl-carousel .owl-stage-outer {
        margin-bottom: 30px;
    }
    .post--horizontal-50-percent .post__text--wrap {
        width: 70%;
    }
    .post--horizontal-50-percent .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    /*
        Layout
    */
    /*
        Content
    */
    .suga-feature-slider-d .owl-background {
        height: 300px;
    }
    .post--horizontal-50-percent .post__text--wrap {
        width: 80%;
    }

    .suga-feature-slider-d .owl-carousel.button--dots-center-nav .owl-prev,
    .suga-feature-slider-d .owl-carousel.button--dots-center-nav .owl-next {
        width: 40px;
        height: 40px;
    }
    .suga-feature-slider-d .owl-carousel.button--dots-center-nav .owl-dots {
        bottom: calc( 100% + 35px) !important;
    }
}
@media (max-width: 420px) {
    /*
        Layout
    */
    /*
        Content
    */
}
@media (max-width: 380px) {
    /*
        Layout
    */
    /*
        Content
    */
    .suga-feature-slider-d .owl-background {
        height: 280px;
    }
    .post--horizontal-50-percent .post__text--wrap {
        width: 90%;
    }
}
@media (max-width: 320px) {
    /*
        Layout
    */
    /*
        Content
    */
}
/*  suga-feature-slider-d ----------------------- */


/* ----------------------- suga-feature-slider-e */
/*
    Layout
*/
/*
    Content
*/
.post-grid-video-space-between.post-grid-video-space-between__style-6 {
    border-radius: 0;
}
.post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    text-align: center;
}
.post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner {
    max-width: 770px;
    position: absolute;
    left: 50%;
    top: calc(50% - 40px);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.post-grid-video-space-between.post-grid-video-space-between__style-6 .background-img::after {
    opacity: 0.3;
}
.post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title {
    font-size: 36px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 0;
}
.post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon {
    margin: 0 auto 45px auto;
}
.suga-feature-slider-e .owl-carousel .owl-nav {
    display: none;
}
.suga-feature-slider-e .owl-carousel .owl-dots {
    position: absolute;
    right: 5%;
    display: block;
    padding: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.suga-feature-slider-e .owl-carousel .owl-dot {
    display: block;
}
.suga-feature-slider-e .owl-carousel .owl-dot.active span {
    background-color: #fff;
    opacity: 1;
}
.suga-feature-slider-e .owl-carousel .owl-dot span {
    background-color: #fff;
    opacity: 0.6;
}
@media (max-width: 1199px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text {
        min-height: 555px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner {
        max-width: 590px;
        width: 100%;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title {
        font-size: 32px;
        line-height: 1.4;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon {
        margin: 0 auto 35px auto;
    }
}
@media (max-width: 991px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text {
        min-height: 500px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner {
        max-width: 510px;

    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text {
        min-height: 450px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner {
        /*width: 65%;*/
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__button a {
        width: 70px;
        height: 70px;
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text {
        min-height: 350px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner {
        top: 60%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title {
        font-size: 25px;
        line-height: 1.33;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon {
        margin: 0 auto 30px auto;
    }
}
@media (max-width: 480px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text {
        min-height: 300px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner {
        padding-right: 0;
        /*width: 70%;*/
        max-width: calc(100% - 30px);
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title {
        font-size: 22px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post-type-icon {
        margin: 0 auto 25px auto;
    }
}
@media (max-width: 420px) {
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner {
        max-width: 100%;
        width: 75%;
    }
}
@media (max-width: 380px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text {
        min-height: 280px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text-inner {
        width: 80%;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__title {
        font-size: 20px;
        line-height: 1.3;
    }
    .suga-feature-slider-e .owl-carousel .owl-dots {
        right: unset;
        padding: 0;
        left: 50%;
        top: unset;
        bottom: 25px;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: initial;
    }
    .suga-feature-slider-e .owl-carousel .owl-dot {
        display: inline-block;
        padding-top: 20px;
    }
    .suga-feature-slider-e .owl-carousel .owl-dot.active span {
        background-color: var(--color-logo);
        opacity: 1;
    }
    .suga-feature-slider-e .owl-carousel .owl-dot span {
        background-color: #000;
        opacity: 0.4;
    }
}
@media (max-width: 320px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post-grid-video-space-between.post-grid-video-space-between__style-6 .post__text {
        min-height: 260px;
    }
}
/*  suga-feature-slider-e ----------------------- */

/* ----------------------- Suga-Feature-C */
/*
    Layout
*/
.suga-feature-c {
    z-index: 1;
}
/*post sub*/
.suga-feature-c .post-sub {
    padding: 60px 0 50px 0;
    background-color: #000;
}
.suga-feature-c.background-version-white .post-sub {
    background-color: #fff;
    padding-bottom: 0;
}
.suga-feature-c.background-version-gray .post-sub {
    background-color: #fafafa;
}
.suga-feature-c .post-sub .post-list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}
.suga-feature-c .post-sub .post-list .list-item {
    width: calc( 100% / 3);
    padding: 15px;
}
/*
    Content
*/
/*post main*/
.post--overlay-bottom-left .post__thumb {
    z-index: -1;
}
.post--overlay-bottom-left .post__text--inner {
    width: 1170px;
    margin: 0 auto;
    padding: 60px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}
.post--overlay-bottom-left .post__text--wrap-time-cat {
    width: 100%;
}
.post--overlay-bottom-left .post__cat {
    color: #fff;
}
.post--overlay-bottom-left time.time {
    color: #fff;
    opacity: 0.6;
}
.post--overlay-bottom-left .post__title {
    font-size: 32px;
    line-height: 1.4;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0;
    max-width: 475px;
    margin-right: 100px;
}
.post--overlay-bottom-left .post__excerpt {
    margin-bottom: 0;
    max-width: 300px;
}
.suga-feature-c .owl-carousel .owl-nav {
    display: none;
}
.suga-feature-c .owl-carousel .owl-dots {
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.suga-feature-c .owl-carousel .owl-dot {
    display: block;
}
.suga-feature-c .owl-carousel .owl-dot.active span {
    background-color: var(--color-logo);
    opacity: 1;
}
.suga-feature-c .owl-carousel .owl-dot span {
    background-color: #fff;
    opacity: 0.6;
}
/*post sub*/
.post--vertical-cat-overlay .post__cat {
    position: absolute;
    left: 25px;
    top: 25px;
    z-index: 1;
}
.post--vertical-cat-overlay.post-not-exist-thumb .post__cat {
    position: initial;
 }
.post--vertical-cat-overlay .post__thumb {
    margin-bottom: 30px;
}
.post--vertical-cat-overlay.post-not-exist-thumb .post__thumb {
    display: none;
}
.post--vertical-cat-overlay .post__title {
    color: #fff;
    font-weight: 500;
}
.background-version-white .post--vertical-cat-overlay .post__title {
    color: var(--color-title);
}
.background-version-gray .post--vertical-cat-overlay .post__title {
    color: var(--color-title);
}
@media (max-width: 1199px) {
    /*
        Layout
    */
    /*post main*/
    .post--overlay-bottom-left .post__text--inner {
        width: 940px;
        padding: 30px 0;
    }
    /*post sub*/
    /*
        Content
    */
    /*post main*/
    .post--overlay-bottom-left.post--overlay .post__text {
        min-height: 555px;
    }
    .post--overlay-bottom-left .post__title {
        font-size: 30px;
        line-height: 1.4;
        max-width: 400px;
        margin-right: 80px;
    }
    /*post sub*/
    .post--vertical-cat-overlay .post__thumb {
        margin-bottom: 25px;
    }
    .post--vertical-cat-overlay .post__cat {
        left: 15px;
        top: 15px;
    }
    .post--vertical-cat-overlay .post__title {
        font-size: 18px;
        line-height: 1.38;
    }
}
@media (max-width: 991px) {
    /*
        Layout
    */
    /*post main*/
    .post--overlay-bottom-left .post__text--inner {
        width: 720px;
    }
    /*post sub*/
    .suga-feature-c .post-sub {
        padding: 50px 0 50px 0;
        background-color: #000;
    }
    /*
        Content
    */
    /*post main*/
    .post--overlay-bottom-left.post--overlay .post__text {
        min-height: 500px;
    }
    .post--overlay-bottom-left .post__title {
        font-size: 28px;
        line-height: 1.4;
        max-width: 390px;
        margin-right: 60px;
    }
    .post--overlay-bottom-left .post__excerpt {
        max-width: 250px;
    }
    /*post sub*/
    .post--vertical-cat-overlay .post__thumb {
        margin-bottom: 15px;
    }

    .post--vertical-cat-overlay .post__title {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media (max-width: 768px) {
    /*
        Layout
    */
    /*post main*/

    /*post sub*/
    .suga-feature-c .post-sub .post-list .list-item {
        width: calc( 100% / 2);
    }
    /*
        Content
    */
    /*post main*/
    .post--overlay-bottom-left.post--overlay .post__text {
        min-height: 450px;
    }
    .post--overlay-bottom-left .post__title {
        font-size: 26px;
        line-height: 1.4;
        margin-right: 80px;
        max-width: 340px;
    }
    .post--overlay-bottom-left .post__excerpt {
        max-width: 100%;
        max-width: 80%;
    }
    .suga-feature-c .owl-carousel .owl-dots {
        position: absolute;
        bottom: 20px;
        left: 50%;
        right: unset;
        top: unset;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        padding: 0;
    }
    .suga-feature-c .owl-carousel .owl-dot {
        display: inline-block;
    }
    /*post sub*/
    .post--vertical-cat-overlay .post__title {
        font-size: 18px;
        line-height: 1.5;
    }
}
@media (max-width: 768px) and (min-width: 577px) {
    .post--overlay-bottom-left .post__title {
        margin-right: 10.854816825%;
        max-width: 46.1329715061%;
    }
}
@media (max-width: 767px) {

    .post--overlay-bottom-left .post__text--inner {
        width: 100%;
        padding: 40px 15px 40px 15px;
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */
    /*post main*/
    /*post sub*/
    .suga-feature-c .post-sub {
        padding: 40px 0;
    }
    .suga-feature-c .post-sub .post-list .list-item {
        width: 100%;
    }
    /*
        Content
    */
    /*post main*/
    .post--overlay-bottom-left.post--overlay .post__text {
        min-height: 350px;
    }
    .post--overlay-bottom-left .post__text--inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%;
        margin: 0;
        padding: 30px 15px 10px 15px;
    }
    .post--overlay-bottom-left .post__text--wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .post--overlay-bottom-left .post__title {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        font-size: 25px;
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .post--overlay-bottom-left .post__excerpt {
        width: 100%;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
    }
    /*post sub*/
    .post--vertical-cat-overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    /*
        Layout
    */
    /*post main*/
    /*post sub*/
    /*
        Content
    */
    /*post main*/
    .post--overlay-bottom-left .post__text--inner {
        /*max-width: 75%;*/
    }
    .post--overlay-bottom-left.post--overlay .post__text {
        min-height: 300px;
    }
    .post--overlay-bottom-left .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    /*post sub*/
}

@media (max-width: 380px) {
    /*
        Layout
    */
    /*post main*/
    /*post sub*/
    /*
        Content
    */
    /*post main*/
    .post--overlay-bottom-left.post--overlay .post__text {
        min-height: 280px;
    }
    .post--overlay-bottom-left .post__text--inner {
        max-width: 95%;
    }
    .post--overlay-bottom-left .post__title {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 0;
    }
    .post--overlay-bottom-left .post__excerpt {
        display: none;
    }

    /*post sub*/
}
/*  Suga-Feature-C ----------------------- */

/* ----------------------- suga-feature-slider-f */
/*
    Layout
*/

/*
    Content
*/
.post--vertical-text-wrap .post__thumb {
    margin-bottom: 40px;
}
.post--vertical-text-wrap .post__text {
    padding: 0 100px;
}
.post--vertical-text-wrap .post__text--inner {
    max-width: 810px;
}
.post--vertical-text-wrap .post__title {
    max-width: 455px;
    margin-right: 100px;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
}
.post--vertical-text-wrap .post__excerpt {
    margin-bottom: 0;
}
.suga-feature-slider-f .owl-carousel .owl-dots {
    display: none;
}
.suga-feature-slider-f .owl-carousel .owl-prev,
.suga-feature-slider-f .owl-carousel .owl-next {
    top: calc(580px / 2);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-color: #fff;
    color: #131313;
    border-radius: 50%;
    -webkit-box-shadow: 0 14px 8px #13131321;
    box-shadow: 0 14px 8px #13131321;
    -webkit-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.suga-feature-slider-f .owl-carousel .owl-prev {
    left: 60px;
}
.suga-feature-slider-f .owl-carousel .owl-next {
    right: 60px;
}
.suga-feature-slider-f .owl-carousel .owl-prev i,
.suga-feature-slider-f .owl-carousel .owl-next i {
    font-size: 20px;
}
.suga-feature-slider-f .owl-carousel .owl-prev:hover,
.suga-feature-slider-f .owl-carousel .owl-next:hover {
    background-color: var(--color-logo);
    color: #fff;
}
@media (max-width: 1199px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-text-wrap .post__thumb {
        height: 450px;
    }
    .post--vertical-text-wrap .post__text {
        padding: 0 90px;
    }
    .post--vertical-text-wrap .post__title {
        max-width: 400px;
        margin-right: 70px;
        font-size: 28px;
        line-height: 1.4;
    }
    .suga-feature-slider-f .owl-carousel .owl-prev,
    .suga-feature-slider-f .owl-carousel .owl-next {
        top: calc(450px / 2);
    }
}
@media (max-width: 991px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-text-wrap .post__thumb {
        height: 385px;
        margin-bottom: 25px;
    }
    .post--vertical-text-wrap .post__text {
        padding: 0 40px;
    }
    .post--vertical-text-wrap .post__title {
        max-width: 335px;
        margin-right: 70px;
        font-size: 24px;
        line-height: 1.4;
    }
    .suga-feature-slider-f .owl-carousel .owl-prev,
    .suga-feature-slider-f .owl-carousel .owl-next {
        top: calc(385px / 2);
        width: 50px;
        height: 50px;
    }
    .suga-feature-slider-f .owl-carousel .owl-prev {
        left: 40px;
    }
    .suga-feature-slider-f .owl-carousel .owl-next {
        right: 40px;
    }
}
@media (max-width: 768px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-text-wrap .post__text {
        padding: 0;
    }
    .post--vertical-text-wrap .post__title {
        max-width: 290px;
        font-size: 24px;
        line-height: 1.4;
        margin-right: 50px;
    }
    .suga-feature-slider-f .owl-carousel .owl-dots {
        display: block;
        top: 345px;
        position: absolute;
        padding: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .suga-feature-slider-f .owl-carousel .owl-nav {
        display: none;
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-text-wrap .post__thumb {
        height: 300px;
        margin-bottom: 15px;
    }
    .post--vertical-text-wrap .post__text--inner {
        max-width: 70%;
        margin: 0 auto;
    }
    .post--vertical-text-wrap .post__title {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.4;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .post--vertical-text-wrap .post__text--wrap {
        display: block;
    }
    .suga-feature-slider-f .owl-carousel .owl-dots {
        top: 260px;
    }
}
@media (max-width: 480px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-text-wrap .post__thumb {
        height: 280px;
    }
    .post--vertical-text-wrap .post__text--inner {
        max-width: 80%;
    }
    .suga-feature-slider-f .owl-carousel .owl-dots {
        top: 240px;
    }
}
@media (max-width: 420px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-text-wrap .post__text--inner {
        max-width: 90%;
    }
}
@media (max-width: 380px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-text-wrap .post__thumb {
        height: 240px;
    }
    .suga-feature-slider-f .owl-carousel .owl-dots {
        top: 210px;
    }
}
@media (max-width: 320px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post--vertical-text-wrap .post__thumb {
        height: 210px;
    }
    .post--vertical-text-wrap .post__title {
        margin-bottom: 0;
    }
    .post--vertical-text-wrap .post__excerpt {
        display: none;
    }
    .suga-feature-slider-f .owl-carousel .owl-dots {
        top: 180px;
    }
}
/*  suga-feature-slider-f ----------------------- */

/* ----------------------- suga-feature-d */
/*
    Layout
*/
.suga-feature-d .post-sub {
    width: 100%;
    position: absolute;
    bottom: 60px;
}
.suga-feature-d .post-sub .post-list {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}
.suga-feature-d .post-sub .list-item {
    width: calc(100% / 3);
    padding: 15px;
}
.suga-feature-d .post-sub .block-heading {
    margin-bottom: 45px;
}
.suga-feature-d .post-sub .block-heading .block-heading__title {
    color: #FFFFFF;
    opacity: 0.6;
    font-weight: 600;
    font-size: 20px;
}
.suga-feature-d .post-sub-mobile-inner {
    position: relative;
}
.suga-feature-d .post-sub-mobile-inner::after {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    top: -25px;
    left: 0;
}
@media (max-width: 991px) {
    .suga-feature-d .post-sub-mobile-inner::after {
        display: none;
    }
}
/*
    Content
*/

.post-grid-video-space-between .post-type-icon{
    height: 50px;
    width: 50px;
}
@media(min-width: 768px) {
    .post-grid-video-space-between .post-type-icon, 
    .suga-feature-d .post-type-icon svg {
        height: 78px;
        width: 78px;
    }
}
/*post main*/
.post-grid-video-space-between.post-grid-video-space-between__style-7 {
    border-radius: 0;
}
.post-grid-video-space-between.post-grid-video-space-between__style-7 .background-img::after {
    opacity: 0.25;
}
.post-grid-video-space-between.post-grid-video-space-between__style-7 .post__text {
    width: 1170px;
    margin: 0 auto;
    padding: 0;
}
.post-grid-video-space-between.post-grid-video-space-between__style-7 .post__text-inner {
    max-width: 470px;
}
.post-grid-video-space-between.post-grid-video-space-between__style-7 time.time {
    color: #fff;
    opacity: 0.6;
}
.post-grid-video-space-between.post-grid-video-space-between__style-7 .post__title {
    font-size: 32px;
    line-height: 1.4;
    margin-bottom: 0;
}
.post-grid-video-space-between.post-grid-video-space-between__style-7 .post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.post-grid-video-space-between.post-grid-video-space-between__style-7 .post-type-icon {
    margin-right: 0;
}
.post-grid-video-space-between.post-grid-video-space-between__style-7 .post-type-icon i {
    font-size: 25px;
}
/*post sub*/
.suga-feature-d .post-sub .post--horizontal .post__thumb {
    margin-bottom: 0;
    margin-right: 30px;
}
.suga-feature-d .post-sub .post--horizontal .post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.suga-feature-d .post-sub .post--horizontal a.post__cat {
    color: #fff !important;
    margin-bottom: 10px;
}

@media (max-width: 1199px) {
    /*
        Layout
    */
    .suga-feature-d .post-sub {
        bottom: 40px;
    }
    /*
        Content
    */
    /*post main*/
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__text {
        width: 940px;
        min-height: 650px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__title {
        font-size: 32px;
        line-height: 1.4;
    }
    /*post sub*/
    .suga-feature-d .post-sub .post--horizontal .post__thumb {
        margin-bottom: 0;
        margin-right: 25px;
    }
}
@media (max-width: 991px) {
    /*
        Layout
    */
    .suga-feature-d .atbssuga-block__inner > div:not(:last-child) {
        margin-bottom: 50px;
    }
    .suga-feature-d .post-sub {
        position: initial;
    }
    .suga-feature-d .post-sub .post-sub-mobile-inner {
        max-width: 70%;
        max-width: 100%;
        margin: 0 auto;
    }
    .suga-feature-d .post-sub .post-list {
        margin: -12.5px;
        display: flex;
        flex-wrap: wrap;
    }
    .suga-feature-d .post-sub .list-item {
        width: 50%;
        padding: 12.5px;
    }
    .suga-feature-d .post-sub .block-heading {
        margin-bottom: 35px;
    }
    .suga-feature-d .post-sub .block-heading .block-heading__title {
        color: #000;
    }
    .suga-feature-d .post-sub .block-heading--line.block-heading::after {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    /*
        Content
    */
    /*post main*/
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__text {
        width: 720px;
        min-height: 500px;
    }
    /*post sub*/
    .suga-feature-d .post-sub .post--horizontal .post__thumb {
        margin-right: 20px;
        width: 80px;
        height: 80px;
    }
    .suga-feature-d .post-sub .post--horizontal .post__thumb a {
        width: 100%;
        height: 100%;
    }
    .suga-feature-d .post-sub .post--horizontal .post__thumb a img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .suga-feature-d .post-sub .post--horizontal .inverse-text .post__title a {
        color: var(--color-title);
    }
    .suga-feature-d .post-sub .post--horizontal .post__title a {
        -webkit-line-clamp: unset;
    }
    .suga-feature-d .post-sub .post--horizontal .post__cat {
        color: var(--color-logo);
        margin-bottom: 13px;
    }

    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__text-inner {
        max-width: 390px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    /*
        Layout
    */

    /*
        Content
    */
    /*post main*/
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__text-inner {
        max-width: 380px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__text {
        width: 720px;
        min-height: 380px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post-type-icon i {
        font-size: 20px;
        line-height: 1.4;
    }
    /*post sub*/
    .suga-feature-d .post-sub .post--horizontal .post__cat {
        margin-bottom: 10px;
    }
}
@media (max-width: 767px) {
    /*
        Layout
    */

    /*
        Content
    */
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__text {
        width: 100%;
        padding: 0 15px;
    }
}
@media (max-width: 576px) {
    /*
        Layout
    */
    .suga-feature-d .atbssuga-block__inner > div:not(:last-child) {
        margin-bottom: 30px;
    }
    .suga-feature-d .post-sub .post-list {
        margin: -12.5px;
    }
    .suga-feature-d .post-sub .list-item {
        width: 100%;
        padding: 12.5px;
    }
    .suga-feature-d .post-sub .post-sub-mobile-inner {
        max-width: 100%;
    }
    /*
        Content
    */
    /*post main*/
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__text {
        min-height: 350px;
    }
}
@media (max-width: 480px) {
    /*
        Layout
    */

    /*
        Content
    */
    /*post main*/
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__text {
        min-height: 300px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__title {
        /*font-size: 18px;*/
        font-size: 22px;
        line-height: 1.4;
    }
}
@media (max-width: 380px) {
    /*
        Layout
    */

    /*
        Content
    */
    /*post main*/
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__text {
        min-height: 260px;
    }
    .post-grid-video-space-between.post-grid-video-space-between__style-7 .post__title {
        font-size: 22px;
    }
}
/*  suga-feature-d ----------------------- */

/*  ----------------------- suga-posts-block-grid-a-no-sidebar */
/* */
.suga-posts-block-grid-c-no-sidebar .block-heading .block-heading__title,
.suga-posts-block-grid-a-no-sidebar .block-heading .block-heading__title {
    font-size: 20px;
}
.suga-posts-block-grid-c-no-sidebar .block-heading--line-under.block-heading,
.suga-posts-block-grid-a-no-sidebar .block-heading--line-under.block-heading {
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}
.list-space-thumb-text .post--horizontal-xxs .post__thumb {
    margin-right:  20px;
}
.suga-posts-block-grid-a-no-sidebar  .grid-gutter-50.row--space-between {
    overflow: hidden;
}
@media(min-width: 991px) {
    .list-space-thumb-text .post--horizontal-xxs.post--horizontal-reverse .post__thumb {
        margin-right:  0;
        margin-left: 30px;
    }
}
@media(max-width: 768px) {
    .list-space-thumb-text .post--horizontal-xxs .post__cat {
        display: block;
    }
}
/*  .suga-posts-block-grid-a-no-sidebar ----------------------- */

/*  ----------------------- Listing List D*/
@media(min-width: 576px) {
    .posts-listing-list-d .post--horizontal.post__thumb-300::after {
        display: table;
        content: " ";
    }
    .posts-listing-list-d .post--horizontal .post__thumb {
        width: calc( 50% - 5px);
        float: left;
    }
}
@media(min-width: 1200px) {
    .post--horizontal-margin-right-60 .post__thumb {
        margin-right: 60px;
    }
    .posts-listing-list-d .post--horizontal .post__text {
        padding-right: 50px;
    }
    .posts-listing-list-d .post--horizontal .post__excerpt {
        max-width: 85%;
    }
    .posts-listing-list-d .post--horizontal .post__title { 
        font-size: 24px;
        line-height: 1.4;
    }
}
@media(max-width: 1200px) {
    .post--horizontal-margin-right-60 .post__thumb {
        margin-right: 40px;
    }
    .posts-listing-list-d .post--horizontal .post__thumb {
        height: 220px;
    }
}
@media (max-width: 991px) {
    .posts-listing-list-d .post--horizontal .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media( max-width: 576px) {
    .posts-listing-list-d .post--horizontal .post__thumb {
        height: 300px;
    }
}


/*  .Listing List D ----------------------- */

/* ----------------------- suga_posts_block_grid_b_no_sidebar */
.suga_posts_block_grid_b_no_sidebar .atbssuga-block--contiguous {
    margin-top: -30px;
}
.suga_posts_block_grid_b_no_sidebar .post--vertical.big-post--vertical .post__title {
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
}
.suga_posts_block_grid_b_no_sidebar .post--vertical.small-post--vertical .post__thumb {
    margin-bottom: 20px;
}
.suga_posts_block_grid_b_no_sidebar .post--vertical.small-post--vertical .post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media(max-width: 991px) {
    .suga_posts_block_grid_b_no_sidebar .post__thumb-470 .post__thumb {
        height: 315px;
        margin-bottom: 20px;
    }
    .suga_posts_block_grid_b_no_sidebar .post--vertical.small-post--vertical .post__thumb {
        margin-bottom: 20px;
    }
    .suga_posts_block_grid_b_no_sidebar .post--vertical.big-post--vertical .post__title {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .suga_posts_block_grid_b_no_sidebar .post__thumb-180 .post__thumb {
        height: 110px;
        margin-bottom: 20px;
    }
    .suga_posts_block_grid_b_no_sidebar .post--vertical.small-post--vertical .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media(max-width: 991px) and (min-width: 769px) {
   /*.suga_posts_block_grid_b_no_sidebar .grid-top-left {
        width: 50%;
    }*/

    .suga_posts_block_grid_b_no_sidebar .grid-top-left {
        width: 100%;
    }
    .suga_posts_block_grid_b_no_sidebar .post--vertical.small-post--vertical .post__thumb {
        height: 200px;
    }
    .suga_posts_block_grid_b_no_sidebar .post--vertical.small-post--vertical .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media(max-width: 767px) {

    .suga_posts_block_grid_b_no_sidebar .post--vertical.small-post--vertical .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .suga_posts_block_grid_b_no_sidebar .post--vertical.big-post--vertical .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
@media(max-width: 767px) {
    .suga_posts_block_grid_b_no_sidebar .post__thumb-180 .post__thumb {
        height: 220px;
    }
}
@media(max-width: 576px) {
    .suga_posts_block_grid_b_no_sidebar .post__thumb-180 .post__thumb {
        height: 300px;
    }
    .suga_posts_block_grid_b_no_sidebar .post__thumb-470 .post__thumb {
        height: 300px;
    }

}
/* .suga_posts_block_grid_b_no_sidebar ----------------------- */

/* ----------------------- suga_posts_block_grid_c_no_sidebar */
.suga-posts-block-grid-c-no-sidebar .big-post--overlay {
    margin-bottom: 35px;
}
.suga-posts-block-grid-a-no-sidebar .post--horizontal-xxs .post__cat,
.suga-posts-block-grid-c-no-sidebar .post--horizontal-xxs .post__cat {
    margin-bottom: 5px;
}
@media (max-width: 1199px) {
    .suga-posts-block-grid-c-no-sidebar .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .suga-posts-block-grid-c-no-sidebar .post--horizontal .post__title {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media(min-width: 991px) {
    .suga-posts-block-grid-c-no-sidebar .post--overlay .post__text {
        min-height: 400px;
    }
}
@media(max-width: 991px) {
    .suga-posts-block-grid-c-no-sidebar .post--horizontal-xxs .post__thumb {
        display: none;
    }
    .suga-posts-block-grid-c-no-sidebar ul >*:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .suga-posts-block-grid-c-no-sidebar .big-post--overlay {
        margin-bottom: 30px;
    }
    .suga-posts-block-grid-c-no-sidebar .post--overlay .post__text {
        min-height: 280px;
    }
    .block-heading--line.block-heading::after {
        display: none;
    }
}
@media(max-width: 767px) {
    .suga-posts-block-grid-c-no-sidebar .col-sm-4 {
        width: 100%;
    }
    .suga-posts-block-grid-c-no-sidebar .post--horizontal-xxs .post__thumb {
        display: block;
    }
    .suga-posts-block-grid-c-no-sidebar ul >*:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0);
    }
    .suga-posts-block-grid-c-no-sidebar .post--overlay .post__text {
        min-height: 300px;
    }
    .suga-posts-block-grid-c-no-sidebar .big-post--overlay .post--overlay .post__text-wrap {
        width: 100%;
    }
    .suga-posts-block-grid-c-no-sidebar .big-post--overlay .post--overlay .post__text-inner {
        width: 100%;
        padding: 20px 110px 20px 20px;
    }
    .suga-posts-block-grid-c-no-sidebar .big-post--overlay .post--overlay .post__title {
        font-size: 24px;
        line-height: 1.4;
    }
    .suga-posts-block-grid-c-no-sidebar .block-heading--line-under.block-heading, .suga-posts-block-grid-a-no-sidebar .block-heading--line-under.block-heading {
        margin-bottom: 25px;
        padding-bottom: 15px;
    }
    .suga-posts-block-grid-c-no-sidebar .list-space-md-s>* {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .suga-posts-block-grid-c-no-sidebar .list-space-md-s {
        margin-top: -10px;
        margin-bottom: -10px;
    }
    .suga-posts-block-grid-c-no-sidebar .row--space-between>[class*='col-'] {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .suga-posts-block-grid-c-no-sidebar .row--space-between {
        margin-top: -20px;
        margin-bottom: -20px;
    }
}
@media(max-width: 576px) {
    .suga-posts-block-grid-c-no-sidebar .big-post--overlay .post--overlay .post__text-inner {
        width: 100%;
        padding: 15px;
    }
    .suga-posts-block-grid-c-no-sidebar .big-post--overlay .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
/* .suga_posts_block_grid_c_no_sidebar ----------------------- */
/* ----------------------- Listing Grid B */
.posts-listing-grid-b-no-sidebar .post__title {
    font-weight: 500;
}
@media (max-width: 1199px) {
    .posts-listing-grid-b-no-sidebar .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
/* .Listing Grid B ----------------------- */

/* ----------------------- Listing Grid C */
/*.posts-listing-grid-c .post__title {
    font-weight: 600;
}*/

@media(min-width: 992px) {
    .posts-listing-grid-c .post__title {
        max-width: 480px;
    }
}
@media(min-width: 1200px) {
    .posts-listing-grid-c:not(.posts-listing-grid-c-has-sidebar) .post__title {
        font-size: 26px;
        line-height: 1.4;
        font-weight: 700;
    }
}
@media(max-width: 1200px) {
    .posts-listing-grid-c .post__thumb {
        height: 360px;
    }
}
@media(max-width: 991px) {
    .posts-listing-grid-c .post__thumb {
        height: 300px;
    }
    .posts-listing-grid-c .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media(max-width: 768px) {
    .posts-listing-grid-c .post__thumb {
        height: 230px;
    }
}
/* .Listing Grid C ----------------------- */
/* ------- update wp -----*/
.suga-feature-c .post--overlay .post__text {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.suga-feature-c .post--overlay .post__text--inner {
    position: relative;
}
.background-overlay-floorfade {
    width: 100%;
    height: 100%;
    position: relative;
}
.background-overlay-floorfade::before {
    content: '';
    position: absolute;
    top: -100%;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(5.3%, rgba(0, 0, 0, 0.917)), color-stop(10.6%, rgba(0, 0, 0, 0.834)), color-stop(15.9%, rgba(0, 0, 0, 0.753)), color-stop(21.3%, rgba(0, 0, 0, 0.672)), color-stop(26.8%, rgba(0, 0, 0, 0.591)), color-stop(32.5%, rgba(0, 0, 0, 0.511)), color-stop(38.4%, rgba(0, 0, 0, 0.433)), color-stop(44.5%, rgba(0, 0, 0, 0.357)), color-stop(50.9%, rgba(0, 0, 0, 0.283)), color-stop(57.7%, rgba(0, 0, 0, 0.213)), color-stop(65%, rgba(0, 0, 0, 0.147)), color-stop(72.9%, rgba(0, 0, 0, 0.089)), color-stop(81.4%, rgba(0, 0, 0, 0.042)), color-stop(90.6%, rgba(0, 0, 0, 0.011)), to(transparent));
    background-image: -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
    background-image: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.917) 5.3%, rgba(0, 0, 0, 0.834) 10.6%, rgba(0, 0, 0, 0.753) 15.9%, rgba(0, 0, 0, 0.672) 21.3%, rgba(0, 0, 0, 0.591) 26.8%, rgba(0, 0, 0, 0.511) 32.5%, rgba(0, 0, 0, 0.433) 38.4%, rgba(0, 0, 0, 0.357) 44.5%, rgba(0, 0, 0, 0.283) 50.9%, rgba(0, 0, 0, 0.213) 57.7%, rgba(0, 0, 0, 0.147) 65%, rgba(0, 0, 0, 0.089) 72.9%, rgba(0, 0, 0, 0.042) 81.4%, rgba(0, 0, 0, 0.011) 90.6%, transparent 100%);
}
/* ----------------------- Navigation bar */
/*
    Layout
*/
@media (min-width: 992px) {
    .atbssuga-offcanvas {
        /*width: 80%;*/
        width: 530px;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        /*flex-wrap: wrap;*/
        background-color: #fff;
        -webkit-transition: -webkit-transform 0.5s, width 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
        transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
        -o-transition: transform 0.5s, width 0.5s ease-in-out;
        transition: transform 0.5s, width 0.5s ease-in-out;
        transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s;
    }
    .atbssuga-offcanvas--inner {

        width: calc(100% - 100px);
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
    }
    .atbssuga-offcanvas.animation_0_row .atbssuga-offcanvas--inner {
        width: 100%;
    }
    .atbssuga-offcanvas.is-active {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .atbssuga-offcanvas.animation {
        width: 1300px;
    }
    .atbssuga-offcanvas.animation.animation_0_row,
    .atbssuga-offcanvas.animation_0_row {
        width: 430px;
    }
    .atbssuga-offcanvas.animation_0_row .btn-nav-show_full {
        display: none;
    }
    .atbssuga-offcanvas.animation.animation_1_row {
        width: 915px;
    }
    .atbssuga-offcanvas.animation.animation_2_row {
        width: 1300px;
    }
    .atbssuga-offcanvas .border-right {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
    .atbssuga-offcanvas--inner .atbssuga-offcanvas__section:not(:first-child) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-height: 100%;
        padding-top: 35px;
        padding-bottom: 50px;
    }
    .atbssuga-offcanvas--inner .atbssuga-offcanvas__section {
        /*display: none;*/
        min-width: 385px;
        max-width: 385px;
    }

    /*title*/
    .atbssuga-offcanvas .atbssuga-offcanvas__title {
        width: 140px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 120px;
        text-align: center;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 140px;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__title .atbssuga-offcanvas-close {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__title .atbssuga-offcanvas-close--wrap {
        color: #000;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        display: block;
        white-space: nowrap;
    }
    .atbssuga-offcanvas-close {
        border: none;
        overflow: initial;
    }
    .atbssuga-offcanvas-close .label-icon {
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.6);
        margin-left: 5px;
    }
    .atbssuga-offcanvas__title .social-list li:not(:last-child) {
        margin-bottom: 10px;
    }
    /*navigation*/
    .atbssuga-offcanvas .atbssuga-offcanvas__section-navigation {
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 290px;
        padding-right: 0;
        padding-left: 0;
        min-width: 290px;
    }
    .atbssuga-offcanvas .menu-main-menu-container {
        width: 100%;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__section-navigation .atbssuga-offcanvas__section-navigation--wrap {
        width: 100%;
        max-height: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
    /*posts list*/
    .atbssuga-offcanvas .atbssuga-offcanvas__section-posts-list {
        padding-left: 60px;
        padding-right: 0;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__section-posts-list .atbssuga-offcanvas__section-posts-list--wrap {
        max-height: 100%;
        padding-right: 60px;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__section-posts-list .list-item:not(:last-child) {
        margin-bottom: 30px;
    }
    /*slide-bar*/
    .atbssuga-offcanvas .atbssuga-offcanvas__section-slide-bar {
        padding-left: 60px;
        padding-right: 0;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__section-slide-bar--wrap {
        max-height: 100%;
        padding-right: 60px;
    }
    /*scroll bar*/
    .atbssuga-offcanvas .atbssuga-offcanvas__section-navigation .atbssuga-offcanvas__section-navigation--wrap,
    .atbssuga-offcanvas .atbssuga-offcanvas__section-posts-list .atbssuga-offcanvas__section-posts-list--wrap,
    .atbssuga-offcanvas .atbssuga-offcanvas__section-slide-bar .atbssuga-offcanvas__section-slide-bar--wrap {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__section-navigation .atbssuga-offcanvas__section-navigation--wrap::-webkit-scrollbar,
    .atbssuga-offcanvas .atbssuga-offcanvas__section-posts-list .atbssuga-offcanvas__section-posts-list--wrap::-webkit-scrollbar,
    .atbssuga-offcanvas .atbssuga-offcanvas__section-slide-bar .atbssuga-offcanvas__section-slide-bar--wrap::-webkit-scrollbar {
        width: 2px;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__section-navigation .atbssuga-offcanvas__section-navigation--wrap::-webkit-scrollbar-thumb,
    .atbssuga-offcanvas .atbssuga-offcanvas__section-posts-list .atbssuga-offcanvas__section-posts-list--wrap::-webkit-scrollbar-thumb,
    .atbssuga-offcanvas .atbssuga-offcanvas__section-slide-bar .atbssuga-offcanvas__section-slide-bar--wrap::-webkit-scrollbar-thumb {
        border-radius: 50px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    }
    /*button show more*/
    .btn-nav-show_full {
        position: absolute;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        right: 30px;
        top: 50%;
        z-index: 1001;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
    }
    /*
        Content
    */
    /*title*/
    .atbssuga-offcanvas__title .site-logo img {
        max-height: 60px;
    }
    .atbssuga-offcanvas__title .social-list {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .atbssuga-offcanvas__title .social-list li {
        display: block;
    }
    .atbssuga-offcanvas__title .atbssuga-offcanvas-close {
        position: initial;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    /* Menu */
    .menu-wrap {
        position: fixed;
        /*z-index: 1001;*/
        width: 530px;
        height: 100%;
        font-size: 1.15em;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        -webkit-transition: -webkit-transform 0.5s, width 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
        transition: width 0.5s ease-in-out, -webkit-transform 0.5s;
        -o-transition: transform 0.5s, width 0.5s ease-in-out;
        transition: transform 0.5s, width 0.5s ease-in-out;
        transition: transform 0.5s, width 0.5s ease-in-out, -webkit-transform 0.5s;
        left: 0;
        top: 0;
    }
    /* Morph Shape */
    .morph-shape {
        position: absolute;
        width: 100px;
        height: 100%;
        top: 0;
        right: 0;
        fill: #fff;
        z-index: 1000;

    }
    /* Shown menu */
    .show-menu .menu-wrap {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    /*posts-list*/
    .atbssuga-offcanvas__section-posts-list .post--vertical-cat-overlay  .post__title {
        color: var(--color-text);
    }
}
@media (min-width: 1367px) and (max-width: 1600px) {
    /*
        Layout
    */
    .atbssuga-offcanvas.animation {
        width: 1300px;
    }
    .atbssuga-offcanvas.animation.animation_0_row,
    .atbssuga-offcanvas.animation_0_row {
        width: 430px;
    }
    .atbssuga-offcanvas.animation.animation_1_row {
        width: 915px;
    }
    .atbssuga-offcanvas.animation.animation_2_row {
        width: 1300px;
    }
    /*
        Content
    */

}
@media (min-width: 992px) and (max-width: 1366px) {
    /*
        Layout
    */
    .atbssuga-offcanvas.animation {
        width: 1155px;
    }
    .atbssuga-offcanvas.animation.animation_0_row,
    .atbssuga-offcanvas.animation_0_row {
        width: 395px;
    }
    .atbssuga-offcanvas.animation.animation_1_row {
        width: 825px;
    }
    .atbssuga-offcanvas.animation.animation_2_row {
        width: 1155px;
    }
    .atbssuga-offcanvas--inner .atbssuga-offcanvas__section:not(:first-child) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 330px;
        min-width: 330px;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__section:not(:first-child).atbssuga-offcanvas__section-navigation {
        width: calc(100% - 110px);
        max-width: 285px;
        min-width: 285px;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas--inner .ps__rail-x,
    .atbssuga-offcanvas .atbssuga-offcanvas--inner .ps__rail-y {

    }
    /*posts list*/
    .atbssuga-offcanvas .atbssuga-offcanvas__section-posts-list {
        padding-left: 35px;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__section-posts-list .atbssuga-offcanvas__section-posts-list--wrap {
        padding-right: 35px;
    }
    /*slide bar*/
    .atbssuga-offcanvas .atbssuga-offcanvas__section-slide-bar {
        padding-left: 35px;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__section-slide-bar--wrap {
        padding-right: 35px;
    }
    /*title*/
    .atbssuga-offcanvas .atbssuga-offcanvas__title {
        width: 110px;
        min-width: 110px;
        padding-bottom: 70px;
    }
    /*
        Content
    */

    /*navigation*/
    .atbssuga-offcanvas div.morph-shape {
        width: 100px;
        min-width: initial;
    }
    .atbssuga-offcanvas div.btn-nav-show_full {
        min-width: initial;
    }
    .menu-wrap {
        width: 495px;
    }
}
@media (min-width: 992px) {
    #atbssuga-offcanvas-mobile.atbssuga-offcanvas {
        display: none;
    }
    .show-full.atbssuga-offcanvas .atbssuga-offcanvas--inner .atbssuga-offcanvas__section {
        /*display: block;*/
    }
    .show-full.atbssuga-offcanvas .atbssuga-offcanvas--inner .atbssuga-offcanvas__section:not(:last-child) {
        /*display: flex;*/
    }
    .show-full.atbssuga-offcanvas .atbssuga-offcanvas--inner .atbssuga-offcanvas__section:not(:first-child) {
        /*display: flex;*/
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .menu-wrap {
        width: 460px;
    }
    .atbssuga-offcanvas.animation {
        width: 795px;
    }
    .atbssuga-offcanvas.animation.animation_0_row,
    .atbssuga-offcanvas.animation_0_row {
        width: 355px;
    }
    .atbssuga-offcanvas.animation.animation_1_row,
    .atbssuga-offcanvas.animation.animation_2_row {
        width: 795px;
    }
    .atbssuga-offcanvas--inner .atbssuga-offcanvas__section:not(:first-child) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 340px;

    }

    .atbssuga-offcanvas .atbssuga-offcanvas--inner .ps__rail-x,
    .atbssuga-offcanvas .atbssuga-offcanvas--inner .ps__rail-y {

    }
    .atbssuga-offcanvas .atbssuga-offcanvas__section:not(:first-child).atbssuga-offcanvas__section-navigation {
        width: calc(100% - 100px);
        max-width: 255px;
        min-width: 255px;
    }
    .atbssuga-offcanvas .atbssuga-offcanvas__section.atbssuga-offcanvas__title {
        width: 100px;
        min-width: 100px;
    }
}
@media (max-width: 991px) {
    /*
         Layout
     */
    .atbssuga-offcanvas {
        -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
        -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;
        display: flex;
        flex-direction: column;
    }
    #atbssuga-offcanvas-mobile .atbssuga-offcanvas__title {
        padding: 30px 50px 25px 20px;
        background-color: var(--color-primary);
    }
    .atbssuga-offcanvas__section.atbssuga-offcanvas__section-navigation {
        flex: 1;
    }
    .atbssuga-offcanvas__section.atbssuga-offcanvas__section-search {
        padding: 25px 20px;
    }
    .atbssuga-offcanvas .navigation--offcanvas li > a:after {
        display: none;
    }
    .atbssuga-offcanvas__section {
        padding: 30px 20px;
    }
    .atbssuga-offcanvas-close {
        color: #fff !important;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .atbssuga-offcanvas .social-list a {
        color: #fff;
    }

    .atbssuga-offcanvas .search-form {
        position: relative;
    }
    .atbssuga-offcanvas .search-form__input {
        padding: 10px 20px;
    }
    .atbssuga-offcanvas .search-form__submit {
        background-color: transparent !important;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        border: 0;
        box-shadow: none;
    }
    #atbssuga-offcanvas-mobile.atbssuga-offcanvas .search-form__submit {
        background-color: transparent ;
        color: var(--color-primary);
    }
    .mobile-header .mdicon--last {
        margin-left: 0;
    }
    /*posts-list*/
    .atbssuga-offcanvas__section-posts-list .post--vertical-cat-overlay  .post__title {
        color: var(--color-text);
    }
    /*
        Content
    */
    #atbssuga-offcanvas-mobile.atbssuga-offcanvas .atbssuga-offcanvas__section-posts-list,
    .atbssuga-offcanvas .atbssuga-offcanvas__section-posts-list,
    #atbssuga-offcanvas-mobile.atbssuga-offcanvas .atbssuga-offcanvas__section-slide-bar,
    .atbssuga-offcanvas .atbssuga-offcanvas__section-slide-bar {
        display: none;
    }
    #atbssuga-offcanvas-primary.atbssuga-offcanvas {
        display: none;
    }
    .atbssuga-offcanvas__title .site-logo img {
        max-height: 55px;
    }
}

/* Navigation bar ----------------------- */

/** Gutenberg **/
/** Typo **/
.typography-copy, .comment-content {
    font-size: 16px;
    line-height: 1.8;
}
/** wp-block **/
.wp-block-image {
    margin-bottom: 1.7em;
}
.wp-block-image figcaption,
.wp-block-embed figcaption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    margin: 0;
    padding: 10px 10px 0 10px;
    color: #666;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.alignleft {
    margin-right: 2em !important;
}
.alignright {
    margin-left:  2em !important;
}
/** Media Text **/
.wp-block-media-text {
    margin-top: 28px;
    margin-bottom: 28px;
}
/* Button */
.wp-block-button {
    margin-top: 28px;
    margin-bottom: 28px;
}
.wp-block-button__link,
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:active:focus {
    padding: 12px 24px;
}
.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0;
}
.wp-block-button__link:hover, .wp-block-button__link:hover:active {
    text-decoration: none;
}
/** wp-block-cover **/
.wp-block-cover p.wp-block-cover-text, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image>h2,
.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
    font-size: 1.3em !important;
    color: #fff;
}
.wp-block-cover {
    margin-top: 28px;
    margin-bottom: 28px;
}
/** wp-block-gallery **/
.wp-block-gallery, .blocks-gallery-grid {
    padding-left: 0 !important;
}

/** Column **/
.single-body p.has-large-font-size {
    font-size: 36px;
    line-height: 1.25;
}
/** Quote **/
.typography-copy blockquote,
.typography-copy blockquote:not(.is-large):not(.is-style-large),
.comment-content blockquote,
.comment-content blockquote:not(.is-large):not(.is-style-large) {
    font-size: 1.2em;
}
.typography-copy blockquote.is-large cite,
.comment-content blockquote.is-large cite {
    font-size: .9em;
    font-style: normal;
}
.typography-copy blockquote.has-text-align-left,
.comment-content blockquote.has-text-align-left {
    text-align: left;
}
.typography-copy blockquote p, blockquote p,
.comment-content blockquote p, blockquote p  {
    font-size: 0.86em;
}
.typography-copy blockquote.is-large p, .typography-copy blockquote.is-style-large p,
.comment-content blockquote.is-large p, .comment-content blockquote.is-style-large p {
    font-size: 24px;
    font-style: normal;
    line-height: 1.6;
}
.typography-copy .wp-block-pullquote blockquote p, .typography-copy .wp-block-pullquote p,
.comment-content .typography-copy .wp-block-pullquote blockquote p, .comment-content .typography-copy .wp-block-pullquote p {
    font-size: 28px;
    line-height: 1.6;
}
.typography-copy blockquote cite, .comment-content blockquote cite {
    font-style: normal;
}
/** Common **/
.has-drop-cap:not(:focus):first-letter {
    font-weight: inherit;
}
.single-body p.has-small-font-size {
    font-size: 13px;
}
/** Video Block Caption **/
.wp-block-video figcaption {
    color: #555d66;
    font-size: 13px;
    text-align: center;
}
.wp-block-video figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
}
.wp-block-embed {
    margin-bottom: 28px;
}
.wp-block-embed__wrapper .atbssuga-responsive-video {
    margin-bottom: 0;
}
/** Widgets **/
.wp-block-categories__list a, .wp-block-categories-list a,
.wp-block-archives-list a {
    position: relative;
    color: inherit;
}
.wp-block-latest-posts li {
    margin-bottom: 1em !important;
}
/** wp-block-separator **/
.wp-block-separator:not(.is-style-dots) {
    position: relative;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 10px;
    border: none;
    background-color: transparent;
    background-image: -o-radial-gradient(currentColor 1px, transparent 1px);
    background-image: radial-gradient(currentColor 1px, transparent 1px);
    background-position: 1px 1px;
    background-size: 5px 5px;
    background-repeat: repeat;
    opacity: 1;
}
/** Formating **/
.wp-block-code {
    border-radius: 0;
    background: transparent;
    border: 1px solid #e2e4e7;
}
.wp-block-preformatted {
    margin-top: 28px;
    margin-bottom: 28px;
}
.wp-block-table {
    margin-bottom: 2em;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #eee;
}
.wp-block-table__cell-content {
    padding: .5em;
}
.wp-block-table td, .wp-block-table th {
    border: 1px solid #eee;
}
.wp-block-table table thead {
    background-color: #333;
    color: #fff;
}

.wp-block-table.is-style-stripes {
    border: none;
}

.wp-block-table__.cell-content {
    text-align: left;
}
.wp-block-verse pre, pre.wp-block-verse {
    color: #191e23;
    white-space: nowrap;
    border: none;
    overflow: auto;
    margin-bottom: 2rem;
    padding: 20px;
    max-width: 100%;
    background-color: rgba(0, 0, 0, .05);
    font-size: .9em;
    font-family: monospace, monospace;
}
/** Default Font *********************************/
.block-heading, .block-heading__title, .post-nothumb-media .list-index, .post__title, .entry-title, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .text-font-primary, .social-tile__title, .widget_recent_comments .recentcomments > a, .widget_recent_entries li > a, .modal-title.modal-title, .author-box .author-name a, .comment-author, .widget_calendar caption, .widget_categories li>a, .widget_meta ul, .widget_recent_comments .recentcomments>a, .widget_recent_entries li>a, .widget_pages li>a,
.widget__title-text {
    font-family: 'Rubik', sans-serif;
}
.text-font-secondary, .block-heading__subtitle, .widget_nav_menu ul, .typography-copy blockquote, .comment-content blockquote {
    font-family: 'Rubik', sans-serif;
}
.mobile-header-btn, .meta-text, a.meta-text, .meta-font, a.meta-font, .text-font-tertiary, .block-heading-tabs, .block-heading-tabs > li > a, input[type="button"]:not(.btn), input[type="reset"]:not(.btn), input[type="submit"]:not(.btn), .btn, label, .category-tile__name, .page-nav, .post-score, .post-score-hexagon .post-score-value, .post__cat, a.post__cat, .entry-cat, a.entry-cat, .read-more-link, .post__meta, .entry-meta, .entry-author__name, a.entry-author__name, .comments-count-box, .atbssuga-widget-indexed-posts-a .posts-list > li .post__thumb::after, .atbssuga-widget-indexed-posts-b .posts-list > li .post__title::after, .atbssuga-widget-indexed-posts-c .list-index, .social-tile__count, .widget_recent_comments .comment-author-link, .atbssuga-video-box__playlist .is-playing .post__thumb::after, .atbssuga-posts-listing-a .cat-title, .atbssuga-news-ticker__heading, .page-heading__title, .post-sharing__title, .post-sharing--simple .sharing-btn, .entry-action-btn, .entry-tags-title, .post-categories__title, .posts-navigation__label, .comments-title, .comments-title__text, .comments-title .add-comment, .comment-metadata, .comment-metadata a, .comment-reply-link, .comment-reply-title, .countdown__digit, .modal-title, .comment-reply-title, .comment-meta, .comment .reply, .wp-caption, .gallery-caption, .widget-title, .btn, .logged-in-as, .countdown__digit, .atbssuga-widget-indexed-posts-a .posts-list>li .post__thumb::after, .atbssuga-widget-indexed-posts-b .posts-list>li .post__title::after,
.atbssuga-widget-indexed-posts-c .list-index, .atbssuga-horizontal-list .index, .atbssuga-pagination, .atbssuga-pagination--next-n-prev .atbssuga-pagination__label {
    font-family: 'Rubik', sans-serif;
}
.navigation--main>li>a, .navigation .sub-menu, .navigation-bar-btn, .navigation, .menu, .atbssuga-mega-menu__inner > .sub-menu > li > a, .navigation {
    font-family: 'Rubik', sans-serif;
}
/* update wp 3.0*/
/* -------------------------- Post Listing List F (Post Listing List Large)*/
.listing--list-large .post__thumb {
    width: 58.33333%;
    height: 400px;
    margin-right: 50px;
}
.listing--list-large .post__title {
    font-size: 24px;
    line-height: 1.4;
}
.listing--list-large .post__text {
    padding-right: 30px;
}
.listing--list-large .post__readmore .readmore__text {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.listing--list-large.text-title-uppercase .post__title {
    text-transform: uppercase;
}
.listing--list-large.post--horizontal-reverse .post__thumb {
    margin-right: 0;
    margin-left: 50px;
}
@media(max-width: 1199px) {
    .listing--list-large .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .listing--list-large .post__thumb {
        height: 300px;
    }
}
@media(max-width: 991px) {
    .listing--list-large .post__title {
        font-size: 20px;
    }
    .listing--list-large .post__text {
        padding-right: 0;
    }
    .listing--list-large .post__thumb {
        height: 280px;
        margin-right: 30px;
    }
    .listing--list-large.post--horizontal-reverse .post__thumb {
        margin-right: 0;
        margin-left: 30px;
    }
}
@media(max-width: 767px) and (min-width: 577px) {
    .listing--list-large .post__title {
        font-size: 20px;
    }
    .listing--list-large .post__thumb {
        width: 50%;
        float: left;
        margin-bottom: 0;
        height: 250px;
    }
    .listing--list-large.post--horizontal-reverse .post__thumb {
        float: right;
    }
    .listing--list-large .post__excerpt {
        padding-right: 20px;
    }
    .listing--list-large .post__thumb::after {
        content:"";
        display: table;
    }
}
@media(max-width: 576px) {
    .listing--list-large .post__thumb {
        width: 100%;
        height: 250px;
        margin-right: 0;
    }
    .listing--list-large.post--horizontal-reverse .post__thumb {
        margin-left: 0;
    }
    .listing--list-large .post__text {
        padding-right: 20px;
    }
    .listing--list-large .post__title {
        font-size: 20px;
        line-height: 1.4;
        font-weight: 600;
    }
}
/* .Post Listing List F  -------------------------- */
/* ----------------------- Suga-feature-slider-h */
/*
    Layout
*/
.atbssuga-carousel-1i  .post--overlay-text-center-bottom .post__text-inner-top {
    max-width: 750px;
}

/*
    Content
*/
.post--overlay-text-center-bottom .post__text-inner {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    padding: 30px 50px;
}
.post--overlay-text-center-bottom .post__text {
    text-align: center;
}
.post--overlay-text-center-bottom .post__text-inner-top {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 650px;
    padding: 0 50px;
}
.post--overlay-text-center-bottom .post__thumb::after {
    opacity: 0.2;
    background-color: #000;
}
.post--overlay-text-center-bottom .post__title {
    font-size: 40px;
    line-height: 1.4;
    font-weight: 700;
}
.post--overlay-text-center-bottom .post__cat {
    color: #fff;
}
.post--overlay-text-center-bottom .entry-author {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}
.post--overlay-text-center-bottom .post__meta {
    width: 100%;
}
.post--overlay-text-center-bottom .entry-author .entry-author__name {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.atbssuga-feature-slider-h .owl-carousel .owl-dots {
    display: none;
}
.atbssuga-feature-slider-h .owl-carousel .owl-prev,
.atbssuga-feature-slider-h .owl-carousel .owl-next {
    width: 40px;
    height: 80px;
    background: rgba(0, 0, 0, .24);
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}
.atbssuga-feature-slider-h .owl-carousel .owl-prev i,
.atbssuga-feature-slider-h .owl-carousel .owl-next i {
    font-size: 20px;
}
.atbssuga-feature-slider-h .owl-carousel .owl-prev:hover,
.atbssuga-feature-slider-h .owl-carousel .owl-next:hover {
    background: rgba(0, 0, 0, .4);
}
@media (max-width: 1366px) {
    .post--overlay-text-center-bottom .post__title {
        font-size: 35px;
    }
}
@media (max-width: 1199px) {
    /*
        Layout
    */
    .atbssuga-post--listing-grid-2-item-vertical .list-item {
        width: calc(100% / 2);
    }
    /*
        Content
    */
    .post--overlay-text-center-bottom .post__title {
        font-size: 32px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    /*
        Content
    */
    .post--overlay-text-center-bottom .post__title {
        font-size: 30px;
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    /*
        Layout
    */
    .atbssuga-feature-slider-h .owl-carousel .owl-dots {
        display: block;
        padding-bottom: 0;
        padding-top: 20px;
    }
    .atbssuga-feature-slider-h .owl-carousel .owl-nav {
        display: none;
    }
    /*
        Content
    */
    .post--overlay-text-center-bottom .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
    .post--overlay-text-center-bottom .entry-author .entry-author__name {
        font-size: 13px;
    }
}
@media (max-width: 576px) {
    /*
        Content
    */
    .post--overlay-text-center-bottom .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    /*
        Content
    */
    .post--overlay-text-center-bottom .post__title {
        font-size: 26px;
    }
}
@media (max-width: 380px) {
    /*
        Content
    */
    .post--overlay-text-center-bottom .post__text-inner-top {
        padding: 0 20px;
    }
    .post--overlay-text-center-bottom .post__title {
        font-size: 26px;
    }
}
@media (max-width: 320px) {
    /*
        Content
    */

    .post--overlay-text-center-bottom .post__title {
        font-size: 24px;
    }
}
/*  Suga-feature-slider-h ----------------------- */
/* --------------------------------- Suga Gird P */
.row-grid-3i-w40-h20 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px -20px;
}
.row-grid-3i-w40-h20 > * {
    width: calc( 100% / 3 );
    padding: 10px 20px;
}
@media(max-width: 991px) {
    .row-grid-3i-w40-h20 > * {
        width: calc( 100%);
        padding: 10px 20px;
    }
    .row-grid-3i-w40-h20 {
        margin: -10px;
    }
}
@media(max-width: 768px) {

}
/* .Suga Gird P ---------------------------------*/

.single-body > ol li:not(:last-child),
.single-body > ul li:not(:last-child),
.single-body > ol li:not(:last-child),
.single-body > ul li:not(:last-child),
.single-body ol[class *= 'wp-block-'] li:not(:last-child),
.single-body ul[class *= 'wp-block-'] li:not(:last-child),
.single-body ol[class *= 'wp-block-'] li:not(:last-child),
.single-body ul[class *= 'wp-block-'] li:not(:last-child) {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;;
}
.single-content .single-body p:not(.wp-caption-text) {
    margin-top: 28px;
}
.single-content .single-body > [class *= 'wp-block-']:not(:last-child) {
    margin-bottom: 28px;
}

[class *='wp-block-'] a {
    text-decoration: none;
}
/*Block Wp Define*/
.post--single .single-content .single-body p:not(.wp-caption-text) {
    margin-top: 28px;
    margin-bottom: 28px;
}
.post--single .single-content .single-body p:first-child {
    /*margin-top: 0;*/
}
.post--single[class *='category-'] .single-body {
    padding-left: 0;
    padding-right: 0;
}
.post--single [class *='wp-block-'] .alignleft,
.post--single [class *='wp-block-'].alignleft {
    margin-left: 0;
}
.post--single [class *='wp-block-'] .alignright,
.post--single [class *='wp-block-'].alignright {
    margin-right: 0;
}
/*Block Image*/
.wp-block-image {
    margin-bottom: 28px;
}
.wp-block-image figcaption {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    margin: 0;
    padding: 10px 10px 0 10px;
    color: #666;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*Block Button*/
.wp-block-button {
    margin-top: 28px;
    margin-bottom: 28px;
}
.wp-block-button__link {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
}
.wp-block-button.alignleft {
    margin: 0.8em 1.6em 1.6em 0;
}
.wp-block-button.alignright {
    margin: 0.8em 0 1.6em 1.6em;
}
/*Block Cover*/
.wp-block-cover:not(:last-child) {
    margin-bottom: 28px;
}
.wp-block-cover, .wp-block-cover-image {
    height: auto;
}
.wp-block-cover p:not(.has-text-color) {
    color: #fff;
}
.wp-block-cover p.wp-block-cover-text {
    padding: 35px;
    max-width: 100%;
}
.wp-block-cover .block-editor-block-list__block[data-type="core/paragraph"] p:first-child,
.wp-block-cover p.wp-block-cover-text {
    margin-top: 0;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image>h2 {
    font-size: 2em !important;
    line-height: 1.25 !important;
    z-index: 1;
    margin-bottom: 0;
    max-width: 580px;
    padding: 14px;
    text-align: center;
}



/*Block category: Layout Elements*/
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    position: relative;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100%;
    width: 100%;
    height: 10px;
    border: none;
    background-color: transparent;
    background-image: -webkit-radial-gradient(currentColor 1px, transparent 1px);
    background-image: -moz-radial-gradient(currentColor 1px, transparent 1px);
    background-image: -o-radial-gradient(currentColor 1px, transparent 1px);
    background-image: radial-gradient(currentColor 1px, transparent 1px);
    background-position: 1px 1px;
    -webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    -o-background-size: 5px 5px;
    background-size: 5px 5px;
    background-repeat: repeat;
    opacity: .25;
}
.wp-block-separator:not(.is-style-dots) {
    position: relative;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 10px;
    border: none;
    background-color: transparent;
    background-image: -webkit-radial-gradient(currentColor 1px, transparent 1px);
    background-image: -moz-radial-gradient(currentColor 1px, transparent 1px);
    background-image: -o-radial-gradient(currentColor 1px, transparent 1px);
    background-image: radial-gradient(currentColor 1px, transparent 1px);
    background-position: 1px 1px;
    -webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    -o-background-size: 5px 5px;
    background-size: 5px 5px;
    background-repeat: repeat;
    opacity: 1;
}
.wp-block-separator.is-style-dots {
    background: none!important;
    border: none;
    text-align: center;
    max-width: none;
    line-height: 1;
    height: auto;
}

/*Block Table*/
.wp-block-table table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid rgba(0, 0, 0, .025);
    margin-bottom: 0;
}
.wp-block-table th:first-child, .wp-block-table td:first-child {
    padding: 0.8em;
}

/*Audio*/
.wp-block-audio figcaption {
    text-align: center;
    color: #555d66;
    font-size: 13px;
}
/*Block Image*/
.wp-block-image {
    margin-bottom: 28px;
}
figure figcaption {
    margin: 0;
    padding: 10px 0 0;
    color: var(--color-excerpt);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
}
.wp-block-image figcaption {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    margin: 0;
    padding: 10px 10px 0 10px;
    color: #666;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*Block Button*/
/**/
.wp-block-button .wp-block-button__link {
    text-decoration: none;
    padding: 0.5em 1em;
    border-radius: 8px;
}
.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0;
}
/*Block Cover*/
.wp-block-cover p.wp-block-cover-text {
    /*line-height: 1.5;*/
    /*font-size: 22px !important;*/
}
/*Block Gallery*/
.wp-block-gallery .blocks-gallery-grid {
    margin-bottom: 0 !important;
}
.wp-block-gallery .blocks-gallery-caption {
    color: #555d66;
    font-size: 13px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}
.blocks-gallery-grid, .wp-block-gallery {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.blocks-gallery-caption, .wp-block-video figcaption {
    text-align: center;
    width: 100%;
    color: #555d66;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.blocks-gallery-grid {
    margin-bottom: 0 !important;
}
.wp-block-gallery + p {
    margin-top: 28px;
    margin-bottom: 28px;
    font-size: 16px;
}

/*Block Quote*/
.typography-copy blockquote.wp-block-quote cite,
.comment-content blockquote.wp-block-quote cite,
.typography-copy .wp-block-pullquote blockquote cite {
    font-style: italic;
    color: rgba(0, 0, 0, 0.85);
    font-size: 15px;
}
.typography-copy blockquote.wp-block-quote cite {
    color: rgba(0, 0, 0, 0.6);
}
/*Block Column*/
.wp-block-column p:first-child {
    margin-top: 0 !important;
}
.wp-block-column p:last-child {
    margin-bottom: 0 !important;
}
.wp-block-media-text p {
    margin-bottom: 28px;
}

.wp-block-column .wp-block-quote {
    font-size: 1.2em;
    line-height: 1.4;
}
.typography-copy blockquote cite,
.comment-content blockquote cite  {
    line-height: 1.5;
}
/*Block Quote*/
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-style: normal;
    font-size: 24px;
    line-height: 1.6;
}
blockquote.wp-block-quote p:first-child {
    margin-top: 20px !important;
    margin-bottom: 20px!important;
}
blockquote.wp-block-quote p {
    margin-top: 20px !important;
    margin-bottom: 20px!important;
    font-size: 20px;
    line-height: 1.4;
}
blockquote.wp-block-quote cite {
    font-size: 17px;
    line-height: 1.5;
}
.typography-copy .wp-block-pullquote cite,
.comment-content .wp-block-pullquote cite {
    font-style: italic;
    color: rgba(0, 0, 0, 0.6);
    font-size: 18px;
    line-height: 1.5;
}

.wp-block-cover-image.alignleft + p, .wp-block-cover-image.alignright + p, .wp-block-cover.alignleft + p, .wp-block-cover.alignright + p,
.blocks-gallery-grid.alignleft + p, .blocks-gallery-grid.alignright + p, .wp-block-gallery.alignleft, .wp-block-gallery.alignright + p {
    margin-top: 0;
}
@media (max-width: 576px) {
    .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright,
    .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
        width: 100%;
        max-width: 100%;
    }
}


/*Block Category: common*/
.single-body .has-medium-font-size {
    font-size: 20px;
}
/*Block Category: Widget*/
.wp-block-calendar table {
    margin-bottom: 0;
}
.wp-block-calendar table th {
    text-align: center;
}
.wp-block-calendar th:first-child, .wp-block-calendar td:first-child {
    padding: 4px;
}
.wp-block-categories li > a, .wp-block-archives li > a,
.wp-block-calendar table a, .wp-block-calendar nav a,
.wp-block-tag-cloud a {
    color: rgba(0, 0, 0, 0.8);
}
.wp-block-search .wp-block-search__button {
    background: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: inset 0 -1px 0 #ccc;
    padding: 6px 10px;
}
/*Block Category: Layout Elements*/
.wp-block-group.has-background {
    padding: 20px 30px;
}
/*Block Category: Formatting*/
.wp-block-code code {
    font-size: 14px !important;
    line-height: 1.8;
}
.link_icon_video {
    z-index: 1;
}
/* ------- atbs style css ------- */
.post--overlay .post__text {
    z-index: 1;
    pointer-events: none;
}
.post--overlay .post__text a {
    pointer-events: auto;
    z-index: 1;
}
.post--overlay .entry-author {
    pointer-events: auto;
}
.post__meta.entry-author-40 .entry-author .avatar,
.post__meta.entry-author-40 .avatar {
    width: 40px;
    height: 40px;
}
/**/
.item-order-1 {
    order: -1;
}
/* flex-wrap */
.flexbox-space-x {
    justify-content: space-between;
}
.flexbox-space-y {
    align-content: space-between;
}
.flexbox-space-y > * {
    width: 100%;
}
.flexbox-space-y-top {
    align-self: flex-start;
    width: 100%;
}
.flexbox-space-y-bottom {
    align-self: flex-end;
    width: 100%;
}
.flexbox-center-x {
    justify-content: center;
}
.flexbox-center-y {
    align-items: center;
}
.flexbox-center-xy {
    align-items: center;
    justify-content: center;
}
.flexbox-left-x {
    justify-content: flex-start;
}
.flexbox-right-x {
    justify-content: flex-end;
}
.flexbox-bottom-y {
    align-items: flex-end;
}
.flexbox-top-y {
    align-items: flex-start;
}
.flexbox-wrap-direction-column {
    flex-direction: column;
}
.flexbox-wrap-direction-column .flexbox-space-y-bottom {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-self: auto;
}
.flexbox-wrap-direction-column .flexbox-space-y-top {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.flexbox-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.flexbox-wrap.flexbox-item-1,
.flexbox-wrap .flexbox-item-1 {
    flex: 1;
}
.flexbox-wrap.flexbox-wrap-1i > *:not(.post__cat),
.flexbox-wrap .flexbox-item-100 {
    width: 100%;
}

.flexbox-wrap.flexbox-wrap-2i > *,
.flexbox-wrap .flexbox-item-50 {
    width: 50%;
}
.flexbox-wrap.flexbox-wrap-3i > *,
.flexbox-wrap .flexbox-item-33 {
    width: calc((100% - 1px) / 3);
}

.flexbox-wrap .flexbox-item-33x2 {
    width: calc( (100% - 1px) / 3 * 2);
}

.flexbox-wrap.flexbox-wrap-4i > *,
.flexbox-wrap .flexbox-item-25 {
    width: calc(100% / 4);
}
.flexbox-wrap .flexbox-item-75 {
    width: 75%;
}
.flexbox-wrap .flexbox-item-45 {
    width: 45%;
}
.flexbox-wrap .flexbox-item-27_5 {
    width: 27.5%;
}
.flexbox-wrap.flex-space-10 {
    margin: -5px;
}
.flexbox-wrap.flex-space-10 > * {
    padding: 5px;
}
.flexbox-wrap.flex-space-15 {
    margin: -7.5px;
}
.flexbox-wrap.flex-space-15 > * {
    padding: 7.5px;
}
.flexbox-wrap.flex-space-20 {
    margin: -10px;
}
.flexbox-wrap.flex-space-20 > * {
    padding: 10px;
}
.flexbox-wrap.flex-space-25 {
    margin: -12.5px;
}
.flexbox-wrap.flex-space-25 > * {
    padding: 12.5px;
}

.flexbox-wrap.flex-space-30 {
    margin: -15px;
}
.flexbox-wrap.flex-space-30 > * {
    padding: 15px;
}
.flexbox-wrap.flex-space-40 {
    margin: -20px;
}
.flexbox-wrap.flex-space-40 > * {
    padding: 20px;
}
.flexbox-wrap.flex-space-45 {
    margin: -22.5px;
}
.flexbox-wrap.flex-space-45 > * {
    padding: 22.5px;
}
.flexbox-wrap.flex-space-50 {
    margin: -25px;
}
.flexbox-wrap.flex-space-50 > * {
    padding: 25px;
}
.flexbox-wrap.flex-space-55 {
    margin: -27.5px;
}
.flexbox-wrap.flex-space-55 > * {
    padding: 27.5px;
}
.flexbox-wrap.flex-space-60 {
    margin: -30px;
}
.flexbox-wrap.flex-space-60 > * {
    padding: 30px;
}
.flexbox-wrap.flex-space-65 {
    margin: -32.5px;
}
.flexbox-wrap.flex-space-65 > * {
    padding: 32.5px;
}
.flexbox-wrap.flex-space-70 {
    margin: -35px;
}
.flexbox-wrap.flex-space-70 > * {
    padding: 35px;
}
.flexbox-wrap.flex-space-80 {
    margin: -40px;
}
.flexbox-wrap.flex-space-80 > * {
    padding: 40px;
}
.flexbox-wrap.flex-space-90 {
    margin: -45px;
}
.flexbox-wrap.flex-space-90 > * {
    padding: 45px;
}
.flexbox-wrap.flex-space-100 {
    margin: -50px;
}
.flexbox-wrap.flex-space-100 > * {
    padding: 50px;
}
.flexbox-wrap.flex-space-110 {
    margin: -55px;
}
.flexbox-wrap.flex-space-110 > * {
    padding: 55px;
}
.flex-self-start {
    align-self: flex-start;
}
.flex-column-reverse > * {
    width: 100%;
}
.flex-row-reverse > * {
    /*width: 100%;*/
}
.flex-row-reverse > *:not(:last-child) {
    margin-bottom: 30px;
}
@media(min-width: 768px) {
    .flex-column-reverse {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .flex-row-reverse {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
    }
}
.suga-feature-g .posts-list,
.suga-feature-h .posts-list {
    position: relative;
}
.flexbox-wrap[class*="flexbox-wrap-"] > .bk-preload-wrapper {
    width: 100%;
}
/**/
.posts-list-style-hover-effect-wrapper .js-ajax-load-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.posts-list-style-hover-effect-wrapper .atbssuga-pagination {
    margin-top: 120px;
    width: 100%;
}
@media(max-width: 991px) {
    .posts-list-style-hover-effect-wrapper .atbssuga-pagination {
        margin-top: 80px;
    }
}
@media(max-width: 576px) {
    .posts-list-style-hover-effect-wrapper .atbssuga-pagination {
        margin-top: 40px;
    }
}
.layout-full-container--left,
.layout-full-container--right {
    width: calc(50% + 585px);
}
.layout-full-container--right {
    margin-left: auto;
    margin-right: 0;
}
@media (max-width: 1199px) {
    .layout-full-container--left,
    .layout-full-container--right {
        width: calc(50% + 940px/2);
    }
}
@media (max-width: 991px) {
    .layout-full-container--left,
    .layout-full-container--right {
        width: calc(50% + 720px/2);
    }
}
@media (max-width: 767px) {
    .layout-full-container--left,
    .layout-full-container--right {
        width: calc(100% - 15px);
    }
}
/**/
.atbs-thumb-object-fit a {
    width: 100%;
    height: 100%;
}
.atbs-thumb-object-fit.post__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .atbs-thumb-object-fit.post__thumb a:not(.post__cat) {
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
    }
    .atbs-thumb-object-fit.post__thumb img {
        min-width: 100%;
        min-height: 100%;
        position: absolute;
        left: -9999px;
        right: -9999px;
        top:  -9999px;
        bottom: -9999px;
        max-width: none;
        margin: auto !important;
        width: auto;
        height: auto;
    }
    .atbs-thumb-object-fit a {
        width: 100%;
        height: 100%;
    }
}

.post-not-exist-thumb .post__thumb::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #c4c4c4;
}

.post-not-exist-thumb.thumb-placeholder-disabled .post__thumb {
    display: none;
}

.post-not-exist-thumb.thumb-placeholder-disabled [class*="overlay-item"] {
    display: none;
}

[class*="posts-listing"] .post.post-not-exist-thumb .post__thumb,
[class*="suga-listing"] .post.post-not-exist-thumb .post__thumb {
    display: none;
}

/**/
a.post__cat.post__cat-inverse[class*='cat-'] {
    color: #fff !important;
}
.post__cat.post__cat-space-sm {
    margin-bottom: 10px;
}
/**/
.post__readmore .button__readmore {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
}
.post__readmore .readmore__text {
    display: flex;
    align-content: center;
    align-items: center;
    line-height: 1;
}
.post__readmore .readmore__text i {
    margin-left: 5px;
}
/**/
.btn-only-text {
    padding-bottom: 5px;
    color: #222222;
    position: relative;
    text-decoration: none !important;
    transition: all .3s ease-out;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
}
.btn-only-text::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 1px;
    background-color: #000;
    transition: all .3s ease-out;
}
.btn-only-text i {
    margin-left: 10px;
}
.btn-only-text:hover {
    color: #222222 !important;
}
.btn-only-text:hover::before {
    width: 95%;
}
/**/
.atbssuga-carousel.owl-nav-square .owl-next,
.atbssuga-carousel.owl-nav-square .owl-prev {
    width: 45px;
    height: 45px;
    border-radius: 4px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.atbssuga-carousel .owl-dot {
    padding: 4px;
}
.atbssuga-carousel.dots-white .owl-dot span {
    background-color: #fff;
    opacity: 0.4;
}
.atbssuga-carousel.dots-white .owl-dot.active span {
    opacity: 1;
}
.atbssuga-carousel.dots-vertical .owl-dots {
    display: block;
    width: fit-content;
}
.atbssuga-carousel.dots-vertical .owl-dot {
    display: block;
    padding: 4px;
}
.atbssuga-carousel.dots-circle .owl-dot span {
    border-radius: 100%;
}
.atbssuga-carousel.nav-circle .owl-next,
.atbssuga-carousel.nav-circle .owl-prev {
    border-radius: 50%;
}

.atbssuga-carousel.nav-box-shadow .owl-next,
.atbssuga-carousel.nav-box-shadow .owl-prev {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
}

.atbssuga-carousel.nav-overlap .owl-next {
    top: 80px;
    transform: translate(50%,-50%);
    right: 0;
}
.atbssuga-carousel.nav-overlap .owl-prev {
    top: 80px;
    left:0;
    transform: translate(-50%,-50%);
}
/*.atbssuga-carousel.nav-box-shadow .owl-prev {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
}*/

.atbssuga-carousel.nav-white .owl-next,
.atbssuga-carousel.nav-white .owl-prev {
    background-color: #fff;
    color: #222222;
}
/**/
.pattern-circle-background-stripe {
    position: relative;

}
.pattern-circle-background-stripe::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 190px;
    height: 190px;
    border-radius: 100%;
    background: repeating-linear-gradient(45deg, transparent, transparent 6px, #FC3C2D 6px, #FC3C2D 12px);
}
/**/
.post__readmore-circle a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: 0.3s;
}



/*Style Safari - Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .flexbox-wrap-direction-column .flexbox-space-y-bottom {
        flex: 1;
    }
    .flexbox-wrap-direction-column .flexbox-space-y-top {
        flex: 1;
    }
}

/* ------- end atbs style css ------- */
/* -----------------------suga-grid-t */
.suga-grid-t {
    background-color: #f4f6f7;
}

.post--horizontal-normal-has-background {
    background-color: #fff;
}
.post--horizontal-normal-has-background.post--horizontal-reverse .post__thumb {
    margin-left: 50px;
}
.post--horizontal-normal-has-background .post__thumb {
    width: 55%;
    margin-right: 50px;
}
.post--horizontal-normal-has-background .post__text {
    padding-right: 50px;
}
.suga-grid-t .post--vertical-style-card {
    height: 100%;
}
.post--vertical-style-card {
    background-color: #fff;
}
.post--vertical-style-card .post__text {
    padding: 0 25px 30px 25px;
}


@media (max-width: 1199px) {
    .suga-grid-t .section-sub .flexbox-wrap.flex-space-40 {
        margin: -20px -15px;
    }
    .suga-grid-t .section-sub .flexbox-wrap.flex-space-40 > * {
        padding: 20px 15px;
    }
    .post--vertical-style-card.post__thumb-400 .post__thumb {
        height: 300px;
    }
    .post--horizontal-normal-has-background.post--horizontal-reverse .post__thumb {
        margin-left: 30px;
    }
    .post--horizontal-normal-has-background .post__thumb {
        width: calc( 50% - 15px);
        margin-right: 30px;
    }
    .post--horizontal-normal-has-background .post__text {
        padding-right: 30px;
    }

    .post--vertical-style-card .post__title {
        font-size: 20px;
        line-height: 1.4;
    }


}
@media (max-width: 991px) {
    .suga-grid-t .section-sub .flexbox-wrap.flexbox-wrap-3i > * {
        width: 50%;
    }

}
@media (max-width: 768px) and (min-width: 577px) {
    .post--horizontal-normal-has-background {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .post--horizontal-normal-has-background .post__thumb {
        margin-bottom: 0;
    }
    .post--horizontal-normal-has-background .post__text {
        flex: 1;
    }
}
@media (max-width: 576px) {
    .suga-grid-t .section-sub .flexbox-wrap.flexbox-wrap-3i > * {
        width: 100%;
    }
    .post--horizontal-normal-has-background .post__thumb {
        width: 100%;
        height: 260px;
    }
    .post--horizontal-normal-has-background .post__text {
        padding: 0 20px 20px 20px;
    }
    .post--horizontal-normal-has-background .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .post--vertical-style-card .post__text {
        padding: 0 20px 20px 20px;
    }


}
/* suga-grid-t ----------------------- */
/* -----------------------suga-grid-s */
.suga-grid-s .section-left {
    width: 45%;
}
.suga-grid-s .section-center {
    width: 30%;
}
.suga-grid-s .section-right {
    width: 25%;
}
.suga-grid-s .post--overlay.post--overlay-middle .post__text-wrap {
    width: 100%;
}
.post--overlay-text-background-a-part .post__text-wrap {
    width: 100%;
    background-color: #fff;
}
.post--overlay-text-background-a-part.post--overlay-text-background-a-part-right .post__text-inner {
    padding: 40px;
}
.post--overlay-text-background-a-part.post--overlay-text-background-a-part-center .post__text-inner {
    padding: 30px;
}
.post--overlay-text-background-a-part-right .post__text-wrap {
    margin-left: 150px;
}
.post--overlay-text-background-a-part-center .post__text-wrap {
    margin-left: 30px;
    margin-right: 30px;
}
@media (min-width: 1200px) {
    .suga-grid-s .container {
        width: 100%;
        padding: 0 30px;
    }
    .suga-grid-s .atbssuga-block__inner {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
    .suga-grid-s .post--overlay-lg,
    .suga-grid-s .post--overlay-lg .post__text {
        min-height: 640px;
        height: 100%;
    }
    .suga-grid-s .post--overlay-md,
    .suga-grid-s  .post--overlay-md .post__text {
        min-height: calc(640px / 2 - 15px);
        height: 100%;
    }
}
@media (min-width: 1440px) {
    .suga-grid-s .post--overlay-lg,
    .suga-grid-s .post--overlay-lg .post__text {
        min-height: 740px;
        height: 100%;
    }
    .suga-grid-s .section-left .post--overlay-lg .post__title,
    .suga-grid-s .section-left .post--overlay-lg .post__text .post__title {
        font-size: 2.285rem;
        line-height: 1.4;
    }
    .suga-grid-s .post--overlay-md,
    .suga-grid-s  .post--overlay-md .post__text {
        min-height: calc(740px / 2 - 15px);
        height: 100%;
    }


}

@media (max-width: 1366px) {
    .suga-grid-s .section-left {
        width: 40%;
    }
    .suga-grid-s .section-center {
        width: 30%;
    }
    .suga-grid-s .section-right {
        width: 30%;
    }
    .post--overlay-text-background-a-part-right .post__text-wrap {
        margin-left: 70px;
    }
    .post--overlay-text-background-a-part-center .post__text-wrap {
        margin-left: 25px;
        margin-right: 25px;
    }
    .post--overlay-text-background-a-part.post--overlay-text-background-a-part-right .post__text-inner {
        padding: 30px;
    }
    .post--overlay-text-background-a-part.post--overlay-text-background-a-part-center .post__text-inner {
        padding: 20px;
    }
}
@media (max-width: 1199px) {
    .suga-grid-s .section-left {
        width: 50%;
    }
    .suga-grid-s .section-center {
        width: 50%;
    }
    .suga-grid-s .section-right {
        width: 100%;
    }

    .suga-grid-s .section-right .posts-list.flexbox-wrap.flexbox-wrap-1i > * {
        width: 50%;
    }
}
@media (max-width: 991px) {
    .post--overlay-text-background-a-part-right .post__text-wrap {
        margin-left: 30px;
    }

    .suga-grid-s .section-center .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .post--overlay-text-background-a-part .post__title {
        margin-bottom: 0;
        font-size: 20px;
        line-height: 1.4;
    }
    .post--overlay-text-background-a-part-right .post__excerpt {
        display: none;
    }
}
@media (max-width: 768px) {
    .post--overlay-text-background-a-part-right .post__title {
        margin-bottom: 0;
    }
    .post--overlay-text-background-a-part-right .post__excerpt {
        display: none;
    }
}
@media (max-width: 768px) and (min-width: 577px) {
    .post--overlay-text-background-a-part-right .post__title.typescale-4 {
        font-size: 1.728rem;
        line-height: 1.3;
    }

}
@media (max-width: 576px) {
    .suga-grid-s .section-left,
    .suga-grid-s .section-center,
    .suga-grid-s .section-right,
    .suga-grid-s .section-right .posts-list.flexbox-wrap.flexbox-wrap-1i > * {
        width: 100%;
    }

    .post--overlay-text-background-a-part.post--overlay-text-background-a-part-right .post__text-inner {
        padding-right: 0;
    }
    .post--overlay-text-background-a-part-right .post__title {
        margin-bottom: 0;
    }
    .post--overlay-text-background-a-part-right .post__meta {
        display: none;
    }
}
/* suga-grid-s ----------------------- */

/* -----------------------suga-grid-g */
@media (max-width: 576px) and (min-width: 421px) {
    .atbssuga-post-carousel-a .post--vertical .post__thumb, 
    .suga-grid-g .post--vertical .post__thumb {
        height: 200px;
    }
}

.atbssuga-post-carousel-a .owl-carousel .owl-prev:hover,
.atbssuga-post-carousel-a .owl-carousel .owl-next:hover {
    background-color: var(--color-primary);
    color: #fff;
}
@media (max-width: 991px) {
    .suga-grid-g .post--vertical .post__thumb {
        height: 230px;
    }
    .suga-grid-g .post--vertical .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
/* suga-grid-g ----------------------- */
@media (max-width: 991px) {
    .suga-grid-h .row > *:first-child .post--overlay .post__text-inner {
        max-width: 580px;
    }
    .suga-grid-h .row > *:first-child .post--overlay  .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    .suga-grid-h .row > *:not(:first-child) .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 575px) {
    .suga-grid-h .row > *:first-child .post--overlay  .post__title,
    .suga-grid-h .row > *:not(:first-child) .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}

/* -----------------------suga-grid-u */
.suga-grid-u .section-main {
    width: calc(100% - 350px);
}
.suga-grid-u .section-sub {
    flex: 1;
}
.suga-grid-u .section-main .post-main {
    width: 640px;
}
.suga-grid-u .section-main .post-sub {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.suga-grid-u .section-main .post-sub .posts-listing {
    flex: 1;
}
.suga-grid-u .section-main .post-sub .posts-listing .post--overlay {
    height: 100%;
}

@media (min-width: 577px) {
    .suga-grid-u .section-main .post-main .post--overlay-lg,
    .suga-grid-u .section-main .post-main .post--overlay-lg .post__text {
        min-height: 550px;
        height: 100%;
    }
    .suga-grid-u .section-main .post-main .post--overlay-xs,
    .suga-grid-u .section-main .post-sub .post--overlay-xs .post__text {
        min-height: calc(550px / 2 - 15px);
        height: 100%;
    }
}
@media (min-width: 992px) {
    .suga-grid-u .section-sub .block-heading {
        margin-bottom: 30px;
    }
}
@media (min-width: 1367px) {
    .suga-grid-u .container {
        width: 1366px;
    }
}
@media (max-width: 1366px) {
    .suga-grid-u .section-main {
        width: calc(100% - 325px);
    }
    .suga-grid-u .section-main .post-main {
        width: 530px;
    }
}
@media (max-width: 1199px) {
    .suga-grid-u .section-main {
        width: calc(100% - 290px);
    }
    .suga-grid-u .section-main .post-main {
        width: 350px;
    }
    .suga-grid-u .section-main .post-main .post--overlay .post__title {
        font-size: 23px;
        line-height: 1.4;
    }

}
@media (max-width: 991px) {
    .suga-grid-u .atbssuga-block__inner.flexbox-wrap.flex-space-30 {
        margin: -20px;
    }
    .suga-grid-u .atbssuga-block__inner.flexbox-wrap.flex-space-30 > * {
        padding: 20px;
    }
    .suga-grid-u .section-main {
        flex: 1 1 auto;
        width: 100%;
    }
    .suga-grid-u .section-sub {
        flex: none;
        width: 100%;
    }
    .suga-grid-u .section-main .post-main {
        width: 50%;
    }
    .suga-grid-u .section-sub .posts-list.flexbox-wrap-1i > * {
        width: 50%;
    }
    .suga-grid-u .section-sub .posts-list[class*="list-seperated"]>*:not(:last-child) {
        border: 0;
    }
    .suga-grid-u .section-sub .posts-list.list-space-md {
        margin: -15px;
    }
    .suga-grid-u .section-sub .posts-list.list-space-md > * {
        padding: 15px;
    }

    .suga-grid-u .section-main .post-main .post--overlay .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    .suga-grid-u .section-main .post-sub .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .suga-grid-u .section-main .post-main {
        width: 100%;
    }
    .suga-grid-u .section-sub .posts-list.flexbox-wrap-1i > * {
        width: 100%;
    }
}
/* suga-grid-u ----------------------- */
/* -----------------------suga-grid-v */
.suga-grid-v .section-main {
    width: 68.3760683761%;
}
.suga-grid-v .section-sub {
    flex: 1;
}
.suga-grid-v .section-main > *,
.suga-grid-v .section-sub > * {
    width: 100%;
}

@media (min-width: 992px) {
    .suga-grid-v .post-main .post--overlay-lg .post__text-inner {
        max-width: 650px;
    }
}
@media (max-width: 991px) {
    .suga-grid-v .section-main {
        width: 100%;
        flex: 1 1 auto;
    }

    .suga-grid-v .section-main .post-main .post--overlay .post__title {
        font-size:  28px;
        line-height: 1.4;
    }
    .suga-grid-v .section-sub .post-main .post--overlay .post__title,
    .suga-grid-v .section-sub .post-sub .post--overlay .post__title,
    .suga-grid-v .section-main .post-sub .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .suga-grid-v .section-sub .post-sub .post--overlay .post__text {
        min-height: 17.85714rem;
    }
}
@media (max-width: 767px) {

    .suga-grid-v .section-main .post-main .post--overlay .post__title {
        font-size:  26px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .suga-grid-v .section-main .post-sub .posts-list.flexbox-wrap.flexbox-wrap-2i > * {
        width: 100%;
    }
    .suga-grid-v .section-main .post-main .post--overlay .post__title {
        font-size:  22px;
        line-height: 1.4;
    }

}
/* suga-grid-v ----------------------- */
/* -----------------------Posts-listing-grid-d */
.post--vertical-hover-translate {
    transition: 0.3s;
    transform: translateY(0px);
    backface-visibility: hidden;
}
.post--vertical-hover-translate .post__thumb {
    border-radius: 5px;
    overflow: hidden;
}
.post--vertical-hover-translate:hover {
    transform: translateY(-10px);
}
@media only screen and (min-width: 992px) {
   .posts-list-item-even-margin .list-item:nth-child(3n + 2) {
       margin-top: 90px;
   }
}
@media (max-width: 1199px) {
    .posts-list-item-even-margin.flexbox-wrap.flex-space-60 {
        margin: -20px;
    }
    .posts-list-item-even-margin.flexbox-wrap.flex-space-60 > * {
        padding: 20px;
    }
    .post--vertical-hover-translate .post__thumb {
        height: 330px;
    }

    .post--vertical-hover-translate .post__title {
        font-size: 20px;
        line-height: 1.4;
    }

    .posts-listing-grid-e .post--overlay-radius-has-shadow .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    .posts-list-item-even-margin .list-item:nth-child(2n) {
        margin-top: 70px;
    }
    .posts-list-item-even-margin.flexbox-wrap.flexbox-wrap-3i > * {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .posts-list-item-even-margin.flexbox-wrap.flex-space-60 {
        margin: -20px -15px;
    }
    .posts-list-item-even-margin.flexbox-wrap.flex-space-60 > * {
        padding: 20px 15px;
    }
    .posts-list-item-even-margin .list-item:nth-child(2n) {
        margin-top: 50px;
    }
    .post--vertical-hover-translate .post__thumb {
        height: 300px;
    }
}
@media (max-width: 576px) {
    .posts-list-item-even-margin.flexbox-wrap.flexbox-wrap-3i > * {
        width: 100%;
    }
    .posts-list-item-even-margin .list-item:nth-child(2n) {
        margin-top: 0;
    }
    .post--vertical-hover-translate .post__thumb {
        height: 260px;
    }
}
/* Posts-listing-grid-d ----------------------- */
/* -----------------------Posts-listing-grid-e */
.post--overlay-radius-has-shadow {
    border-radius: 5px;
}
@media (min-width: 577px) {
    .post--overlay-radius-has-shadow {
        box-shadow: 0 35px 18px -18px rgba(0, 0, 0, 0.15);
    }
}
@media (max-width: 576px) {
    .posts-list-item-overlay.posts-list-item-even-margin.flexbox-wrap.flex-space-60 {
        margin: -10px -15px;
    }
    .posts-list-item-overlay.posts-list-item-even-margin.flexbox-wrap.flex-space-60 > * {
        padding: 10px 15px;
    }
}
/* Posts-listing-grid-e ----------------------- */
/* -----------------------suga-grid-w */
@media (max-width: 767px) and (min-width: 577px){
    .suga-grid-w .posts-list.flexbox-wrap .flexbox-item-33x2 .post--overlay-md .post__text {
        min-height: 22.85714rem;
    }
    .suga-grid-w .flexbox-item-33 .post--overlay-md .post__text {
        min-height: 17.85714rem;
    }
}
@media (max-width: 991px) {
    .suga-grid-w .posts-list.flexbox-wrap.flex-space-30 {
        margin: -10px;
    }
    .suga-grid-w .posts-list.flexbox-wrap.flex-space-30 > * {
        padding: 10px;
    }

    .suga-grid-w .posts-list .list-item:first-child .post--overlay .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    .suga-grid-w .posts-list .list-item:not(:first-child) .post--overlay .post__title {
        font-size: 18px;
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    .suga-grid-w .posts-list.flexbox-wrap .flexbox-item-33x2 {
        width: 100%;
    }
    .suga-grid-w .posts-list.flexbox-wrap .flexbox-item-33 {
        width: 50%;
    }

    .suga-grid-w .posts-list .list-item:first-child .post--overlay .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    .suga-grid-w .posts-list .list-item:not(:first-child) .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .suga-grid-w .posts-list.flexbox-wrap .flexbox-item-33 {
        width: 100%;
    }
    .suga-grid-w .post--overlay .post__title {
        margin-bottom: 0;
    }
    .suga-grid-w .post--overlay .post__excerpt {
        display: none;
    }

}
/* suga-grid-w ----------------------- */
/* -----------------------suga-feature-e */
.suga-feature-e .atbssuga-block__inner {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
    box-shadow: -1px 0px 1px rgba(0,0,0,0.2);
}
.suga-feature-e .atbssuga-block__inner-group {
    padding: 0 100px 0 0;
    max-width: 2048px;
    margin: 0 auto;
}
/**/
.suga-feature-e .section-main {
    width: 50%;
}
.suga-feature-e .section-main .post-main {
    width: calc(100% - 400px);
    min-height: 100vh;
    position: relative;
    padding: 50px 50px 50px 50px;
}
.suga-feature-e .section-main .post-main::before {
    content: '';
    position: absolute;
    width: 100vw;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-primary);
}
.suga-feature-e .section-main .post-sub {
    flex: 1;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    min-height: 100vh;
}
.suga-feature-e .section-main .post-sub .posts-list {
    height: 100%;
    display: flex;
    width: 100%;
    flex-direction: column;
}
.suga-feature-e .section-main .post-sub .list-item {
    width: 100%;
    min-height: calc(100% / 3);
    padding: 30px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.suga-feature-e .section-main .post-sub .list-item > * {
    width: 100%;
}
.suga-feature-e .section-main .post-sub .list-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.suga-feature-e .section-main .atbssuga-carousel .owl-nav {
    display: none;
}
.suga-feature-e .section-main .atbssuga-carousel.dot-black .owl-dot.active span {
    background-color: rgba(0, 0, 0, 0.8);
}
.suga-feature-e .section-main .atbssuga-carousel .owl-dots {
    text-align: left;
    padding-top: 25px;
    padding-bottom: 0;
}

/**/
.suga-feature-e .section-sub {
    width: 50%;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.suga-feature-e .section-sub .post-sub {
    height: calc(100% / 3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 70px;
}
.suga-feature-e .section-sub .post-main {
    height: calc((100% / 3) * 2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    padding-left: calc(50% - 15px);
}
@media(min-width: 992px) {

    .suga-feature-e .section-sub .post-main .post__thumb {
        width: 55%
    }
    .suga-feature-e .section-sub .post-main {
        padding-left: calc(55%);
    }
}
.suga-feature-e .section-sub .post-main .posts-list {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.suga-feature-e .section-sub .post-main .list-item {
    min-height: calc(100% / 3);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.suga-feature-e .section-sub .post-main .list-item:nth-child(2):last-child,
.suga-feature-e .section-sub .post-main .list-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


/**/
.post--horizontal-thumb-follow-parent {
    position: static;
    width: 100%;
    padding: 30px;
}
.post--horizontal-thumb-follow-parent .post__thumb {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
}
.post--horizontal-thumb-follow-parent.post--horizontal-reverse .post__thumb {
    right: 0;
    left: auto;
}
.post--horizontal-thumb-follow-parent .post__text > *:last-child {
    margin-bottom: 0;
}
.post-no-thumb-featured .post__title {
    margin-bottom: 35px;
    line-height: 1.4;
}
.atbs-background-color-primary {
    background-color: var(--color-primary);
}

.suga-dark-mode .suga-feature-e .background-color-primary.text-black .section-main .atbssuga-carousel.dot-black .owl-dot.active span {
     background: rgba(0, 0, 0, 0.8);
}
.suga-dark-mode .background-color-primary.text-black .atbssuga-carousel .owl-dot span {
    background: rgba(0, 0, 0, 0.5);
}
@media(min-width: 1200px) {
    .suga-feature-e .section-sub .post-main .posts-list > .list-item .post--horizontal-thumb-follow-parent .post__text {
        max-width: 300px;
    }
}
@media (min-width: 577px) {
    .suga-feature-e .section-sub .post-main .posts-list {
        pointer-events: none;
    }
    .suga-feature-e .section-sub .post-main .posts-list .list-item {
        pointer-events: auto;
    }
    /*Active*/
    .suga-feature-e .section-sub .post-main .posts-list .list-item:first-child {
        background-color: #222222;
    }
    .suga-feature-e .section-sub .post-main .posts-list .list-item:first-child .post--horizontal-thumb-follow-parent .post__thumb {
        opacity: 1;
        visibility: visible;
    }
    .suga-feature-e .section-sub .post-main .list-item:first-child .post--horizontal-thumb-follow-parent .post__cat,
    .suga-feature-e .section-sub .post-main .list-item:first-child .post--horizontal-thumb-follow-parent .post__title,
    .suga-feature-e .section-sub .post-main .list-item:first-child .post--horizontal-thumb-follow-parent .post__excerpt {
        color: #fff;
    }
    /*Default*/
    .suga-feature-e .section-sub .post-main .posts-list > .list-item .post--horizontal-thumb-follow-parent .post__thumb {
        opacity: 0;
        visibility: hidden;
        transition: 0.5s ease-in-out;
    }
    .suga-feature-e .section-sub .post-main .posts-list > .list-item,
    .suga-feature-e .section-sub .post-main .posts-list > .list-item .post--horizontal-thumb-follow-parent .post__cat,
    .suga-feature-e .section-sub .post-main .posts-list > .list-item .post--horizontal-thumb-follow-parent .post__title,
    .suga-feature-e .section-sub .post-main .posts-list > .list-item .post--horizontal-thumb-follow-parent .post__excerpt {
        transition: 0.5s ease-in-out;
    }
    /*Active*/
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1) .post--horizontal-thumb-follow-parent .post__thumb {
        opacity: 1;
        visibility: visible;
    }
    /*Hover*/
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1) {
        background-color: #fff;
    }
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1) .post--horizontal-thumb-follow-parent .post__thumb {
        opacity: 0;
        visibility: hidden;
    }
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1) .post--horizontal-thumb-follow-parent .post__cat,
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1) .post--horizontal-thumb-follow-parent .post__title,
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1) .post--horizontal-thumb-follow-parent .post__excerpt {
        color: #222222;
    }

    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover .post--horizontal-thumb-follow-parent .post__thumb,
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:hover .post--horizontal-thumb-follow-parent .post__thumb {
        opacity: 1;
        visibility: visible;
    }
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover,
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:hover {
        background-color: var(--color-primary) ;
    }
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover .post--horizontal-thumb-follow-parent .post--horizontal-thumb-follow-parent .post__cat,
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover .post--horizontal-thumb-follow-parent .post--horizontal-thumb-follow-parent .post__title,
    .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover .post--horizontal-thumb-follow-parent .post--horizontal-thumb-follow-parent .post__excerpt,
    .suga-feature-e .section-sub .post-main .posts-list:hover >  .list-item:hover .post--horizontal-thumb-follow-parent .post__cat,
    .suga-feature-e .section-sub .post-main .posts-list:hover >  .list-item:hover .post--horizontal-thumb-follow-parent .post__title,
    .suga-feature-e .section-sub .post-main .posts-list:hover >  .list-item:hover .post--horizontal-thumb-follow-parent .post__excerpt {
        color: #fff !important;
    }

    /*Theme Setting*/

    /*Active*/

    .suga-feature-e .text-black .section-sub .post-main .list-item:first-child .post--horizontal-thumb-follow-parent .post__cat,
    .suga-feature-e .text-black .section-sub .post-main .list-item:first-child .post--horizontal-thumb-follow-parent .post__title,
    .suga-feature-e .text-black .section-sub .post-main .list-item:first-child .post--horizontal-thumb-follow-parent .post__excerpt,
    .suga-feature-e .text-black .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover .post--horizontal-thumb-follow-parent .post--horizontal-thumb-follow-parent .post__cat,
    .suga-feature-e .text-black .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover .post--horizontal-thumb-follow-parent .post--horizontal-thumb-follow-parent .post__title,
    .suga-feature-e .text-black .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover .post--horizontal-thumb-follow-parent .post--horizontal-thumb-follow-parent .post__excerpt,
    .suga-feature-e .text-black .section-sub .post-main .posts-list:hover >  .list-item:hover .post--horizontal-thumb-follow-parent .post__cat,
    .suga-feature-e .text-black .section-sub .post-main .posts-list:hover >  .list-item:hover .post--horizontal-thumb-follow-parent .post__title,
    .suga-feature-e .text-black .section-sub .post-main .posts-list:hover >  .list-item:hover .post--horizontal-thumb-follow-parent .post__excerpt {
        color: #222222 !important;
    }
    .suga-feature-e .background-color-primary.text-black article[data-dark-mode="true"].post-no-thumb-featured .post__cat, 
    .suga-dark-mode .suga-feature-e .background-color-primary.text-black article[data-dark-mode="true"].post-no-thumb-featured .post__cat,
    .suga-dark-mode .suga-feature-e .background-color-primary.text-black article[data-dark-mode="true"].post-no-thumb-featured .post__title {
        color: #222 !important;
    }

    .suga-dark-mode .suga-feature-e .background-color-primary.text-black article[data-dark-mode="true"].post-no-thumb-featured .post__excerpt {
        color: rgba(0,0,0,0.6);
    }
    .suga-dark-mode .suga-feature-e .background-color-primary.text-black .section-sub .post-main .list-item:first-child .post--horizontal-thumb-follow-parent .post__title,
    .suga-dark-mode .suga-feature-e .background-color-primary.text-black .section-sub .post-main .list-item:first-child .post--horizontal-thumb-follow-parent .post__cat,
    .suga-dark-mode .suga-feature-e .background-color-primary.text-black .section-sub .post-main .posts-list:hover > .list-item:hover .post--horizontal-thumb-follow-parent .post__cat,
    .suga-dark-mode .suga-feature-e .background-color-primary.text-black .section-sub .post-main .posts-list:hover > .list-item:hover .post--horizontal-thumb-follow-parent .post__title {
        color: #222222 !important;
    }
    .suga-dark-mode .suga-feature-e .text-black .section-sub .post-main .list-item:first-child .post--horizontal-thumb-follow-parent .post__title,
    .suga-dark-mode .suga-feature-e .text-black .section-sub .post-main .list-item:first-child .post--horizontal-thumb-follow-parent .post__cat,
    .suga-dark-mode .suga-feature-e .text-black .section-sub .post-main .posts-list:hover > .list-item:hover .post--horizontal-thumb-follow-parent .post__cat,
    .suga-dark-mode .suga-feature-e .text-black .section-sub .post-main .posts-list:hover > .list-item:hover .post--horizontal-thumb-follow-parent .post__title {
        color: #fff !important;
    }
    /*Hover*/
    .suga-feature-e .background-color-primary .section-sub .post-main .posts-list:hover > .list-item:nth-child(1) {
        background-color: #fff;
    }

    .suga-feature-e .background-color-primary .dots-white .owl-dot span {
        background-color: #fff;
    }

}
.suga-dark-mode .suga-feature-e article[data-dark-mode="true"].post-no-thumb-featured .post__excerpt {
    color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 1680px) {
    .suga-feature-e .atbssuga-block__inner-group {
        padding: 0 70px 0 0;
    }
    /**/
    .suga-feature-e .section-main .post-main {
        width: calc(100% - 350px);
        /*padding-right: 40px;*/
        /*padding-left: 70px; */
        padding-right: 4.96894409938%;
        padding-left: 8.69565217391%;
    }
}
@media (max-width: 1440px) {
    .suga-feature-e .atbssuga-block__inner-group {
        padding: 0 50px 0 0;
    }
    /**/
    .suga-feature-e .section-main .post-main {
        width: calc(100% - 320px);
        /*padding-right: 40px;*/
        /*padding-left: 50px;*/
        padding-right: 5.75539568345%;
        padding-left: 7.19424460432%;
    }
    /**/
    .suga-feature-e .section-main .post-sub .list-item {
        padding: 30px;
    }
}
@media (max-width: 1440px) and (min-width: 1200px) {
    .post-no-thumb-featured .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
}
@media (max-width: 1366px) {
    .suga-feature-e .atbssuga-block__inner-group {
        padding: 0;
    }
    /**/
    .suga-feature-e .section-main .post-main {
        width: calc(100% - 300px);
        padding-right: 30px;
        padding-left: 30px;
    }
    /**/
    .suga-feature-e .section-main .post-sub .list-item {
        padding: 30px;
    }
}
@media (max-width: 1199px) {
    .suga-feature-e .atbssuga-block__inner-group {
        padding: 0;
    }
    .suga-feature-e .section-main {
        width: 40%;
    }
    .suga-feature-e .section-main .post-main {
        width: 100%;
        min-height: 400px;
    }
    .suga-feature-e .section-main .post-sub {
        min-height: auto;
    }
    .suga-feature-e .section-main .post-sub .list-item {
        min-height: auto;
    }
    /**/
    .suga-feature-e .section-sub {
        width: 60%;
    }

    .post-no-thumb-featured .post__title {
        margin-bottom: 25px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .post-no-thumb-featured .post__title {
        margin-bottom: 25px;
        font-size: 28px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    .suga-feature-e .section-main {
        width: 100%;
    }
    .suga-feature-e .section-sub {
        width: 100%;
    }
    .suga-feature-e .section-main .post-main {
        width: calc(50% - 15px);
        padding-right: 50px;
    }
    .suga-feature-e .section-main .post-sub {
        margin-left: 0;
    }
    /**/
    .suga-feature-e .section-sub {
        /*margin-left: -30px;*/
        flex: 1 1 auto;
    }
    .suga-feature-e .section-sub .post-main,
    .suga-feature-e .section-sub .post-sub {
        height: auto;
    }
    .suga-feature-e .section-sub .post-sub {
        padding: 50px 30px;
    }
}
@media (max-width: 991px) and (min-width: 577px) {
    .suga-feature-e .section-sub .post-sub {
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 768px) {
    .post--horizontal-thumb-follow-parent {
        padding: 50px 30px;
    }
    .post--horizontal-thumb-follow-parent .post__thumb {
        width: calc(50% - 15px);
        margin-bottom: 0;
    }
}
@media (max-width: 576px) {
    .suga-feature-e .section-main .post-main {
        width: 100%;
        padding: 40px 20px;
        min-height: auto;
    }
    .suga-feature-e .section-main .post-sub {
        width: 100%;
    }
    .suga-feature-e .section-sub .post-sub {
        background-color: #222222;
    }
    .suga-feature-e .section-sub .post-sub .post .post__excerpt,
    .suga-feature-e .section-sub .post-sub .post .post__title,
    .suga-feature-e .section-sub .post-sub .post .post__cat {
        color: #fff;
    }
    .suga-feature-e .section-main .post-sub .list-item {
        padding: 30px 20px;
    }
    /**/
    .suga-feature-e .section-sub .post-main {
        padding: 0 0 30px 0;
    }

    .suga-feature-e .section-sub .post-main .list-item:not(:last-child) {
        /*padding-bottom: 30px;*/
        border-bottom: none;
        margin-bottom: 30px;
    }
    .post--horizontal-thumb-follow-parent {
        padding: 0;
    }
    .post--horizontal-thumb-follow-parent .post__text {
        padding: 0 15px;
    }
    .post--horizontal-thumb-follow-parent .post__thumb {
        width: 100%;
        position: relative;
        margin-bottom: 0;
        height: 300px;
        margin-bottom: 20px;
    }

    .post-no-thumb-featured .post__title {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    .post-no-thumb-featured .post__excerpt {
        max-width: 480px;
    }

    .suga-feature-e .atbssuga-carousel.dots-white .owl-dot.active span {
        background-color: #fff;
    }
    .suga-feature-e .post-no-thumb-small-featured .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .suga-feature-e .post--horizontal-thumb-follow-parent .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .suga-feature-e .background-color-primary .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover {
        background-color: transparent !important;
    }
}
@media (max-width: 480px) {
    .post--horizontal-thumb-follow-parent .post__thumb {
        height: 260px;
    }
    .post-no-thumb-featured .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
/*Style IE*/
@media (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .post-no-thumb-featured .post__title.typescale-4,
    .post-no-thumb-small-featured .post__title.typescale-4 {
        max-height: calc(2.074rem * 1.3 * 3);
        overflow: hidden;
    }

    .post--horizontal-thumb-follow-parent .post__title.typescale-2,
    .post-no-thumb-small-featured .post__title.typescale-2 {
        max-height: calc(1.44rem * 1.4 * 2);
        overflow: hidden;
    }
}
@media (min-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .post-no-thumb-featured .post__title.typescale-4,
    .post-no-thumb-small-featured .post__title.typescale-4 {
        max-height: calc(2.441rem * 1.2 * 3);
        overflow: hidden;
    }
    .post--horizontal-thumb-follow-parent .post__title.typescale-2,
    .post-no-thumb-small-featured .post__title.typescale-2 {
        max-height: calc(1.563rem * 1.3 * 2);
        overflow: hidden;
    }
}
@media (max-width: 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .post-no-thumb-featured .post__title.typescale-4,
    .post-no-thumb-small-featured .post__title.typescale-4 {
        max-height: calc(1.602rem * 1.3 * 3);
        overflow: hidden;
    }
    .post--horizontal-thumb-follow-parent .post__title.typescale-2,
    .post-no-thumb-small-featured .post__title.typescale-2 {
        max-height: calc(1.266rem * 1.4 * 2);
        overflow: hidden;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .post-no-thumb-small-featured .post__excerpt,
    .post--horizontal-thumb-follow-parent .post__excerpt {
        max-height: calc(15px * 1.533 * 2);
        overflow: hidden;
    }
}
/* suga-feature-e ----------------------- */

/* -----------------------suga-feature-f */
.suga-feature-f .atbssuga-block__inner-group {
    position: relative;
}
.suga-feature-f .section-main .owl-carousel .post--overlay .post__text-wrap {
    width: 100%;
}
.suga-feature-f .section-main .owl-carousel .post--overlay .post__text-inner {
    padding: 0;
}
.suga-feature-f .section-main .owl-carousel .owl-nav {
    display: none;
}
/**/
@media (min-width: 1367px), (min-width: 1090px) and (max-width: 1199px) {
    .suga-feature-f .section-main .owl-carousel .owl-dots {
        counter-reset: li;
        list-style-type: none;
    }
    .suga-feature-f .section-main .owl-carousel .owl-dot {
        padding: 0;
        background-color: rgba(255,255,255,0.8);
        border-radius: 50%;
        position: relative;
        width: 34px;
        height: 34px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .suga-feature-f .section-main .owl-carousel .owl-dot.active {
        background-color: #fff;
    }
    .suga-feature-f .section-main .owl-carousel .owl-dot:not(:last-child) {
        margin-bottom: 15px;
    }

    .suga-feature-f .section-main .owl-carousel .owl-dot::before {
        counter-increment: li;
        content: counter(li);
        font-size: 14px;
        font-weight: 700;
        margin-bottom: -1px;
        color: #222;
        opacity: 0.6;
        line-height: 1;
        border-radius: 100%;
    }
    .suga-feature-f .section-main .owl-carousel .owl-dot.active::before {
        opacity: 1;
    }
    /*.suga-feature-f .section-main .owl-carousel .owl-dot:not(:last-child)::after {
        content: '';
        display: block;
        width: 20px;
        height: 1px;
        background-color: rgba(255, 255, 255, 1);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }*/
    .suga-feature-f .section-main .owl-carousel .owl-dot span {
        display: none;
    }
}
@media (max-width: 1366px) and (min-width: 1200px), (max-width: 1089px) and (min-width: 992px) {
    .suga-feature-f .section-main .owl-carousel.dots-vertical .owl-dots {
        left: 5px;
    }
}
@media (min-width: 992px) {
    .suga-feature-f .section-main .owl-carousel,
    .suga-feature-f .section-main .owl-carousel .owl-stage-outer,
    .suga-feature-f .section-main .owl-carousel .owl-stage,
    .suga-feature-f .section-main .owl-carousel .slide-content,
    .suga-feature-f .section-main .owl-carousel .owl-item,
    .suga-feature-f .section-main .owl-carousel .post__text {
        min-height: 800px;
    }
    .suga-feature-f .section-main .owl-carousel .post--overlay .post__text {
        padding-left:  calc((100% - 1170px) / 2);
        padding-right:  calc((100% - 1170px) / 2 + 550px);
    }
    .suga-feature-f .section-sub {
        position: absolute;
        right: calc((100% - 1170px) / 2);
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        width: 360px;
    }
    .suga-feature-f .section-main .owl-carousel .owl-dots {
        position: absolute;
        left: calc((100% - 1170px) / 2 - 100px);
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }
}
@media (min-width: 1200px) {
    .suga-feature-f .section-main .owl-carousel,
    .suga-feature-f .section-main .owl-carousel .owl-stage-outer,
    .suga-feature-f .section-main .owl-carousel .owl-stage,
    .suga-feature-f .section-main .owl-carousel .slide-content,
    .suga-feature-f .section-main .owl-carousel .owl-item,
    .suga-feature-f .section-main .owl-carousel .post__text {
        min-height: 950px;
    }
}
@media (max-width: 1366px) {
    .suga-feature-f .section-main .owl-carousel .owl-dots {
        left: 15px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .suga-feature-f  .post--vertical-hover-translate .post__thumb {
        height: 200px;
    }
    .suga-feature-f .post--overlay .post__title {
        font-size: 32px;
        line-height: 1.4;
    }
    .suga-feature-f .post--overlay .post__text-inner{
        max-width: 470px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .suga-feature-f .section-main .owl-carousel .owl-dots {
        left: 20px;
    }
    .suga-feature-f .section-main .owl-carousel .post--overlay .post__text {
        padding-left:  calc((100% - 940px) / 2);
        padding-right:  calc((100% - 940px) / 2 + 440px);
    }
    .suga-feature-f .section-sub {
        right: calc((100% - 940px) / 2);
        width: 340px;
    }
}

@media (max-width: 991px) and (min-width: 769px) {
    .suga-feature-f .section-main .owl-carousel .post--overlay .post__text {
        padding-left:  calc((100% - 720px) / 2);
        padding-right:  calc((100% - 720px) / 2 );
    }
    .suga-feature-f .section-sub {
        width: 720px;
        margin:  40px auto 0 auto;
    }
    .suga-feature-f .section-sub-wrap.flexbox-wrap.flexbox-wrap-1i > *:not(.post__cat) {
        width: 50%;
    }
}

@media (max-width: 991px) {
    .suga-feature-f .section-main .owl-carousel .post--overlay .post__text {
        text-align: center;
    }
    .suga-feature-f .section-main .owl-carousel .post--overlay .post__excerpt {
        margin-left: auto;
        margin-right: auto;
    }
    .suga-feature-f .section-main .owl-carousel .owl-dots {
        left: 50%;
        bottom: 15px;
        transform: translateX(-50%);
        position: absolute;
        padding-bottom: 0;
    }
    .suga-feature-f .section-main .owl-carousel.dots-vertical .owl-dot {
        display: inline-block;
    }

    .suga-feature-f .post--horizontal-xs .post__cat.cat-theme {
        color: var(--color-logo);
    }
    .suga-feature-f .post--horizontal-xs .post__title a,
    .suga-feature-f .post--vertical .post__title a {
        color: var(--color-title);
    }

    .suga-feature-f .section-main .owl-carousel .post--overlay .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
    .suga-feature-f .section-main .owl-carousel .post--overlay .post__text-inner {
        max-width: 580px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 768px) {

    .suga-feature-f .section-main .owl-carousel .post--overlay .post__text {
        padding-left:  30px;
        padding-right: 30px;
    }
    .suga-feature-f .section-sub {
        width: 100%;
        padding: 0 15px;
        margin:  40px auto 0 auto;
    }
    .suga-feature-f .section-sub-wrap.flexbox-wrap.flexbox-wrap-1i > *:not(.post__cat) {
        width: 50%;
    }
    .suga-feature-f  .post--vertical .post__thumb {
        height: 230px;
    }
    .suga-feature-f  .post--vertical .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .suga-feature-f  .post--vertical .post__title a {
        color: #222222;
    }
    .suga-feature-f  .post--horizontal .post__title a {
        color: #222222;
    }
    .suga-feature-f  .post--horizontal .post__cat {
        color: rgba(19, 19, 19, 0.6);
        color: var(--color-excerpt);
    }

    .suga-feature-f .section-main .owl-carousel .post--overlay .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
}

@media (max-width: 576px) {
    .suga-feature-f .section-main .owl-carousel .post--overlay .post__text {
        padding-left:  15px;
        padding-right: 15px;
    }
    .suga-feature-f .section-sub-wrap.flexbox-wrap.flexbox-wrap-1i > *:not(.post__cat) {
        width: 100%;
    }
    .suga-feature-f .section-main .owl-carousel .post--overlay .post__excerpt {
        display: none !important;
    }
}
@media (max-width: 480px) {
    .suga-feature-f .section-main .owl-carousel .post--overlay .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
/* suga-feature-f ----------------------- */

/* -----------------------suga-feature-g */
.suga-feature-g .section-main {
    width: 50%;
}
.suga-feature-g .section-sub {
    width: 50%;
}
.post--overlay-feature-full-screen-y .post__text-wrap {
    width: 100%;
}
.posts-list.posts-list-suga-seperated .list-item:not(:last-child) {
    position: relative;
}
.posts-list.posts-list-suga-seperated .list-item:not(:last-child)::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    z-index: 1;
}
.post--horizontal-medium-text-background {
    background-color: #f4f6f7;
}
@media (min-width: 577px) {
    .posts-list-horizontal-even-reverse .list-item:nth-child(even) .post--horizontal-medium-text-background,
    .post--horizontal-medium-text-background.post--horizontal-reverse {
        padding-right: 50%;
        padding-left: 0;
    }
    .post--horizontal-medium-text-background:not(.post--horizontal-reverse) {
        padding-left: 50%;
    }
    .posts-list-horizontal-even-reverse .list-item:nth-child(even) .post--horizontal-medium-text-background .post__thumb,
    .post--horizontal-medium-text-background.post--horizontal-reverse .post__thumb {
        right: 0;
        left: auto;
    }
    .post--horizontal-medium-text-background:not(.post--horizontal-reverse) .post__thumb {
        left: 0;
    }

    .post--horizontal-medium-text-background {
        min-height: 380px;
    }
    .post--horizontal-medium-text-background .post__thumb {
        width: 50%;
        margin: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        height: auto;
        z-index: 1;
    }
    .post--horizontal-medium-text-background .post__text {
        padding: 50px;
    }
}
@media (min-width: 992px) {
    .post--overlay-feature-full-screen-y .post__text {
        min-height: 100vh;
    }
    .post--horizontal-medium-text-background .post__text {
        padding: 50px 80px 50px 50px;
    }

    .post--overlay-feature-full-screen-y .post__text-inner {
        padding-left: 100px;
        padding-right: 100px;
        max-width: 720px;
    }
}
@media (min-width: 1921px) {
    .suga-feature-g .atbssuga-block__inner {
        max-width: 1920px;
        margin: 0 auto;
    }
    .post--overlay-feature-full-screen-y .post__text {
        min-height: 950px;
    }
}
@media (max-width: 1440px) and (min-width: 1200px) {
    .post--horizontal-medium-text-background {
        min-height: 350px;
    }
    .post--horizontal-medium-text-background .post__text {
        padding: 30px;
    }
}
@media (max-width: 1366px) and (min-width: 1200px) {
    .post--overlay-feature-full-screen-y .post__text-inner {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media (max-width: 1199px) {
    .suga-feature-g .section-main {
        width: 45%;
    }
    .suga-feature-g .section-sub {
        width: 55%;
    }
    .post--overlay-feature-full-screen-y .post__text-inner {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media (max-width: 1199px) and (min-width: 577px) {
    .post--horizontal-medium-text-background {
        min-height: 340px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .post--overlay-feature-full-screen-y .post__title {
        font-size: 32px; /*font system*/
        line-height: 1.4;
    }

    .post--horizontal-medium-text-background .post__text {
        padding: 30px;
    }
    .post--horizontal-medium-text-background .post__title {
        margin-bottom: 0;
        font-size: 24px; /*font system*/
        line-height: 1.4;
    }
    .post--horizontal-medium-text-background .post__excerpt {
        display: none !important;
    }
}
@media (max-width: 991px) {
    .suga-feature-g .section-main {
        width: 100%;
    }
    .suga-feature-g .section-sub {
        width: 100%;
    }

    .post--horizontal-medium-text-background .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    .post--overlay-feature-full-screen-y .post__text-inner {
        max-width: 490px;
    }
    .post--overlay-feature-full-screen-y .post__excerpt {
        display: none;
    }
    .post--overlay-feature-full-screen-y .post__title {
        font-size: 28px; /*font system*/
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    .suga-feature-g .section-main {
        width: 100%;
    }
    .suga-feature-g .section-sub {
        width: 100%;
    }
    .post--horizontal-medium-text-background .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .post--overlay-feature-full-screen-y .post__text-inner {
        padding: 20px 15px;
    }
    .post--overlay-feature-full-screen-y .post__title {
        font-size: 26px; /*font system*/
        line-height: 1.4;
    }
    .post--overlay-feature-full-screen-y .post__text-inner {
        max-width: 410px;
    }
}
@media (max-width: 768px) and (min-width: 577px) {
    .post--horizontal-medium-text-background {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        min-height: 300px;
    }
}
@media (max-width: 576px) {
    .suga-feature-g .section-sub {
        margin-top: 40px;
    }
    .posts-list.posts-list-suga-seperated .list-item:not(:last-child)::before {
        display: none;
    }
    .suga-feature-g .section-sub .posts-list .list-item:not(:last-child) {
        margin-bottom: 40px;
    }
    .post--horizontal-medium-text-background .post__thumb {
        margin-right: 0;
        margin-left: 0;
        height: 260px;
    }
    .post--horizontal-medium-text-background .post__text {
        padding: 0 20px 20px 20px;
    }
    .post--overlay-feature-full-screen-y .post__text-inner {
        padding-left: 15px;
        padding-right: 15px;
    }

}
@media (max-width: 480px) {
    .post--overlay-feature-full-screen-y .post__title {
        font-size: 22px; /*font system*/
        line-height: 1.4;
    }
}
/* suga-feature-g ----------------------- */

/* -----------------------suga-feature-h */
.suga-feature-h .section-main {
    width: 50%;
}
.suga-feature-h .section-sub {
    width: 50%;
}
@media (min-width: 1920px) {
    .suga-feature-h .atbssuga-block__inner {
        max-width: 1920px;
        margin: 0 auto;
    }
}
@media (max-width: 1199px) {
    .suga-feature-h .section-main {
        width: 45%;
    }
    .suga-feature-h .section-sub {
        width: 55%;
    }
}
@media (max-width: 991px) {
    .suga-feature-h .section-main {
        width: 100%;
    }
    .suga-feature-h .section-sub {
        width: 100%;
    }
}
@media (max-width: 576px) {
    .suga-feature-h .section-sub {
        margin-top: 40px;
    }
    .suga-feature-h .section-sub .posts-list .list-item:not(:last-child) {
        margin-bottom: 40px;
    }
}
/* suga-feature-h ----------------------- */
/* -----------------------suga-feature-i */
.suga-feature-i .section-main {
    width: 65%;
}
.suga-feature-i .section-sub {
    width: 35%;
    background-color: var(--color-primary);
    padding: 150px 110px;
}
.suga-feature-i .section-sub .block-heading {
    margin-bottom: 30px;
}
.suga-feature-i .section-sub .block-heading .block-heading__title {
    color: #fff !important;
}
.suga-feature-i .small-title-black .section-sub .block-heading .block-heading__title {
    color: #222222 !important;
}
.suga-feature-i .section-main .post--overlay .post__text-wrap {
    width: 100%;
}
.suga-feature-i .section-sub [class*="list-seperated"]>*:not(:last-child) {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
.suga-feature-i .suga-horizontal--no-thumb.post-not-exist-thumb .post__thumb {
    display: none;
}
@media (min-width: 992px) {
    .suga-feature-i .section-main .post--overlay,
    .suga-feature-i .section-main .post--overlay .post__text {
        min-height: 900px;
        height: 100%;
    }
    .suga-feature-i .section-main .post--overlay .post__text-inner {
        padding: 100px 350px 100px 100px;
    }
}
@media (min-width: 1920px) {
    .suga-feature-i .atbssuga-block__inner {
        width: 1920px;
        margin: 0 auto;
    }
}
@media (max-width: 1680px) {
    .suga-feature-i .section-sub {
        padding: 100px 50px;
    }
}
@media (max-width: 1440px) {
    .suga-feature-i .section-main .post--overlay .post__text-inner {
        padding: 100px 250px 100px 100px;
    }
}
@media (max-width: 1366px) {
    .suga-feature-i .section-main .post--overlay .post__text-inner {
        padding: 100px 130px 100px 100px;
    }
}
@media (max-width: 1199px) {
    .suga-feature-i .section-main .post--overlay .post__text-inner {
        padding: 100px 150px 100px calc((100vw - 940px) / 2);
    }

    .suga-feature-i .section-main .post--overlay .post__title {
        font-size: 32px;
        line-height: 1.4;
    }
}
@media (max-width: 1366px) and (min-width: 991px) {
    .suga-feature-i .section-main {
        width: 60%;
    }
    .suga-feature-i .section-sub {
        width: 40%;
    }
}
@media (max-width: 991px) {
    .suga-feature-i .section-main {
        width: 100%;
    }
    .suga-feature-i .section-main .post--overlay .post__text {
        text-align: center;
    }
    .suga-feature-i .section-main .post--overlay .post__text-inner {
        padding: 50px  calc((100vw - 720px) / 2);
    }
    .suga-feature-i .section-main .post--overlay .post__excerpt {
        margin-left: auto;
        margin-right: auto;
    }
    .suga-feature-i .section-sub {
        width: 100%;
        padding: 40px calc((100vw - 720px) / 2);
    }
    .suga-feature-i .section-main .post--overlay .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    .suga-feature-i .section-main .post--overlay .post__text-inner {
        padding: 50px  calc((100vw - 510px) / 2);
    }
    .suga-feature-i .section-sub {
        width: 100%;
        /*padding: 40px 15px;*/
        padding: 40px calc((100vw - 510px) / 2);
    }
    .suga-feature-i .section-main .post--overlay .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .suga-feature-i .section-main .post--overlay .post__text-inner {
        padding: 40px 15px;
    }
    .suga-feature-i .section-main .post--overlay .post__title {
        margin-bottom: 0;
    }
    .suga-feature-i .section-main .post--overlay .post__meta {
        display: none;
    }
    .suga-feature-i .section-main .post--overlay .post__excerpt {
        display: none;
    }
    .suga-feature-i .section-sub {
        width: 100%;
        padding: 40px 15px;
    }
}
@media (max-width: 480px) {
    .suga-feature-i .section-main .post--overlay .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
/* suga-feature-i ----------------------- */
/* -----------------------suga-grid-x */
.posts-list-overlay-style-1 {
    margin: -15px;
}
.posts-list-overlay-style-1 .list-item {
    width: 25%;
    float: left;
    padding: 15px;
}
.posts-list-overlay-style-1 .list-item:nth-child(5n - 4) {
    float: right;
    width: 50%;
}
.posts-list-overlay-style-1 .list-item:nth-child(10n - 9) {
    float: left;
}
.posts-list-overlay-style-1 .list-item .post--overlay,
.posts-list-overlay-style-1 .list-item .post--overlay .post__text {
    min-height: calc( 800px / 2 - 15px);
    height: 100%;
}
.posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay,
.posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay .post__text {
    min-height: 800px;
    height: 100%;
}



@media (min-width:  1920px) {
    .suga-grid-x .atbssuga-block__inner {
        max-width: 1920px;
        margin: 0 auto;
    }
}
@media (max-width: 1366px) {
    .posts-list-overlay-style-1 {
        margin: -8px;
    }
    .posts-list-overlay-style-1 .list-item {
        padding: 8px;
    }
    .posts-list-overlay-style-1 .list-item .post--overlay,
    .posts-list-overlay-style-1 .list-item .post--overlay .post__text {
        min-height: calc( 700px / 2 - 8px);
        height: 100%;
    }
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay,
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay .post__text {
        min-height: 700px;
        height: 100%;
    }
}
@media (max-width: 1199px) {
    .posts-list-overlay-style-1 .list-item {
        width: 30%;
    }
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) {
        width: 40%;
    }


    .posts-list-overlay-style-1 .post--overlay .post__title.typescale-4 {
        font-size: 26px;
        line-height: 1.4;
    }
    .posts-list-overlay-style-1 .post--overlay .post__title.typescale-2 {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    .posts-list-overlay-style-1 .list-item {
        width: 50%;
    }
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) {
        width: 100%;
    }
    .posts-list-overlay-style-1 .list-item .post--overlay,
    .posts-list-overlay-style-1 .list-item .post--overlay .post__text {
        min-height: calc( 700px / 2 - 8px);
        height: 100%;
    }
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay,
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay .post__text {
        min-height: 500px;
        height: 100%;
    }


    .posts-list-overlay-style-1 .post--overlay .post__title.typescale-4 {
        font-size: 28px;
        line-height: 1.4;
    }
    .posts-list-overlay-style-1 .post--overlay .post__title.typescale-2 {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    .posts-list-overlay-style-1 .list-item .post--overlay,
    .posts-list-overlay-style-1 .list-item .post--overlay .post__text {
        min-height: calc( 600px / 2 - 8px);
        height: 100%;
    }
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay,
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay .post__text {
        min-height: 400px;
        height: 100%;
    }

    .posts-list-overlay-style-1 .post--overlay .post__title.typescale-4 {
        font-size: 26px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .posts-list-overlay-style-1 .list-item {
        width: 100%;
    }
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) {
        width: 100%;
    }

    .posts-list-overlay-style-1 .post--overlay .post__title.typescale-4 {
        font-size: 22px;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay,
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay .post__text {
        min-height: 350px;
        height: 100%;
    }
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay .post__excerpt {
        display: none !important;
    }
}

/*Style IE*/
@media (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .posts-list-overlay-style-1 .list-item .post--overlay .post__title.typescale-2 {
        max-height: calc(1.44rem * 1.4 * 3);
        overflow: hidden;
    }
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay .post__title.typescale-4 {
        max-height: calc(2.074rem * 1.3 * 3);
        overflow: hidden;
    }
}
@media (min-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .posts-list-overlay-style-1 .list-item .post--overlay .post__title.typescale-2 {
        max-height: calc(1.563rem * 1.3 * 3);
        overflow: hidden;
    }
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay .post__title.typescale-4 {
        max-height: calc(2.441rem * 1.2 * 3);
        overflow: hidden;
    }
}
@media (max-width: 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .posts-list-overlay-style-1 .list-item .post--overlay .post__title.typescale-2 {
        max-height: calc(1.266rem * 1.4 * 3);
        overflow: hidden;
    }
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay .post__title.typescale-4 {
        max-height: calc(1.602rem * 1.3 * 3);
        overflow: hidden;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .posts-list-overlay-style-1 .list-item .post--overlay .post__excerpt,
    .posts-list-overlay-style-1 .list-item:nth-child(5n - 4) .post--overlay .post__excerpt {
        max-height: calc(15px * 1.533 * 3);
        overflow: hidden;
    }
}

/* suga-grid-x ----------------------- */
/* -----------------------suga-grid-y */
.posts-list-overlay-style-2 {
    margin: -15px;
}
.posts-list-overlay-style-2 .list-item {
    width: 25%;
    float: left;
    padding: 15px;
}
.posts-list-overlay-style-2 .list-item:nth-child(3),
.posts-list-overlay-style-2 .list-item:nth-child(4) {
    width: 50%;
    float: right;
}
/* theme css*/
@media(min-width: 992px) {
    .posts-list-overlay-style-2 .list-item:nth-child(3) .post--overlay-text-fade-hover .post__title {
        font-weight: 700;
    }
}
@media(min-width: 1200px) {   
    .posts-list-overlay-style-2 .list-item:nth-child(3) .post--overlay-text-fade-hover .post__text-inner {
        margin: 0 45px;
    }
    .posts-list-overlay-style-2 .list-item:nth-child(3) .post--overlay-text-fade-hover .post__title {
        font-size: 24px;
    }
}
.posts-list-overlay-style-2 .list-item .post--overlay,
.posts-list-overlay-style-2 .list-item .post--overlay .post__text {
    min-height: calc( 600px / 2 - 15px);
}
.posts-list-overlay-style-2 .list-item:nth-child(4) .post--overlay .post__text {
    min-height: 600px;
}

.post--overlay-text-fade-hover {
    height: 100%;
}
.post--overlay-text-fade-hover .post__text {
    padding: 20px;
}
.post--overlay-text-fade-hover .post__text-wrap {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.post--overlay-text-fade-hover .post__cat {
    margin-right: 0;
}
@media (min-width: 1367px) {
    .suga-grid-y .container {
        width: 1366px;
    }
}
@media (min-width: 992px) {
    .post--overlay-text-fade-hover .post__text-wrap {
        opacity: 0;
        transition: 0.3s ease-in-out;
    }
    .post--overlay-text-fade-hover:hover .post__text-wrap {
        opacity: 1;
    }
}
@media (max-width: 1199px) {
    .posts-list-overlay-style-2 {
        margin: -8px;
    }
    .posts-list-overlay-style-2 .list-item {
        padding: 8px;
    }

    .posts-list-overlay-style-2 .list-item .post--overlay,
    .posts-list-overlay-style-2 .list-item .post--overlay .post__text {
        min-height: calc( 600px / 2 - 8px);
    }
    .posts-list-overlay-style-2 .list-item:nth-child(4) .post--overlay,
    .posts-list-overlay-style-2 .list-item:nth-child(4) .post--overlay .post__text {
        min-height: 600px;
    }
}
@media (max-width: 991px) {
    .posts-list-overlay-style-2 .list-item {
        width: calc((100% / 2));
    }
    .posts-list-overlay-style-2 .list-item:nth-child(3),
    .posts-list-overlay-style-2 .list-item:nth-child(4) {
        width: 50%;
    }
    .posts-list-overlay-style-2 .list-item .post--overlay,
    .posts-list-overlay-style-2 .list-item .post--overlay .post__text,
    .posts-list-overlay-style-2 .list-item:nth-child(3) .post--overlay,
    .posts-list-overlay-style-2 .list-item:nth-child(3) .post--overlay .post__text,
    .posts-list-overlay-style-2 .list-item:nth-child(4) .post--overlay,
    .posts-list-overlay-style-2 .list-item:nth-child(4) .post--overlay .post__text {
        min-height: calc( 800px / 2 - 8px);
    }
    .post--overlay-text-fade-hover .post__text {
        padding: 50px 20px;
    }
}
@media (max-width: 768px) {

    .posts-list-overlay-style-2 .list-item .post--overlay,
    .posts-list-overlay-style-2 .list-item .post--overlay .post__text,
    .posts-list-overlay-style-2 .list-item:nth-child(3) .post--overlay,
    .posts-list-overlay-style-2 .list-item:nth-child(3) .post--overlay .post__text,
    .posts-list-overlay-style-2 .list-item:nth-child(4) .post--overlay,
    .posts-list-overlay-style-2 .list-item:nth-child(4) .post--overlay .post__text {
        min-height: calc( 700px / 2 - 8px);
    }
}
@media (max-width: 576px) {
    .posts-list-overlay-style-2 .list-item {
        width: 100%;
    }
    .posts-list-overlay-style-2 .list-item:nth-child(3),
    .posts-list-overlay-style-2 .list-item:nth-child(4) {
        width: 100%;
    }
    .posts-list-overlay-style-2 .list-item:nth-child(3) .post--overlay,
    .posts-list-overlay-style-2 .list-item:nth-child(3) .post--overlay .post__text,
    .posts-list-overlay-style-2 .list-item:nth-child(4) .post--overlay,
    .posts-list-overlay-style-2 .list-item:nth-child(4) .post--overlay .post__text {
        min-height: calc( 600px / 2 - 8px);
    }
}
/*--------------------*/
/*Font size Custom*/
@media (max-width: 991px) {
    .posts-list-overlay-style-2 .list-item .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
        font-weight: 700;
        margin-bottom: 0;
    }
    .posts-list-overlay-style-2 .list-item .post--overlay .post__meta,
    .posts-list-overlay-style-2 .list-item .post--overlay .post__excerpt {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .posts-list-overlay-style-2 .list-item .post--overlay .post__title {
        font-size: 18px;
        line-height: 1.5;
        font-weight: 700;
        margin-bottom: 0;
    }
}
/* suga-grid-y ----------------------- */
/* -----------------------suga-feature-j */
.suga-feature-j.has-background {
    background-color: #f4f6f7;
    padding: 80px 0;
}
.suga-feature-j .section-main .post-sub {
    flex: 1;
}
.suga-feature-j .section-main .post-main {
    position: relative;
    padding-left: calc((100% - 350px) / 2);
    width: calc(100% - 320px);
    min-height: 450px;
    display: flex;
    align-items: center;
}
.suga-feature-j .section-main .post--horizontal-thumb-follow-parent {
    height: 100%;
    padding: 50px;
}
.suga-feature-j .section-main .post--horizontal-thumb-follow-parent .post__thumb {
    left: 0;
    right: auto;
    /*border-radius: 25px;*/
    overflow: hidden;
    margin-left: 0;
}
.suga-feature-j .post-no-thumb-normal .post__cat {
    margin-bottom: 8px;
}
.post-no-thumb-normal {
    padding: 25px;
    background: #fff;
    /*border-radius: 15px;*/
}
.suga-feature-j .section-sub {
    margin-top: 50px;
}
.post--horizontal-style-card-small {
    padding: 25px;
    /*border-radius: 15px;*/
    background-color: #fff;
    width: 320px;
    transition: 0.3s;
}
.post--horizontal-style-card-small .post__thumb {
    /*border-radius: 15px;*/
    overflow: hidden;
    margin-bottom: 0;
}
.post--horizontal-style-card-small:hover {
    box-shadow: 0 30px 10px -17px rgba(0, 0, 0, 0.08);
}
.suga-feature-j .owl-carousel .owl-stage-outer {
    margin-bottom: -28px;
}
.suga-feature-j .owl-carousel .owl-item {
    padding-bottom: 28px;
}
.suga-feature-j .section-sub .owl-carousel .owl-dots {
    /*display: none;*/
    width: 1170px;
    padding-bottom: 0;
    padding-top: 20px;
}
.suga-feature-j .section-sub .owl-carousel .owl-nav {
    display: none;
}
.suga-feature-j .owl-carousel-under-post {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    margin: -15px;
}
.suga-feature-j .owl-carousel-under-post .slide-content {
    width: calc(100% / 3);
    padding: 15px;
}
.suga-feature-j .owl-carousel-under-post .slide-content .post--horizontal-style-card-small {
    width: 100%;
}
@media (max-width: 1199px) {

    .suga-feature-j .section-main .post-main {
        padding-left: calc((100% - 300px) / 2);
        width: calc(100% - 270px);
    }
    .suga-feature-j .section-main .post--horizontal-thumb-follow-parent {
        padding: 40px;
    }
    .post-no-thumb-normal {
        padding: 20px;
    }
    .suga-feature-j .section-sub .owl-carousel .owl-dots {
        width: 940px;
    }
    .suga-feature-j .owl-carousel-under-post {
        width: 960px;
        margin: -10px;
    }
    .suga-feature-j .owl-carousel-under-post .slide-content {
        padding: 10px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .suga-feature-j .section-main .post--horizontal-thumb-follow-parent .post__title {
        font-size: 2rem; /*font system*/
        line-height: 1.4;
    }
    .suga-feature-j .post-no-thumb-normal .post__title {
        margin-bottom: 0;
        font-size: 17px;
        line-height: 1.4;
    }

}
@media (max-width: 991px) {
    .suga-feature-j .section-main .post-main {
        width: 100%;
        padding-left: calc(50% + 15px);
    }
    .suga-feature-j .section-main .post-sub {
        margin-top: 40px;
    }
    .suga-feature-j .section-main .post--horizontal-thumb-follow-parent {
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .suga-feature-j .section-sub .owl-carousel .owl-dots {
        width: 720px;
    }
    .suga-feature-j .owl-carousel-under-post {
        width: 740px;
    }
    .suga-feature-j .owl-carousel-under-post .slide-content {
        width: 50%;
    }


}
@media (max-width: 991px) and (min-width: 769px) {
    .suga-feature-j .post-no-thumb-normal {
        padding: 30px;
    }
    .suga-feature-j .section-main .post--horizontal-thumb-follow-parent .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    .suga-feature-j.has-background {
        padding: 70px 0;
    }
    .suga-feature-j .section-sub .owl-carousel .owl-dots {
        width: calc(100% - 30px);
    }
    .suga-feature-j .owl-carousel-under-post {
        width: calc(100% - 30px + 35px);
    }
    .suga-feature-j .section-main .post--horizontal-thumb-follow-parent .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .suga-feature-j.has-background {
        padding: 50px 0;
    }
    .suga-feature-j .section-main .post-main {
        width: 100%;
        padding-left: 0;
    }
    .suga-feature-j .section-main .post--horizontal-thumb-follow-parent .post__text {
        padding-left: 0;
        padding-right: 0;
    }

    .suga-feature-j .owl-carousel-under-post .slide-content {
        width: 100%;
    }
    .suga-feature-j .section-main .post--horizontal-thumb-follow-parent .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    .post--horizontal-style-card-small {
        width: calc(100vw - 30px);
        padding: 20px;
    }
}
/* suga-feature-j ----------------------- */
/* -----------------------suga-feature-k */

.post--vertical-margin-text-background.suga-vertical--no-thumb .post__thumb {
    position: relative;
}
.post--vertical-margin-text-background.suga-vertical--no-thumb .post__thumb::after {
    content:"";
    position: absolute;
    background-color: #9a9a9a;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
}

.post--vertical-margin-text-background .post__thumb {
    margin-bottom: 0;
}
.post--vertical-margin-text-background .post__text {
    margin-top: -90px;
    /*border-radius: 25px;*/
}
.post--vertical-margin-text-background .post__text-group {
    background-color: var(--color-primary);
    padding: 40px 50px;
}
.post--vertical-margin-text-background .post__text-column:last-child {
    padding-left: 50px;
}
.post--vertical-margin-text-background .post__meta  img.avatar {
    width: 34px;
    height: 34px;
    display: inline-block;
}
.post--vertical-margin-text-background .post__readmore .readmore__text {
    justify-content: flex-start;
    color: #fff;
}
.suga-feature-k .owl-carousel .owl-next,
.suga-feature-k .owl-carousel .owl-prev {
    top: 260px;
    transform: translateY(-50%);
}
.suga-feature-k .owl-carousel .owl-dots {
    display: none;
}
.suga-feature-k .owl-carousel .owl-next {
    right: calc(50%  - 585px);
}
.suga-feature-k .owl-carousel .owl-prev {
    left: calc(50%  - 585px);
}
@media (max-width: 1199px) {
    .post--vertical-margin-text-background .post__thumb {
        height: 520px;
    }
    .post--vertical-margin-text-background .post__text-group {
        /*background-color: #222222;*/
        padding: 40px 55px;
    }
    .post--vertical-margin-text-background .post__title {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 1.4;
    }
    .suga-feature-k .owl-carousel .owl-next,
    .suga-feature-k .owl-carousel .owl-prev {
        top: 230px;
    }
    .suga-feature-k .owl-carousel .owl-next {
        right: calc(50%  - 940px/2 );
    }
    .suga-feature-k .owl-carousel .owl-prev {
        left: calc(50%  - 940px/2);
    }
}
@media (max-width: 991px) {
    .post--vertical-margin-text-background .post__thumb {
        height: 450px;
    }
    .post--vertical-margin-text-background .post__text-group {
        padding: 40px;
    }
    .suga-feature-k .owl-carousel .owl-next,
    .suga-feature-k .owl-carousel .owl-prev {
        top: 190px;
    }
    .suga-feature-k .owl-carousel .owl-next {
        right: calc(50%  - 720px/2 );
    }
    .suga-feature-k .owl-carousel .owl-prev {
        left: calc(50%  - 720px/2);
    }
    .post--vertical-margin-text-background .post__text-column {
        width: 100%;
        text-align: center;
    }
    .post--vertical-margin-text-background .post__text-column:last-child {
        padding: 0;
    }
    .post--vertical-margin-text-background .post__title {
        margin-bottom: 15px;
    }
    .post--vertical-margin-text-background .post__excerpt {
        margin-left: auto;
        margin-right: auto;
    }
    .post--vertical-margin-text-background .post__readmore {
        display: none;
    }

}
@media (max-width: 768px) {
    .post--vertical-margin-text-background .post__thumb {
        height: 380px;
    }
    .suga-feature-k .owl-carousel .owl-nav {
        display: none;
    }
    .post--vertical-margin-text-background .post__text {
        margin-top: -100px;
    }
    .post--vertical-margin-text-background .post__text-column {
        width: 100%;
        text-align: center;
    }
    .post--vertical-margin-text-background .post__text-column:last-child {
        display: none;
    }
    .post--vertical-margin-text-background .post__title {
        margin-bottom: 0;
        font-size: 26px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .post--vertical-margin-text-background .post__thumb {
        height: 300px;
    }
    .suga-feature-k .owl-carousel .owl-nav {
        display: none;
    }
    .post--vertical-margin-text-background .post__text {
        margin-top: 0;
        padding: 0;
    }
    .post--vertical-margin-text-background .post__text-group {
        padding: 30px;
    }

    .post--vertical-margin-text-background .post__title {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    .post--vertical-margin-text-background .post__thumb {
        height: 260px;
    }
    .post--vertical-margin-text-background .post__text-group {
        padding: 30px 20px;
    }
    .post--vertical-margin-text-background .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .suga-feature-k .owl-carousel .owl-dots {
        display: block;
        padding-top: 20px;
        padding-bottom: 0;
    }
}
/* suga-feature-k ----------------------- */
/* -----------------------suga-grid-z */
.suga-grid-z .section-main {
    width: calc(100% - 400px);
}
.suga-grid-z .section-sub {
    flex: 1;
}
.post-no-thumb-has-background {
    background-color: var(--color-primary);
    padding: 90px 60px;
    min-height: 350px;
    display: flex;
    flex-wrap: wrap;
}
.post-no-thumb-has-background .post__text {
    width: 100%;
    max-width: 576px;
}
@media (max-width: 1199px) and (min-width: 992px) {
    .suga-grid-z .section-main .post-no-thumb-has-background .post__title {
        font-size: 30px;
    }
    .suga-grid-z .section-main .post-no-thumb-has-background {
        padding: 80px 40px;
    }
}
@media (max-width: 1199px) {
    .suga-grid-z .section-main .post-no-thumb-has-background .post__title {
        font-size: 26px;
        line-height: 1.4;
    }

    .suga-grid-z .posts-list .list-item .post--overlay .post__title.typescale-3 {
        font-size: 22px;
        line-height: 1.4;
    }
    .suga-grid-z .posts-list .list-item .post--overlay .post__title.typescale-2 {
        font-size: 20px;
        line-height: 1.4;
    }
}

@media (max-width: 991px) and (min-width: 769px) {
    .suga-grid-z .section-main .post-no-thumb-has-background .post__title {
        font-size: 22px;
    }
    .suga-grid-z .section-main .post-no-thumb-has-background {
        padding: 80px 40px;
    }
}
@media (width: 768px) {
    .suga-grid-z .section-sub .post--overlay-xs .post__text {
            min-height: 320px;
    }
}

@media (min-width: 769px) {
    .suga-grid-z .section-sub .list-item:nth-child(1) .post--overlay .post__text {
        min-height: 450px;
    }
}
@media (max-width: 1199px) {
    .suga-grid-z .section-main {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .suga-grid-z .section-sub .list-item:nth-child(1) .post--overlay .post__text {
        min-height: 400px;
    }
    .suga-grid-z .section-main .post--overlay.post--overlay-sm .post__title {
        margin-bottom: 0;
    }
    .suga-grid-z .section-main .post--overlay.post--overlay-sm .post__meta {
        display: none;
    }
    .suga-grid-z .section-main .post-no-thumb-has-background {
        padding: 70px 40px;
    }

    .suga-grid-z .section-main .post-no-thumb-has-background .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    .suga-grid-z .posts-list .list-item .post--overlay .post__title.typescale-3 {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .suga-grid-z .section-main,
    .suga-grid-z .section-sub {
        width: 100%;
    }
    .suga-grid-z .section-sub .list-item:nth-child(1) .post--overlay .post__text,
    .suga-grid-z .section-sub .list-item:nth-child(2) .post--overlay .post__text,
    .post-no-thumb-has-background {
        min-height: 17.85714rem;
    }
}
/* suga-grid-z ----------------------- */
/* -----------------------suga-feature-l */
.suga-feature-l.has-background {
    background-color: #f4f6f7;
    padding: 80px 0;
}
.suga-feature-l .section-main {
    width: calc(100% - 370px);
}
.suga-feature-l .section-sub {
    flex: 1;
}
.suga-feature-l .section-main .post-sub {
    margin-top: 80px;
}
.suga-feature-l .section-main .post-sub .block-heading {
    margin-bottom: 40px;
}
/**/
.post--horizontal-medium-text-background.post--horizontal-medium-text-background-style-2 {
    background-color: #fff;
}
.post--horizontal-medium-text-background.post--horizontal-medium-text-background-style-2 .post__thumb {
    box-shadow: 0 25px 25px -12px rgba(0, 0, 0, 0.1);
}
/**/
.post--vertical-normal-thumb-shadow .post__thumb {
    box-shadow: 0 23px 12px -12px rgba(0, 0, 0, 0.15);
}
/**/
.suga-feature-l .post--vertical-style-card.post-not-exist-thumb .post__text {
    padding-top: 30px;
}
/**/
@media (min-width: 768px) {
    .suga-feature-l .atbssuga-block__inner  {
        width: 720px;
        margin: 0 auto;
    }
}
@media (min-width: 992px) {
    .suga-feature-l .atbssuga-block__inner  {
        width: 940px;
        margin: 0 auto;
    }
    .post--horizontal-medium-text-background.post--horizontal-medium-text-background-style-2 .post__thumb {
        width: 60%;
    }
    .post--horizontal-medium-text-background.post--horizontal-medium-text-background-style-2:not(.post--horizontal-reverse) {
        padding-left: 60%;
    }
}
@media (min-width: 1200px) {
    .suga-feature-l .atbssuga-block__inner  {
        width: 1170px;
        margin: 0 auto;
    }
}
@media (min-width: 1367px) {
    .suga-feature-l .atbssuga-block__inner  {
        width: 1366px;
        margin: 0 auto;
    }
}
@media (max-width: 1366px) {
    .suga-feature-l .atbssuga-block__inner-group.flexbox-wrap.flex-space-70 {
        margin: -25px;
    }
    .suga-feature-l .atbssuga-block__inner-group.flexbox-wrap.flex-space-70 > * {
        padding: 25px;
    }
    .suga-feature-l .post-sub .posts-list.flexbox-wrap.flex-space-30 {
        margin: -20px -15px;
    }
    .suga-feature-l .post-sub .posts-list.flexbox-wrap.flex-space-30 > * {
        padding: 20px 15px;
    }
}
@media (max-width: 1366px) and (min-width: 1200px) {
    .suga-feature-l .post-sub .posts-list.flexbox-wrap.flexbox-wrap-4i > * {
        width: 50%;
    }
}
@media (max-width: 1199px) {
    .suga-feature-l .section-main,
    .suga-feature-l .section-sub {
        width: 100%;
    }

    .post--vertical-normal-thumb-shadow .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 1199px) and (min-width: 577px) {
    .suga-feature-l .section-sub .posts-list.flexbox-wrap.flexbox-wrap-1i > * {
        width: 50%;
    }
}
@media (max-width: 991px) {
    .suga-feature-l .post-sub .posts-list.flexbox-wrap.flexbox-wrap-4i > * {
        width: 50%;
    }
    .suga-feature-l .section-main .post-sub {
        margin-top: 70px;
    }
}
@media (max-width: 767px) {
    .suga-feature-l .atbssuga-block__inner  {
        padding: 0 15px;
    }
}
@media (max-width: 768px) {
    .suga-feature-l .section-main .post-sub {
        margin-top: 60px;
    }
}
@media (max-width: 576px) {
    .post--horizontal-medium-text-background.post--horizontal-medium-text-background-style-2 .post__thumb {
        width: 100%;
        margin-bottom: 25px;
    }
    .suga-feature-l .section-sub .posts-list.flexbox-wrap.flexbox-wrap-1i > *,
    .suga-feature-l .post-sub .posts-list.flexbox-wrap.flexbox-wrap-4i > * {
        width: 100%;
    }
?
    .post--vertical-normal-thumb-shadow .post__thumb {
        height: 240px;
    }
    .suga-feature-l .post--vertical-style-card .post__thumb {
        height: 240px;
    }

    .suga-feature-l .post--vertical-style-card.post-not-exist-thumb .post__text {
        padding-top: 20px;
    }
}
/* suga-feature-l ----------------------- */
/* -----------------------suga-feature-m */
.suga-feature-m.has-background {
    padding: 80px 0;
    background-color: #f4f6f7;
}
.suga-feature-m .section-main {
    width: calc(100% - 400px);
}
.suga-feature-m .section-sub {
    flex: 1;
    order: -1;
}
.suga-feature-m .section-main .post--horizontal .post__thumb {
    width: 100px;
    height: 100px;
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .suga-feature-m .section-sub .section-group .post-main .post--overlay.post--overlay-floorfade .post__text-wrap::before {
        display: none
    }

}
@media (max-width: 1199px) {
    .suga-feature-m .section-main {
        width: calc(100% - 330px);
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .suga-feature-m .section-main .post--overlay.post--overlay-md .post__text {
        min-height: 350px;
    }
    .suga-feature-m .section-sub .post--overlay.post--overlay-lg .post__text {
        min-height: 440px;
    }
    .suga-feature-m .section-sub .post--overlay.post--overlay-lg .post__title {
        font-size: 24px;
        line-height: 1.4;
    }

    .suga-feature-m .section-main .post--horizontal .post__thumb {
        width: 90px;
        height: 90px;
    }
    .suga-feature-m .section-main .post--horizontal .post__title {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media (max-width: 991px) {
    .suga-feature-m .section-main {
        width: 100%;
    }
    .suga-feature-m .section-sub {
        width: 100%;
        flex: none;
        order: 0;
    }
    .suga-feature-m .section-sub .section-group .post--overlay .post__text {
        align-items: flex-end;
        text-align: left;
        padding-bottom: 0;
        padding-top: 40px;
    }
    .suga-feature-m .section-sub .section-group .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 0;
        font-weight: 700;
    }
    .suga-feature-m .section-sub .section-group .post--overlay .post__text {
        min-height: 25rem;
    }
    .suga-feature-m .section-sub .section-group .post--overlay .post__excerpt {
        display: none;
    }
    .suga-feature-m .section-sub .section-group .post--overlay .post__thumb.background-img::after {
        display: none;
    }
}
@media (max-width: 991px) and (min-width: 577px) {
    .suga-feature-m .section-sub .section-group.flexbox-wrap.flexbox-wrap-1i > * {
        width: 50%;
    }
    .suga-feature-m .section-sub .section-group .post--overlay {
        height: 100%;
    }
}
@media (max-width: 768px) {
    .suga-feature-m .section-main .post--horizontal .post__thumb {
        width: 70px;
        height: 70px;
    }
    .suga-feature-m .section-sub .section-group .post--overlay .post__text {
        min-height: 17.85714rem;
    }

    .suga-feature-m .post__cat-space-bottom-sm .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .suga-feature-m .section-main .post-sub .posts-list.flexbox-wrap.flexbox-wrap-2i > * {
        width: 100%;
    }
    .suga-feature-m .post__cat-space-bottom-sm .post__excerpt {
        display: none;
    }
}
/* suga-feature-m ----------------------- */
/* ----------------------- posts-listing-grid-g */
.posts-listing-grid-g .posts-list {
    position: relative;
}
.posts-listing-grid-g .section-main {
    width: 50%;
}
.posts-listing-grid-g .section-sub {
    width: 50%;
    padding: 80px;
}

@media (min-width: 1920px) {
    .posts-listing-grid-g .atbssuga-block__inner {
        width: 1920px;
        margin: 0 auto;
    }
}
@media (max-width: 1680px) {
    .posts-listing-grid-g .section-sub {
        padding: 50px;
    }
    .posts-listing-grid-g .section-sub .flexbox-wrap.flex-space-60 {
        margin: -25px;
    }
    .posts-listing-grid-g .section-sub .flexbox-wrap.flex-space-60 > * {
        padding: 25px;
    }
}
@media (max-width: 1366px) {
    .posts-listing-grid-g .section-sub {
        padding: 50px;
    }
    .posts-listing-grid-g  .post--vertical-normal-thumb-shadow.post__thumb-300 .post__thumb {
        height: 260px;
    }
}
@media (max-width: 1199px) {
    .posts-listing-grid-g .section-sub {
        padding: 50px 30px;
    }
    .posts-listing-grid-g .section-sub .flexbox-wrap.flex-space-60 {
        margin: -20px -15px;
    }
    .posts-listing-grid-g .section-sub .flexbox-wrap.flex-space-60 > * {
        padding: 20px 15px;
    }
    .posts-listing-grid-g  .post--vertical-normal-thumb-shadow.post__thumb-300 .post__thumb {
        height: 240px;
    }
}
@media (max-width: 991px) {
    .posts-listing-grid-g .section-main {
        width: 100%;
    }
    .posts-listing-grid-g .section-sub {
        width: 100%;
        flex: 1 1 auto;
        padding: 40px 40px 0 40px;
    }
}
@media (max-width: 768px) {
    .posts-listing-grid-g .section-sub {
        padding: 40px 15px 0 15px;
    }
}
@media (max-width: 576px) {
    .posts-listing-grid-g .section-sub .flexbox-wrap.flexbox-wrap-2i > * {
        width: 100%;
    }
}
/* .posts-listing-grid-g ----------------------- */
/* ----------------------- posts-listing-grid-f */
.posts-listing-grid-f  .posts-list-style-hover-effect-wrapper .posts-list-group {
    padding: 120px 0 120px 100px;
    z-index: 3;
}
.posts-list-style-hover-effect-background {
    flex: 1;
    margin-left: -200px;
}
.background-hover-fixed::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #FC3C2D;
    opacity: 0.6;
    z-index: 2;
}
.background-hover-fixed img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.background-hover-fixed {
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.background-fixed-img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    transition: 0.5s;
}
.background-fixed-img.active {
    opacity: 1;
    z-index: 1;
}
.post--vertical-thumb-hover-background .post__thumb {
    box-shadow:  0 5px 15px rgba(0, 0, 0, 0.05);
}
@media (min-width: 1200px) {
    .posts-overlay-style-2 .list-item:nth-child(3n+2) {
        margin-top: 7.5rem;
    }
}
@media (max-width: 1440px) {
    .posts-listing-grid-f .posts-list-style-hover-effect-wrapper .posts-list-group {
        padding: 120px 120px 120px 50px;
    }
    .posts-overlay-style-2.flexbox-wrap.flex-space-60 {
        margin: -20px;
    }
    .posts-overlay-style-2.flexbox-wrap.flex-space-60 > * {
        padding: 20px;
    }
    .posts-list-style-hover-effect-background {
        margin-left: -295px;
    }
}
@media (max-width: 1366px) and (min-width: 1200px) {
    .posts-overlay-style-2 .post-thumb-hover-background-position.post--overlay .post__text {
        min-height: 480px;
    }
    .posts-overlay-style-2 .post-thumb-hover-background-position.post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 1199px) {
    .posts-overlay-style-2.flexbox-wrap.flexbox-wrap-3i > * {
        width: 50%;
    }
    .posts-listing-grid-f .posts-list-style-hover-effect-wrapper .posts-list-group {
        padding: 120px 220px 120px 50px;
    }
    .posts-overlay-style-2 .list-item:nth-child(2n) {
        margin-top: 7.5rem;
    }
    .posts-list-style-hover-effect-background {
        margin-left: -395px;
    }

}
@media (min-width: 992px) and (max-width: 1199px) {
    .posts-overlay-style-2 .post-thumb-hover-background-position.post--overlay .post__text {
        min-height: 420px;
    }
    .posts-overlay-style-2 .post-thumb-hover-background-position.post--overlay .post__title.typescale-2 {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    .posts-overlay-style-2.flexbox-wrap.flexbox-wrap-3i > * {
        width: 50%;
    }

    .posts-listing-grid-f .posts-list-style-hover-effect-wrapper .posts-list-group {
        padding: 120px 50px 120px 50px;
        padding: 0;
    }
    .posts-listing-grid-f .posts-list-style-hover-effect-wrapper .posts-list-group.layout-full-container--left > * {
        padding-left: calc(50vw - 720px/2);
    }
    .posts-overlay-style-2 .list-item:nth-child(2n) {
        margin-top: 60px;
    }
    .posts-list-style-hover-effect-background {
        display: none;
        margin-left: -250px;
    }
    .posts-overlay-style-2 .post-thumb-hover-background-position.post--overlay .post__title.typescale-2 {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    .posts-listing-grid-f .posts-list-style-hover-effect-wrapper .posts-list-group.layout-full-container--left > * {
        padding-left: 15px;
    }
    .posts-overlay-style-2 .list-item:nth-child(2n) {
        margin-top: 50px;
    }
    .posts-overlay-style-2.flexbox-wrap.flex-space-60 {
        margin: -15px;
    }
    .posts-overlay-style-2.flexbox-wrap.flex-space-60 > * {
        padding: 15px;
    }
}
@media (max-width: 576px) {
    .posts-overlay-style-2 .list-item:nth-child(2n) {
        margin-top: 0;
    }
    .posts-overlay-style-2.flexbox-wrap.flexbox-wrap-3i > * {
        width: 100%;
    }
    .post--vertical-thumb-hover-background .post__thumb {
        height: 250px;
    }
    .posts-overlay-style-2 .post-thumb-hover-background-position.post--overlay .post__text {
        min-height: 260px;
    }
}
/* .posts-listing-grid-f ----------------------- */
/* -----------------------suga-feature-n */
.suga-feature-n .section-main {
    width: 40%;
}
.suga-feature-n .section-main .post--overlay-feature-full-screen-y {
    height: 100%;
}
.suga-feature-n .section-sub {
    flex: 1;
    order: -1;
    padding-left: calc(50vw - 585px);
}
.suga-feature-n .section-sub .post-main {
    padding-right: 80px;
    padding-top: 80px;
}
.suga-feature-n .section-sub .post-sub {
    margin-top: 80px;
    padding: 50px 0 50px calc(50% - 80px);
    position: relative;
}
.suga-feature-n .section-sub .post-sub::before {
    content: '';
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--color-primary);
    z-index: -1;
}
.suga-feature-n .section-sub .post-sub .posts-list {
    width: 100%;
}
.suga-feature-n .section-sub .post-sub .posts-list[class*="list-seperated"]>*:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.post--horizontal-thumb-hover-follow-parent {
    position: static;
    padding-left: 50px;
    padding-right: 50px;
}
.post--horizontal-thumb-hover-follow-parent .post__thumb {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: calc(50% - 80px + 50vw - 585px);
    margin: 0 0 0 calc((50vw - 585px) * -1 );
}
.suga-feature-n .section-sub .post-sub .posts-list {
    pointer-events: none;
}
.suga-feature-n .section-sub .post-sub .list-item {
    pointer-events: auto;
}
@media (min-width: 481px) {
    .post--horizontal-thumb-hover-follow-parent .post__thumb {
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }
    .suga-feature-n .section-sub .post-sub .list-item:first-child .post--horizontal-thumb-hover-follow-parent .post__thumb,
    .suga-feature-n .section-sub .post-sub .list-item:hover .post--horizontal-thumb-hover-follow-parent .post__thumb {
        visibility: visible;
        opacity: 1;
    }
}
@media (max-width: 1199px) {
    .suga-feature-n .section-sub {
        padding-left: calc(50vw - 940px/2);
    }
    .suga-feature-n .section-sub .post-main {
        padding-right: 40px;
    }
    .suga-feature-n .section-sub .post-main .flexbox-wrap.flex-space-80 {
        margin: -20px;
    }
    .suga-feature-n .section-sub .post-main .flexbox-wrap.flex-space-80 > * {
        padding: 20px;
    }

    .suga-feature-n .section-sub .post-sub  {
        padding: 50px 0 50px calc(50% - 40px);
    }
    .post--horizontal-thumb-hover-follow-parent {
        padding-left: 40px;
        padding-right: 40px;
    }
    .post--horizontal-thumb-hover-follow-parent .post__thumb {
        width: calc(50% - 40px + 50vw - 940px/2);
        margin: 0 0 0 calc((50vw - 940px/2) * -1 );
    }
}
@media (max-width: 991px) {
    .suga-feature-n .section-main {
        width: 100%;
    }
    .suga-feature-n .section-sub {
        order: 0;
        padding-left: calc(50vw - 720px/2);
        padding-right: calc(50vw - 720px/2);
    }
    .suga-feature-n .section-sub .post-main {
        padding-right: 0;
        /*padding-top: 70px;*/
    }
    .suga-feature-n .section-sub .post-main .flexbox-wrap.flex-space-80 {
        margin: -20px -15px;
    }
    .suga-feature-n .section-sub .post-main .flexbox-wrap.flex-space-80 > * {
        padding: 20px 15px;
    }

    .suga-feature-n .section-sub .post-sub {
        margin-top: 70px;
        padding: 50px 0 50px calc(50% - 15px );
    }
    .post--horizontal-thumb-hover-follow-parent {
        padding-left: 30px;
        padding-right: 0;
    }
    .post--horizontal-thumb-hover-follow-parent .post__thumb {
        width: calc(50% - 15px + 50vw - 720px/2);
        margin: 0 0 0 calc((50vw - 720px/2) * -1 );
    }
}
@media (max-width: 767px) {
    .suga-feature-n .section-sub {
        padding-left: 15px;
        padding-right: 15px;
    }
    .post--horizontal-thumb-hover-follow-parent .post__thumb {
        width: 50%;
        margin: 0 0 0 -15px;
    }
}
@media (max-width: 576px) {
    .suga-feature-n .section-sub .post-main .flexbox-wrap.flexbox-wrap-2i > * {
        width: 100%;
    }
    .suga-feature-n .section-sub .post-main {
        padding-top: 40px;
    }
    .suga-feature-n .section-sub .post-sub {
        margin-top: 40px;
    }

    .suga-feature-n .post--vertical-normal-thumb-shadow .post__thumb {
        height: 230px;
    }
}
@media (max-width: 480px) {
    .suga-feature-n .section-sub .post-sub {
        padding-left: 0;
        padding-right: 0;
    }
    .suga-feature-n .section-sub .post-sub::before {
        left: -15px;
    }
    .post--horizontal-thumb-hover-follow-parent {
        padding: 0;
        flex-wrap: wrap;
    }
    .post--horizontal-thumb-hover-follow-parent .post__thumb {
        position: relative;
        flex: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        height: 250px;
    }
    .post--horizontal-thumb-hover-follow-parent .post__text {
        flex: none;
        width: 100%;
    }
    .suga-feature-n .post--horizontal-thumb-hover-follow-parent .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .suga-feature-n .section-sub .post-sub .posts-list[class*="list-seperated"]>*:not(:last-child) {
        border-bottom: none;
    }
    .suga-feature-n .section-sub .post-sub .posts-list[class*="list-seperated"].list-space-lg {
        margin-top: -20px;
        margin-bottom: -20px;
    }
    .suga-feature-n .section-sub .post-sub .posts-list[class*="list-seperated"].list-space-lg>* {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .suga-feature-n .post--vertical-normal-thumb-shadow .post__thumb {
        height: 200px;
    }


}
@media (max-width: 380px) {
    .post--horizontal-thumb-hover-follow-parent .post__thumb {
        height: 240px;
    }
}
/* suga-feature-n ----------------------- */
/* -----------------------suga-feature-o */
.suga-feature-o {
    position: relative;
    min-height: 980px;
    padding: 100px 0;
}
.suga-feature-o .atbssuga-block__inner {
    position: static;
}
.suga-feature-o .posts-list-style-hover-effect-background {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: -1;
}
.suga-feature-o .background-hover-fixed {
    height: 100%;
}
.suga-feature-o .background-hover-fixed {
    /*filter: grayscale(100%) opacity(60%) ;*/
    opacity: 1;
}
.suga-feature-o .background-hover-fixed::before {
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(2px) opacity(0.9) brightness(1.1) saturate(0);
    opacity: 1;
}

.suga-feature-o .section-main {
    width: 60%;
}
.suga-feature-o .section-sub {
    width: 40%;
}
.suga-feature-o .section-sub > * {
    width: 100%;
}
.suga-feature-o .section-sub .post-main {
    padding: 50px;
}
.suga-feature-o .section-sub .posts-list {
    width: 100%;
}
.post-no-thumb-border-circle {
    padding-left: 35px;
}
.post-no-thumb-border-circle .post__title {
    display: flex;
}
.post-no-thumb-border-circle .post__title::before {
    content: '';
    min-width: 13px;
    min-height: 13px;
    border-radius: 50%;
    border: 4px solid #FC3C2D;
    display: inline-block;
    margin-right: 15px;
    align-self: flex-start;
    position: absolute;
    left: 0;
    top: 7px;
}
@media (min-width: 769px) {
    .suga-feature-o .section-main .posts-list .list-item:nth-child(1) {
        width: 55%;
    }
    .suga-feature-o .section-main .posts-list .list-item:nth-child(2),
    .suga-feature-o .section-main .posts-list .list-item:nth-child(3) {
        width: 45%;
    }
    .suga-feature-o .section-main .posts-list .list-item {
        /*width: 50%;*/
        float: left;
    }
    .suga-feature-o .section-main .posts-list .list-item:first-child {
        padding-right: 15px;
    }
    .suga-feature-o .section-main .posts-list .list-item:nth-child(2),
    .suga-feature-o .section-main .posts-list .list-item:nth-child(3) {
        padding-left: 15px;
    }
    .suga-feature-o .section-main .posts-list .list-item:last-child:not(:nth-child(2)) {
        margin-top: 30px;
    }
    .suga-feature-o .section-main .posts-list .list-item:not(:first-child) .post--overlay .post__text {
        min-height: calc(730px/2 - 15px);
    }
    .suga-feature-o .section-main .posts-list .list-item:first-child .post--overlay .post__text {
        min-height: 730px;
    }
}
@media (min-width: 1367px) {
    .suga-feature-o .container {
        width: 1366px;
    }
}
@media (max-width: 1366px) {
    .suga-feature-o .section-sub .post-main {
        padding: 50px 30px;
    }
    .suga-feature-o .section-main .posts-list .list-item:nth-child(1),
    .suga-feature-o .section-main .posts-list .list-item:nth-child(2),
    .suga-feature-o .section-main .posts-list .list-item:nth-child(3) {
        width: 50%;
    }
}
@media (max-width: 1199px) {
    .suga-feature-o .posts-list-group.flexbox-wrap.flex-space-30 {
        margin: -20px -15px;
    }
    .suga-feature-o .posts-list-group.flexbox-wrap.flex-space-30 > * {
        padding: 20px 15px;
    }
    .suga-feature-o .section-main {
        width: 100%;
    }
    .suga-feature-o .section-sub {
        width: 100%;
        flex-direction: row;
        flex: 1 1 auto;
    }
    .suga-feature-o .section-sub {
        margin: -15px;
    }
    .suga-feature-o .section-sub .post-main,
    .suga-feature-o .section-sub > * {
        padding: 15px;
    }
    .suga-feature-o .section-sub .post-main {
        width: 50%;
    }
    .suga-feature-o .section-sub .post-sub {
        width: 50%;
    }
    .suga-feature-o .section-sub .post-sub {
        align-items: flex-start;
    }

    .suga-feature-o .post-sub .post-thumb-hover-background-position .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    .suga-feature-o {
        padding: 0;
    }
}
@media (max-width: 991px) and (min-width: 769px) {
    .suga-feature-o .section-main .posts-list .list-item:not(:first-child) .post--overlay .post__text {
        min-height: calc(530px/2 - 15px);
    }
    .suga-feature-o .section-main .posts-list .list-item:first-child .post--overlay .post__text {
        min-height: 530px;
    }
}
@media (max-width: 768px) {
    .suga-feature-o .section-main .posts-list {
        display: flex;
        flex-wrap: wrap;
    }
    .suga-feature-o .section-main .posts-list .list-item:not(:last-child) {
        margin-bottom: 30px;
    }
    .suga-feature-o .section-main .posts-list .list-item:nth-child(1),
    .suga-feature-o .section-main .posts-list .list-item:nth-child(2),
    .suga-feature-o .section-main .posts-list .list-item:nth-child(3) {
        width: 100%;
    }

    .suga-feature-o .section-main .posts-list .list-item:not(:first-child) .post-thumb-hover-background-position .post__title,
    .suga-feature-o .post-sub .post-thumb-hover-background-position .post__title {
        margin-bottom: 0;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 600;
    }
    .suga-feature-o .post-sub .post-thumb-hover-background-position .post__excerpt {
        display: none;
    }
}
@media (max-width: 768px) and (min-width: 577px) {
    .suga-feature-o .section-main .posts-list .list-item:first-child .post--overlay .post__text {
        min-height: 420px;
    }
    .suga-feature-o .section-main .posts-list .list-item:first-child .post--overlay .post__title {
        font-size: 24px;
        line-height: 1.4;
    }

    .suga-feature-o .section-main .posts-list .list-item:not(:last-child) {
        margin-bottom: 0;
    }
    .suga-feature-o .section-main .posts-list .list-item:nth-child(1){
        width: 100%;
        padding: 15px;
    }
    .suga-feature-o .section-main .posts-list .list-item:nth-child(2),
    .suga-feature-o .section-main .posts-list .list-item:nth-child(3) {
        width: 50%;
        padding: 15px;
    }
}
@media (max-width: 576px) {
    .suga-feature-o .section-sub .post-sub,
    .suga-feature-o .section-sub .post-main {
        width: 100%;
    }
    .suga-feature-o .section-main .posts-list .list-item:first-child .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .suga-feature-o .section-main .posts-list .list-item:first-child .post--overlay .post__excerpt {
        display: none;
    }
}
/* suga-feature-o ----------------------- */
/* -----------------------suga-feature-p */
.suga-feature-p .inverse-text .post__readmore a.button__readmore {
    color: #fff;
}
.suga-feature-p .atbssuga-block__inner-group {
    min-height: 900px;
    padding-left: 350px;
    padding-top: 100px;
    padding-bottom: 50px;
}
.suga-feature-p .section-main {
    padding-right: calc(50vw  - 585px);
}
.suga-feature-p .section-sub {
    margin-top: 100px;
}
.suga-feature-p .post--horizontal-thumb-follow-parent {
    padding: 0;
}
.suga-feature-p .post--horizontal-thumb-follow-parent .post__thumb {
    width: calc(50% - 585px + 250px);
}

.suga-feature-p .section-sub .post--overlay {
    width: 350px;
    border-radius: 8px;
}
.suga-feature-p .section-sub .owl-carousel .owl-dots {
    display: none;
}
.suga-feature-p .section-sub .owl-carousel .owl-prev {
    left: -20px;
}
.suga-feature-p .section-sub .owl-carousel .owl-next {
    right: 20px;
}

.suga-feature-p .section-sub .owl-carousel-under-post {
    padding-right: 15px;
}
.suga-feature-p .section-sub .owl-carousel-under-post .post--overlay {
    width: 100%;
}
.suga-feature-p .section-sub .owl-carousel-under-post .slide-content {
    max-width: 405px;
}

.suga-feature-p .atbssuga-carousel.nav-white .owl-next, 
.suga-feature-p .atbssuga-carousel.nav-white .owl-prev {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
}
@media (min-width: 1200px) {
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__text-column:last-child {
        padding-left: 50px;
    }
}
@media (max-width: 1199px) {
    .suga-feature-p .atbssuga-block__inner-group {
        padding-top: 50px;
        padding-left: 420px;
        min-height: 700px;
    }
    .suga-feature-p .section-main {
        padding-right: calc(50vw  - 940px/2);
    }
    .suga-feature-p .section-sub {
        margin-top: 50px;
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__thumb {
        width: calc(50% - 940px/2 + 350px);
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__text-column {
        width: 100%;
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__text-column:last-child {
        margin-top: 15px;
    }
    .suga-feature-p .section-sub .post--overlay {
        width: 300px;
    }
    .suga-feature-p .section-sub .owl-carousel-under-post .slide-content:first-child {
        max-width: 100%;
        width: 100%;
    }
    .suga-feature-p .section-sub .owl-carousel-under-post .slide-content:not(:first-child) {
        width: 50%;
        max-width: 50%;
    }
}
@media (max-width: 1199px) and (min-width: 768px) {
    .suga-feature-p .section-sub .post--overlay.post--overlay-md .post__text {
        min-height: 25rem;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__title {
        font-size: 32px;
        line-height: 1.4;
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__text {
        padding-right: 75px;
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__excerpt {
        max-width: 380px;
    }
}
@media (max-width: 991px) {
    .suga-feature-p .atbssuga-block__inner-group {
        padding-top: 50px;
        padding-bottom: 40px;
        padding-left: 360px;
        min-height: 600px;
    }
    .suga-feature-p .section-main {
        padding-right: calc(50vw  - 720px/2);
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__thumb {
        width: calc(50% - 720px/2 + 300px);
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__text-column:last-child {
        display: none;
    }
    .suga-feature-p .section-sub .owl-carousel-under-post .slide-content:first-child {
        max-width: 100%;
        width: 100%;
    }
    .suga-feature-p .section-sub .owl-carousel-under-post .slide-content:not(:first-child) {
        width: 100%;
        max-width: 100%;
    }

    .suga-feature-p .atbssuga-owl-carousel-under-post.atbssuga-block__inner-group {
        padding-left: 0;
    }
    .suga-feature-p .atbssuga-owl-carousel-under-post.atbssuga-block__inner-group .section-main {
        position: relative;
        padding-left: 390px;
        min-height: 400px;
    }
    .suga-feature-p .atbssuga-owl-carousel-under-post .section-sub {
        padding-right: calc(50vw  - 720px/2);
    }
    .suga-feature-p .atbssuga-owl-carousel-under-post .section-sub .owl-carousel-under-post {
        padding-right: 0;
    }

    .suga-feature-p .post--horizontal-thumb-follow-parent .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
}
@media (max-width: 767px) {
    .suga-feature-p .atbssuga-block__inner-group {
        padding-top: 50px;
        padding-bottom: 40px;
        padding-left: 360px;
        min-height: 500px;
    }
    .suga-feature-p .section-main {
        padding-right: 15px;
    }
    .suga-feature-p .section-sub {
        padding-right: 15px;
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__thumb {
        width: calc(300px + 15px);
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__text-column:last-child {
        display: none;
    }
    .suga-feature-p .section-sub .post--overlay {
        width: 100%;
    }
    .suga-feature-p .section-sub .owl-carousel-under-post {
        padding-right: 0;
    }
    .suga-feature-p .section-sub .owl-carousel .owl-dots {
        display: block;
        padding-bottom: 0;
    }
    .suga-feature-p .section-sub .owl-carousel .owl-nav {
        display: none;
    }


    .suga-feature-p .atbssuga-owl-carousel-under-post.atbssuga-block__inner-group .section-main {
        padding-left: 345px;
        min-height: 300px;
    }
    .suga-feature-p .atbssuga-owl-carousel-under-post .section-sub {
        padding-right: 15px;
    }
    .suga-feature-p .atbssuga-owl-carousel-under-post .section-sub .owl-carousel-under-post {
        padding-right: 0;
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
}
@media (max-width: 680px) {
    .suga-feature-p .atbssuga-block__inner-group {
        padding-left: 310px;
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__thumb {
        width: 280px;
    }
    .suga-feature-p .atbssuga-owl-carousel-under-post.atbssuga-block__inner-group .section-main {
        padding-left: 300px;
        min-height: 300px;
    }
}
@media (max-width: 576px) {
    .suga-feature-p .atbssuga-block__inner-group {
        padding-left: 0;
    }
    .suga-feature-p .section-sub {
        margin-top: 40px;
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__thumb {
        width: 100%;
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__text {
        padding: 0;
    }
    .suga-feature-p .atbssuga-owl-carousel-under-post.atbssuga-block__inner-group .section-main {
        padding-left: 0;
        min-height: 300px;
    }
    .suga-feature-p .post--horizontal-thumb-follow-parent .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
    .suga-feature-p .section-sub .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
/* suga-feature-p ----------------------- */

/* -----------------------suga-feature-q */
.suga-feature-q .atbssuga-block__inner-group {
    min-height: 100vh;
}
.suga-feature-q .section-main,
.suga-feature-q .section-sub {
    width: calc((100% - 400px) / 2);
}
.suga-feature-q .section-aside {
    width: 400px;
    order: -1;
    background-color: var(--color-primary);
}
.suga-feature-q .section-aside .list-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.suga-feature-q .section-main .post-main .post--overlay,
.suga-feature-q .section-sub .post-main .post--overlay {
    height: 100%;
    width: 100%;
}
.suga-feature-q .section-main .post-main .post--overlay .post__text,
.suga-feature-q .section-sub .post-main .post--overlay .post__text {
    min-height: 700px;
}
.suga-feature-q .section-main .post-main .post--overlay .post__text-inner,
.suga-feature-q .section-sub .post-main .post--overlay .post__text-inner {
    padding: 50px;
}
.suga-feature-q .section-main .post-sub {
    order: -1;
}
.suga-feature-q .post--horizontal-medium-text-background {
    min-height: 250px;
    background-color: var(--color-primary);
}
.post--vertical-normal-thumb-circle .post__thumb {
    margin-left: auto;
    margin-right: auto;
}
.post--vertical-normal-thumb-circle .post__cat {
    margin-right: 0;
}
@media (min-width: 1546px) {
    .suga-feature-q .post-main .post--overlay .post__title {
        font-size: 2.285rem;
        line-height: 1.2;
    }
}
@media (min-width: 1921px) {
    .suga-feature-q .atbssuga-block__inner-group {
        width: 1920px;
        margin: 0 auto;
    }
}
@media (min-width: 1920px) and (min-height: 980px) {
    .suga-feature-q .atbssuga-block__inner-group {
        min-height: 980px;
    }
}
@media (max-width: 1545px) {
    .suga-feature-q .atbssuga-block__inner-group {
        min-height: 100vh;
    }
    .suga-feature-q .section-main,
    .suga-feature-q .section-sub {
        width: calc((100% - 350px) / 2);
    }
    .suga-feature-q .section-aside {
        width: 350px;
    }
    .suga-feature-q .section-aside .posts-list.flexbox-wrap.flex-space-100 {
        margin: -50px -30px;
    }
    .suga-feature-q .section-aside .posts-list.flexbox-wrap.flex-space-100 > * {
        padding: 50px 30px;
    }
    .suga-feature-q .section-main .post-main .post--overlay .post__text,
    .suga-feature-q .section-sub .post-main .post--overlay .post__text {
        min-height: 630px;
    }
    .suga-feature-q .section-main .post-main .post--overlay .post__text-inner,
    .suga-feature-q .section-sub .post-main .post--overlay .post__text-inner {
        padding: 40px;
    }
    .suga-feature-q .post--horizontal-medium-text-background .post__text {
        padding: 40px;
    }
}
@media (max-width: 1440px) {
    .suga-feature-q .section-main,
    .suga-feature-q .section-sub {
        width: calc((100% - 320px) / 2);
    }
    .suga-feature-q .section-aside {
        width: 320px;
    }
    .post--vertical-normal-thumb-circle .post__thumb {
        width: 150px;
        height: 150px;
    }
}
@media (max-width: 1366px) {
    .suga-feature-q .section-main,
    .suga-feature-q .section-sub {
        width: calc((100% - 300px) / 2);
    }
    .suga-feature-q .section-aside {
        width: 300px;
    }
    .suga-feature-q .section-main .post-main .post--overlay .post__text-inner,
    .suga-feature-q .section-sub .post-main .post--overlay .post__text-inner {
        padding: 30px;
    }
    .suga-feature-q .post--horizontal-medium-text-background .post__text {
        padding: 30px;
    }
    .suga-feature-q .section-main .post-main .post--overlay .post__text,
    .suga-feature-q .section-sub .post-main .post--overlay .post__text {
        min-height: 590px;
    }
}
@media (max-width: 1199px) {
    .suga-feature-q .section-main,
    .suga-feature-q .section-sub {
        width: 50%;
    }
    .suga-feature-q .section-aside {
        width: 100%;
        order: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .suga-feature-q .section-aside .posts-list.flexbox-wrap.flexbox-wrap-1i > * {
        width: 50%;
    }
    .suga-feature-q .section-aside .posts-list .list-item:not(:last-child) {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

}
@media (max-width: 1199px) and (min-width: 577px) {
    .suga-feature-q .section-aside .posts-list.flexbox-wrap.flex-space-100 {
        margin: 0 -30px;
     }
    .suga-feature-q .section-aside .posts-list.flexbox-wrap.flex-space-100 > * {
        padding: 0 30px;
    }
    .suga-feature-q .section-aside .list-item:not(:last-child) {
        border-bottom: none;
    }

}
@media (max-width: 1199px) and (min-width: 992px) {


    .suga-feature-q .post--horizontal-medium-text-background .post__title {
        font-size: 1.563rem;
        line-height: 1.3;
    }
    .post--vertical-normal-thumb-circle {
        padding: 50px 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .post--vertical-normal-thumb-circle .post__thumb {
        margin-right: 30px;
        margin-bottom: 0;
    }
    .post--vertical-normal-thumb-circle .post__text {
        flex: 1;
        text-align: left;
    }
}
@media (max-width: 991px) {
    .suga-feature-q .section-main,
    .suga-feature-q .section-sub {
        /*width: 100%;*/
    }

    .suga-feature-q .post--horizontal-medium-text-background {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
    .suga-feature-q .post--horizontal-medium-text-background .post__thumb {
        width: 100%;
        position: relative;
        height: 250px;
    }
    .suga-feature-q .post--horizontal-medium-text-background .post__text {
        flex: none;
        width: 100%;
        order: 0;
    }
    .post--vertical-normal-thumb-circle {
        padding: 50px 0;
    }
}
@media (max-width: 768px) {
    .suga-feature-q .section-main .post-main .post--overlay .post__text,
    .suga-feature-q .section-sub .post-main .post--overlay .post__text {
        min-height: 450px;
    }
    .suga-feature-q .post--horizontal-medium-text-background .post__thumb {
        height: 200px;
    }
}
@media (max-width: 767px) {
    .suga-feature-q .post--horizontal-medium-text-background .post__text,
    .suga-feature-q .section-main .post-main .post--overlay .post__text-inner,
    .suga-feature-q .section-sub .post-main .post--overlay .post__text-inner {
        padding: 20px;
    }

    .suga-feature-q .section-aside .posts-list.flexbox-wrap.flex-space-100 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .suga-feature-q .section-aside .posts-list.flexbox-wrap.flex-space-100 > * {
        padding-left: 20px;
        padding-right: 20px;
    }
    .suga-feature-q .section-main .post-main .post--overlay .post__title,
    .suga-feature-q .section-sub .post-main .post--overlay .post__title {
        margin-bottom: 0;
    }

    .suga-feature-q .section-main .post-main .post--overlay .post__excerpt,
    .suga-feature-q .section-sub .post-main .post--overlay .post__excerpt {
        display: none;
    }
    .suga-feature-q .post--vertical-normal-thumb-circle .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .suga-feature-q .section-main,
    .suga-feature-q .section-sub {
        width: 100%;
    }
    .suga-feature-q .section-sub,
    .suga-feature-q .section-aside {
        margin-top: 30px;
    }
    .suga-feature-q .section-sub > *:not(:last-child),
    .suga-feature-q .section-main > *:not(:last-child) {
        margin-bottom: 30px;
    }
    .suga-feature-q .section-main .post-sub {
        order: 0;
    }
    .suga-feature-q .section-aside .posts-list.flexbox-wrap.flex-space-100 {
        margin: 0;
    }
    .suga-feature-q .section-aside .posts-list.flexbox-wrap.flex-space-100 > * {
        padding: 0;
    }
    .suga-feature-q .section-aside .posts-list.flexbox-wrap.flexbox-wrap-1i > * {
        width: 100%;
    }
    .suga-feature-q .section-main .post-main .post--overlay .post__text,
    .suga-feature-q .section-sub .post-main .post--overlay .post__text {
        min-height: 350px;
    }
    .suga-feature-q .post--horizontal-medium-text-background .post__thumb {
        height: 260px;
        margin-bottom: 20px;
    }
    .suga-feature-q .post--horizontal-medium-text-background .post__text {
        padding: 0 20px 25px 20px;
    }
    .post--vertical-normal-thumb-circle {
        padding: 40px 15px;
    }
}
/* suga-feature-q ----------------------- */
/* -----------------------suga-feature-r */

.suga-feature-r .section-main .post--horizontal-medium-text-background {
    background-color: transparent;
    min-height: 750px;
}
.suga-feature-r .section-main .post--horizontal-medium-text-background .post__text {
    padding-left: 100px;
    padding-right: 250px;
    padding-bottom: 150px;
    margin-top: -150px;
}
.suga-feature-r .section-main .post--horizontal-medium-text-background .post__readmore {
    margin-top: 40px;
}
.suga-feature-r .section-sub .post--horizontal-medium-text-background {
    background-color: var(--color-primary);
    height: 100%;
}
.suga-feature-r .section-sub {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.suga-feature-r .section-sub .section-sub-left {
    margin-top: -150px;
}
.suga-feature-r .section-sub .section-sub-right .posts-list {
    height: 100%;
}
.suga-feature-r .section-sub .section-sub-right .posts-list .list-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px;
}
.suga-feature-r .section-sub .section-sub-right .posts-list .list-item:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.suga-feature-r .section-sub .section-sub-right .posts-list .list-item,
.post--horizontal-thumb-radius-has-background .post__cat,
.post--horizontal-thumb-radius-has-background .post__title {
    transition: 0.3s;
}
.list-item:hover .post--horizontal-thumb-radius-has-background a.post__cat,
.post--horizontal-thumb-radius-has-background:hover a.post__cat {
    color:#fff !important;
}
.post--horizontal-thumb-radius-has-background .post__thumb {
    width: 150px;
    height: 150px;
}
.suga-feature-r .section-sub .section-sub-right .list-item:hover {
    background-color: #FC3C2D;
}
.suga-feature-r .section-sub .section-sub-right .list-item:hover .post--horizontal-thumb-radius-has-background .post__cat,
.suga-feature-r .section-sub .section-sub-right .list-item:hover .post--horizontal-thumb-radius-has-background .post__title {
    color: #fff;
}
.post__readmore.readmore-left .readmore__text {
    justify-content: flex-start;
}
.post__readmore.post__readmore-btn {
    width: fit-content;
}
.post__readmore.post__readmore-btn a {
    display: block;
    background-color: #FC3C2D;
    border-radius: 50px;
}
.post__readmore.post__readmore-btn a .readmore__text {
    width: auto;
    padding: 15px 25px;
    color: #fff;

}
@media (min-width: 1920px) {
    .suga-feature-r .atbssuga-block__inner-group {
        width: 1920px;
        margin: 0 auto;
    }
}
@media (max-width: 1680px) {
    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__text {
        padding-right: 200px;
    }
    .post--horizontal-thumb-radius-has-background .post__thumb {
        width: 120px;
        height: 120px;

    }
}
@media (max-width: 1545px) {
    .suga-feature-r .section-sub .section-sub-left {
        margin-top: -100px;
    }
    .suga-feature-r .section-sub .section-sub-right .posts-list .list-item {
        padding: 50px 30px;
    }
    .suga-feature-r .section-main .post--horizontal-medium-text-background {
        min-height: 680px;
    }
    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__text {
        margin-top: -100px;
    }
}
@media (max-width: 1545px) and (min-width: 1200px) {
    .post--horizontal-thumb-radius-has-background {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .post--horizontal-thumb-radius-has-background .post__thumb {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .post--horizontal-thumb-radius-has-background .post__text {
        width: 100%;
        flex: none;
        text-align: center;
    }
    .post--horizontal-thumb-radius-has-background .post__cat {
        margin-right: 0;
    }
}
@media (max-width: 1440px) {
    .suga-feature-r .section-sub .section-sub-left {
        margin-top: -80px;
    }
    .suga-feature-r .section-main .post--horizontal-medium-text-background {
        min-height: 580px;
    }
    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__text {
        padding-bottom: 30px;
        padding-left: 100px;
        padding-right: 100px;
        margin-top: -80px;
    }
    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__readmore {
        display: none;
    }
}
@media (max-width: 1366px) {
    .suga-feature-r .section-sub .section-sub-left {
        margin-top: 0;
    }
    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__text {
        padding-left: 80px;
        padding-right: 80px;
        margin-top: 0;
    }
    .suga-feature-r .section-sub .post--horizontal-medium-text-background .post__excerpt {
        display: none !important;
    }
}
@media (max-width: 1199px) {
    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__text {
        padding-left: 50px;
        padding-right: 50px;
    }
    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__excerpt {
        display: block;
        display: -webkit-box !important;
    }
    .suga-feature-r .section-main .post--horizontal-medium-text-background {
        min-height: 500px;
    }
    .suga-feature-r .section-sub .section-sub-left {
        width: 60%;
    }
    .suga-feature-r .section-sub .section-sub-right {
        width: 40%;
    }

}
@media (max-width: 1199px) and (min-width: 992px) {
    .suga-feature-r .section-sub .section-sub-right .posts-list.flexbox-wrap.flexbox-wrap-2i > * {
        width: 100%;
    }
    .suga-feature-r .section-sub .section-sub-right .posts-list .list-item {
        padding: 25px;
    }
    .suga-feature-r .section-sub .section-sub-right .posts-list .list-item:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__title {
        font-size: 32px;
        line-height: 1.4;
        margin-bottom: 15px;
    }
    .post--horizontal-thumb-radius-has-background .post__title.typescale-2 {
        font-size: 1.4285rem; /*font system*/
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    .suga-feature-r .section-sub .section-sub-left,
    .suga-feature-r .section-sub .section-sub-right {
        width: 100%;
    }
}
@media (max-width: 991px) and (min-width: 769px) {
    .post--horizontal-thumb-radius-has-background .post__thumb {
        width: 120px;
        height: 120px;
    }

    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__title {
        font-size: 28px;
        line-height: 1.4;
    }
}
@media (max-width: 768px) {
    .suga-feature-r .section-main .post--horizontal-medium-text-background {
        min-height: 400px;
    }
    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__text {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 768px) and (min-width: 577px) {
    .post--horizontal-thumb-radius-has-background {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .post--horizontal-thumb-radius-has-background .post__thumb {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .post--horizontal-thumb-radius-has-background .post__text {
        width: 100%;
        flex: none;
        text-align: center;
    }
    .post--horizontal-thumb-radius-has-background .post__cat {
        margin-right: 0;
    }

    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__title {
        font-size: 26px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .post--horizontal-thumb-radius-has-background {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .post--horizontal-thumb-radius-has-background .post__thumb {
        margin-right: 20px;
        margin-bottom: 0;
        width: 100px;
        height: 100px;
    }
    .post--horizontal-thumb-radius-has-background .post__text {
        flex: 1;
    }
    .suga-feature-r .section-sub .post--horizontal-medium-text-background .post__text,
    .suga-feature-r .section-main .post--horizontal-medium-text-background .post__text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .suga-feature-r .section-sub .section-sub-right .posts-list.flexbox-wrap.flexbox-wrap-2i > * {
        width: 100%;
    }
    .suga-feature-r .section-sub .section-sub-right .posts-list .list-item {
        padding: 30px 20px;
    }
    .suga-feature-r .section-sub .section-sub-right .posts-list .list-item:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}
@media (max-width: 480px) {
    .post--horizontal-thumb-radius-has-background {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    .post--horizontal-thumb-radius-has-background .post__thumb {
        margin-right: 0;
        margin-bottom: 20px;
        width: 150px;
        height: 150px;
    }
    .post--horizontal-thumb-radius-has-background .post__text {
        flex: none;
        width: 100%;
        text-align: center;
    }
}
/* suga-feature-r ----------------------- */
/* -----------------------suga-feature-s */
.suga-feature-s .atbssuga-block__inner-group {
    /*min-height: 980px;*/
    padding-left: 100px;
}
.suga-feature-s .atbssuga-block__inner {
    position: relative;
}
.suga-feature-s .atbssuga-block__inner::before,
.suga-feature-s .atbssuga-block__inner::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}
.suga-feature-s .atbssuga-block__inner-group::before {
    top: 0;
}
.suga-feature-s .atbssuga-block__inner-group::after {
    bottom: 0;
}
.suga-feature-s .section-main {
    width: 75%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.suga-feature-s .section-sub {
    width: 25%;
}
.suga-feature-s .section-main .post-main {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.suga-feature-s .section-main .post-main-left {
    width: calc(100% - 33.3333333333%);
}
.suga-feature-s .section-main .post-main-right {
    width: 33.3333333333%;
    flex: 1;
}
.suga-feature-s .section-main .post-main-right .post--overlay {
    height: 100%;
}
.suga-feature-s .section-main .post-sub .posts-list {
    height: 100%;
}
.suga-feature-s .section-main .post-sub .flexbox-wrap.flex-space-100 {
    margin: 0;
}

.suga-feature-s .section-main .post-sub .posts-list .list-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.suga-feature-s .section-main .post-sub .posts-list .list-item::before {
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}
.suga-feature-s .section-main .post-sub .posts-list .list-item > * {
    width: 100%;
}
.suga-feature-s .section-main .post--vertical .post__text {
    padding-right: 120px;
    padding-left: 50px;
    padding-bottom: 50px;
}
.suga-feature-s .section-main .post--vertical.post-not-exist-thumb .post__text {
    padding-top: 50px;
}
.suga-feature-s .section-sub .block-heading {
    padding: 42px 30px;
    background-color: #222222;
    margin-bottom: 0;
}
.suga-feature-s .section-sub .block-heading .block-heading__title {
    color: #fff;
}
.suga-feature-s .section-sub .posts-list {
    height: 100%;
    width: 100%;
}
.suga-feature-s .section-sub .posts-list .list-item {
    height: 50%;
}
.suga-feature-s .section-sub .posts-list .list-item .post--overlay {
    height: 100%;
}
@media (min-width: 1921px) {
    .suga-feature-s .atbssuga-block__inner-group {
        max-width: 1920px;
        margin: 0 auto;
    }
}
@media (max-width: 1680px) {
    .suga-feature-s .section-sub .posts-list .post--overlay .post__text {
        min-height: calc(890px / 2);
    }
}
@media (max-width: 1545px) {
    .suga-feature-s .atbssuga-block__inner-group {
        padding-left: 0;
    }
    .suga-feature-s .section-main .post--vertical .post__text {
        padding-left: 30px;
        padding-right: 50px;
    }
    .suga-feature-s .section-main .posts-list.flexbox-wrap.flex-space-100 > * {
        padding: 30px;
    }
}
@media (max-width: 1366px) and (min-width: 1200px) {
    .suga-feature-s .post-no-thumb-small-featured .post__title {
        font-size: 1.7142rem; /*font system*/
        line-height: 1.375;
    }
}
@media (max-width: 1199px) {
    .suga-feature-s .section-main,
    .suga-feature-s .section-sub {
        width: 100%;
    }
    .suga-feature-s .section-main .post--vertical .post__text {
        padding-left: 30px;
        padding-right: 50px;
    }
    .suga-feature-s .section-sub .posts-list {
        display: flex;
        flex-wrap: wrap;
    }
    .suga-feature-s .section-sub .posts-list .list-item {
        height: auto;
        width: 50%;
    }
}
@media (max-width: 991px) {
    .suga-feature-s .section-main .post-main-left {
        width: 55%;
    }
    .suga-feature-s .section-sub .block-heading {
        padding: 30px;
    }

}
@media (max-width: 768px) {
    .suga-feature-s .section-main .post--vertical .post__thumb {
        height: 290px;
    }
    .suga-feature-s .section-main .post--vertical .post__text  {
        padding-left: 30px;
        padding-right: 30px;
    }
    .suga-feature-s .section-main .posts-list.flexbox-wrap.flexbox-wrap-3i > * {
        width: 100%;
    }
    .suga-feature-s .section-main .posts-list.flexbox-wrap.flex-space-80 {
        margin: -20px 0;
    }
    .suga-feature-s .section-main .posts-list.flexbox-wrap.flex-space-80 > * {
        padding: 20px 0;
    }
    .suga-feature-s .section-main .posts-list .list-item:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .suga-feature-s .section-sub .posts-list .post--overlay .post__text {
        min-height: 350px;
    }
    .suga-feature-s .post-no-thumb-small-featured .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .suga-feature-s .section-main .post-main-left {
        width: 100%;
    }
    .suga-feature-s .section-main .post-main-right {
        width: 100%;
        flex: none;
        margin-top: 40px;
    }
    .suga-feature-s .section-main .posts-list.flexbox-wrap.flex-space-100 > * {
        padding: 30px 20px;
    }
    .suga-feature-s .section-main .post--vertical .post__text {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0;
    }
    .suga-feature-s .section-main .post--vertical .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
    .suga-feature-s .section-sub .block-heading {
        padding: 30px 20px;
    }
    .suga-feature-s .section-sub .posts-list .list-item {
        width: 100%;
    }
    .suga-feature-s .section-sub .posts-list .list-item:not(:last-child) {
        margin-bottom: 40px;
    }
}
/* suga-feature-s ----------------------- */
/* ----------------------- suga-feature-t */
.suga-feature-t .atbssuga-block__inner-group {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.suga-feature-t .section-main {
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
}
.suga-feature-t .section-main .section-main-left,
.suga-feature-t .section-main .section-main-right {
    width: 25%;
}
.suga-feature-t .section-main .section-main-center {
    width: 50%;
}
.suga-feature-t .section-main-right .post-sub {
    order: -1;
}
.suga-feature-t .section-main > *:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}


.suga-feature-t .section-main .section-main-left .post--overlay,
.suga-feature-t .section-main .section-main-right .post--overlay {
    height: 100%;
    width: 100%;
}

.suga-feature-t .post-no-thumb-small-featured {
    padding: 50px;
    min-height: 260px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.suga-feature-t .section-sub .posts-list .list-item:not(:nth-child(4n)) {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
/*.suga-feature-t .section-sub .list-item:not(:nth-child(2)):not(:nth-last-child(0)) .post-no-thumb-small-featured*/
.suga-feature-t .section-sub {
    background-color: #222222;
}
.suga-feature-t .section-sub .post-no-thumb-small-featured .post__title,
.suga-feature-t .section-sub .post-no-thumb-small-featured .post__excerpt,
.suga-feature-t .section-sub .post-no-thumb-small-featured .post__cat {
    color: #fff;
}


.suga-feature-t .section-main-left .post-sub,
.suga-feature-t .section-main-right .post-sub,
.suga-feature-t .section-main-center .list-item,
.suga-feature-t .post-no-thumb-small-featured .post__title,
.suga-feature-t .post-no-thumb-small-featured .post__excerpt,
.suga-feature-t .post-no-thumb-small-featured .post__cat {
    transition: 0.3s;
}

.suga-feature-t .section-main-left .post-sub:hover,
.suga-feature-t .section-main-right .post-sub:hover,
.suga-feature-t .section-main-center .list-item:hover {
    background-color: #FC3C2D;
}
.suga-feature-t .section-main-left .post-sub:hover .post-no-thumb-small-featured .post__title,
.suga-feature-t .section-main-left .post-sub:hover .post-no-thumb-small-featured .post__excerpt,
.suga-feature-t .section-main-left .post-sub:hover .post-no-thumb-small-featured .post__cat,
.suga-feature-t .section-main-right .post-sub:hover .post-no-thumb-small-featured .post__title,
.suga-feature-t .section-main-right .post-sub:hover .post-no-thumb-small-featured .post__excerpt,
.suga-feature-t .section-main-right .post-sub:hover .post-no-thumb-small-featured .post__cat,
.suga-feature-t .section-main-center .list-item:hover .post-no-thumb-small-featured .post__title,
.suga-feature-t .section-main-center .list-item:hover .post-no-thumb-small-featured .post__excerpt,
.suga-feature-t .section-main-center .list-item:hover .post-no-thumb-small-featured .post__cat {
    color: #fff;
}
.suga-feature-t .section-main-left .post-sub:hover .post-no-thumb-small-featured .post__cat,
.suga-feature-t .section-main-right .post-sub:hover .post-no-thumb-small-featured .post__cat,
.suga-feature-t .section-main-center .list-item:hover .post-no-thumb-small-featured a.post__cat {
    color: #fff !important;
}
@media (min-width: 1921px) {
    .suga-feature-t .atbssuga-block__inner-group {
        margin: 0 auto;
        width: 1920px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }
}
@media (min-width: 577px) {
    .suga-feature-t .section-main-center .posts-list .list-item:nth-child(2n + 1) {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
    }
    .suga-feature-t .section-main-center .posts-list .list-item:nth-child(2n + 1):not(:first-child)::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% * 2 + 2px);
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
    }
    .suga-feature-t .section-main-center .posts-list .list-item:nth-child(1):last-child,
    .suga-feature-t .section-main-center .posts-list .list-item:nth-child(1):nth-last-child(2),
    .suga-feature-t .section-main-center .posts-list .list-item:nth-child(3):nth-last-child(2),
    .suga-feature-t .section-main-center .posts-list .list-item:nth-child(3):last-child {
        position: relative;
    }
    .suga-feature-t .section-main-center .posts-list .list-item:nth-child(1):last-child::after,
    .suga-feature-t .section-main-center .posts-list .list-item:nth-child(1):nth-last-child(2)::after,
    .suga-feature-t .section-main-center .posts-list .list-item:nth-child(3):nth-last-child(2)::after,
    .suga-feature-t .section-main-center .posts-list .list-item:nth-child(3):last-child::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: calc(100% * 2 + 2px);
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
    }
}
@media (max-width: 1366px) {
    .suga-feature-t .post-no-thumb-small-featured {
        padding: 30px;
    }
}
@media (max-width: 1199px) {
    .suga-feature-t .section-main .section-main-left .post--overlay .post__title,
    .suga-feature-t .section-main .section-main-right .post--overlay .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    .suga-feature-t .section-main .section-main-left {
        width: 50%;
        order: 1;
    }
    .suga-feature-t .section-main .section-main-center {
        width: 100%;
        order: 3;
    }
    .suga-feature-t .section-main .section-main-right {
        width: 50%;
        order: 2;
    }
    .suga-feature-t .section-main > *:not(:last-child) {
        border-right: none;
    }
    .suga-feature-t .section-sub .posts-list.flexbox-wrap.flexbox-wrap-4i > * {
        width: 50%;
    }
    .suga-feature-t .section-main .section-main-center {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
}
@media (max-width: 991px) and (min-width: 577px) {
    .suga-feature-t .section-sub .posts-list .list-item:nth-child(2n + 1) {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        position: relative;
    }
    .suga-feature-t .section-sub .posts-list .list-item:nth-child(2n + 1):not(:first-child)::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% * 2 + 2px);
        height: 1px;
        background-color: rgba(255, 255, 255, 0.1);
        z-index: 1;
    }
}
@media (max-width: 767px) {
    .suga-feature-t .post-no-thumb-small-featured .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .suga-feature-t .section-main .section-main-left,
    .suga-feature-t .section-main .section-main-right,
    .suga-feature-t .section-main-center .posts-list.flexbox-wrap.flexbox-wrap-2i > *,
    .suga-feature-t .section-sub .posts-list.flexbox-wrap.flexbox-wrap-4i > * {
        width: 100%;
    }
    .suga-feature-t .section-main-center .posts-list .list-item:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .suga-feature-t .section-sub .posts-list .list-item:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .suga-feature-t .section-main-right .post-sub {
        order: 0;
    }
    .suga-feature-t .post-no-thumb-small-featured {
        padding: 30px 20px;
        min-height: auto;
    }
}
/* .suga-feature-t ----------------------- */
/* ----------------------- suga-feature-u */
.suga-feature-u .section-main:not(:last-child) {
    margin-bottom: 60px;
}
.suga-feature-u .section-sub {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.post--vertical-large-feature .post__thumb {
    margin-bottom: 30px;
}
.post--vertical-large-feature .post__text-column:last-child:not(:first-child) {
    padding-left: 50px;
}
.suga-feature-u .section-sub > * {
    padding-top: 50px;
}
.suga-feature-u .section-sub .post-main {
    width: calc(100% - 370px);
    padding-left: 50px;
}
.suga-feature-u .section-sub .post-main:last-child {
    padding-left: 0;
}

.suga-feature-u .section-sub .post-sub {
    flex: 1;
    order: -1;
    padding-right: 50px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.suga-feature-u .post--horizontal-xxs .post__thumb {
    width: 70px;
    height: 70px;
}
.post--vertical-large-feature .post__readmore .readmore__text {
    padding-bottom: 0;
}


@media (min-width: 481px) {
    .suga-feature-u .post--horizontal .post__thumb {
        width: 90px;
        height: 90px;
    }
    .suga-feature-u .post--horizontal .post__title {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media (min-width: 1367px) {
    .suga-feature-u .container {
        width: 1366px;
    }
}
@media (max-width: 1366px) {
    .suga-feature-u .section-sub .post-main {
        width: calc(100% - 350px);
        padding-left: 50px;
    }
    .suga-feature-u .section-sub .posts-list.flexbox-wrap.flex-space-50 {
        margin: -15px;
    }
    .suga-feature-u .section-sub .posts-list.flexbox-wrap.flex-space-50 > * {
        padding: 15px;
    }

    .suga-feature-u .post--vertical-normal-thumb-shadow .post__thumb {
        height: 260px;
    }
}
@media (max-width: 1199px) {
    .suga-feature-u .section-sub .post-main {
        width: calc(100% - 315px);
    }
    .suga-feature-u .section-sub .post-sub {
        padding-right: 30px;
    }
    .suga-feature-u .section-sub .posts-list.flexbox-wrap.flexbox-wrap-3i > * {
        width: 50%;
    }
    .suga-feature-u .post--vertical-normal-thumb-shadow .post__thumb {
        height: 170px;
    }

    .post--vertical-large-feature .post__thumb {
        height: 400px;
    }
    .post--vertical-large-feature .post__title.typescale-4 {
        font-size: 2rem; /*font system*/
        line-height: 1.4;
    }
    .post--vertical-large-feature .post__readmore {
        display: none;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .suga-feature-u .post--vertical-normal-thumb-shadow .post__title {
        font-size: 18px;
        line-height: 1.5;
    }
}
@media (max-width: 991px) {
    .suga-feature-u .section-main:not(:last-child) {
        margin-bottom: 0;
    }
    .suga-feature-u .section-sub {
        border: none;
    }
    .suga-feature-u .section-sub > * {
        padding-top: 0;
        margin-top: 40px;
    }
    .suga-feature-u .section-sub .post-main {
        width: 100%;
        padding-left: 0;
    }
    .suga-feature-u .section-sub .post-sub {
        flex: none;
        width: 100%;
        order: 0;
        border: none;
        padding: 0;
    }
    .suga-feature-u .section-sub .post-sub .posts-list.flexbox-wrap.flex-space-20 {
        margin: -15px;
    }
    .suga-feature-u .section-sub .post-sub .posts-list.flexbox-wrap.flex-space-20 > * {
        padding: 15px;
    }
    .suga-feature-u .section-sub .post-sub .posts-list.flexbox-wrap.flexbox-wrap-1i > * {
        width: 50%;
    }
    .post--vertical-large-feature .post__thumb {
        height: 350px;
    }
}
@media (max-width: 768px) {
    .post--vertical-large-feature .post__thumb {
        margin-bottom: 15px;
        height: 300px;
    }
    .post--vertical-large-feature .post__text-column {
        width: 100%;
    }
    .post--vertical-large-feature .post__text-column:last-child:not(:first-child) {
        padding-left: 0;
        margin-top: 10px;
    }

    .post--vertical-large-feature .post__title.typescale-4 {
        font-size: 26px;
        line-height: 1.4;
    }
}
@media (max-width: 576px) {
    .post--vertical-large-feature .post__thumb {
        height: 260px;
    }
    .post--vertical-large-feature .post__title.typescale-4 {
        font-size: 22px; /*font system*/
        line-height: 1.4;
    }
    .suga-feature-u .section-sub .posts-list.flexbox-wrap.flexbox-wrap-3i > *,
    .suga-feature-u .section-sub .post-sub .posts-list.flexbox-wrap.flexbox-wrap-1i > * {
        width: 100%;
    }
    .suga-feature-u .section-sub .post-sub .posts-list.flexbox-wrap.flex-space-20 {
        margin: -10px;
    }
    .suga-feature-u .section-sub .post-sub .posts-list.flexbox-wrap.flex-space-20 > * {
        padding: 10px;
    }
}
/* .suga-feature-u ----------------------- */
/* ----------------------- posts-listing-grid-h */
.posts-listing-grid-h .posts-list {
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.posts-listing-grid-h .posts-list .list-item:not(:nth-child(3n)) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.posts-listing-grid-h .posts-list .list-item:nth-child(3n+1):not(:first-child) {
    position: relative;
}
.posts-listing-grid-h .background-img::after {
    background-color: var(--color-primary);
}
.post--overlay-style-card {
    height: 100%;
}
.post--overlay-style-card .post__text-inner {
    height: 100%;
    padding: 40px;
}
.post--overlay-style-card.post--overlay-padding-lg .post__text-inner {
    padding: 40px;
}

.post--overlay-style-card .post__thumb,
.post--overlay-style-card.post--overlay-floorfade .post__text-wrap::before {
    opacity: 0;
}
.post--overlay-style-card .post__text {
    height: 100%;
}
.post--overlay-style-card .post__text-group {
    margin-bottom: 50px;
}
.post--overlay-style-card .post__title {
    margin-bottom: 20px;
}
.post--overlay-style-card .post__cat {
    margin-bottom: 0;
    align-self: flex-end;
    color: rgba(0, 0, 0, 0.6);
    color: var(--color-excerpt);
}
.post--overlay-style-card .post__meta {
    margin-bottom: 0;
}
.post--overlay-style-card .post__meta time {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    color: rgba(0, 0, 0, 0.8);
    color: var(--color-title);
}
.post--overlay-style-card .date-stamp span {
    font-size: 12px;
    display: block;
    text-indent: 4px;
    font-weight: 500;
}
.post--overlay-style-card .post__meta {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 4px solid rgba(0, 0, 0, 0.1);
}
.post--overlay-style-card .post__readmore {
    margin-top: 30px;
}
.post--overlay-style-card .post__readmore a.button__readmore {
    font-size: 14px;
}
.post--overlay-style-card .post__readmore .readmore__text {
    padding-top: 0;
    padding-bottom: 0;
}

.post--overlay-style-card .post__thumb,
.post--overlay-style-card.post--overlay-floorfade .post__text-wrap::before,
.post--overlay-style-card:hover .post__cat,
.post--overlay-style-card:hover .post__title,
.post--overlay-style-card:hover .post__excerpt,
.post--overlay-style-card:hover .post__meta time,
.post--overlay-style-card:hover .post__readmore span {
    transition: 0.3s;
}
.post--overlay-style-card:hover .post__thumb,
.post--overlay-style-card.post--overlay-floorfade:hover .post__text-wrap::before {
    opacity: 1;
}
.post--overlay-style-card:hover .post__cat,
.post--overlay-style-card:hover .post__title,
.post--overlay-style-card:hover .post__excerpt,
.post--overlay-style-card:hover .post__meta time,
.post--overlay-style-card:hover .post__readmore span {
    color: #fff !important;
}

.post--overlay-style-card:hover .post__meta {
    border-right: 4px solid rgba(255, 255, 255, 0.8);
}
@media (min-width: 992px) {
    .posts-listing-grid-h .posts-list .list-item:nth-child(3n+1):not(:first-child)::before {
        content: '';
        position: absolute;
        left: 0;
        width: calc(100%  * 3 + 4px);
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
    }
}
@media (max-width: 1199px) {
    .post--overlay-style-card.post--overlay-padding-lg .post__text-inner {
        padding: 30px;
    }
    .post--overlay-style-card .post__text-group {
        margin-bottom: 35px;
    }
    .post--overlay-style-card.post--overlay-md .post__text {
        min-height: 25rem;
    }
    .post--overlay-style-card .post__readmore {
        margin-top: 50px;
    }

    .post--overlay-style-card .post__title {
        font-size: 22px;
        line-height: 1.4;
    }
}
@media (max-width: 991px) {
    .posts-listing-grid-h .posts-list.flexbox-wrap-3i > * {
        width: 50%;
    }
    .posts-listing-grid-h .posts-list .list-item:not(:nth-child(3n)) {
        border-right: none;
    }
    .posts-listing-grid-h .posts-list .list-item:not(:nth-child(2n)) {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
}
@media (max-width: 991px) and (min-width: 769px) {
    .posts-listing-grid-h .posts-list .list-item:nth-child(2n+1):not(:first-child) {
        position: relative;
    }
    .posts-listing-grid-h .posts-list .list-item:nth-child(2n+1):not(:first-child)::before {
        content: '';
        position: absolute;
        left: 0;
        width: calc(100%  * 2 + 3px);
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
    }
}
@media (max-width: 768px) {
    .posts-listing-grid-h .posts-list.flexbox-wrap-3i > * {
        width: 100%;
    }
    .posts-listing-grid-h .posts-list .list-item:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-right: none;
    }
    .post--overlay-style-card .post__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
/* .posts-listing-grid-h ----------------------- */

/** WPForms **/
div.wpforms-container-full .wpforms-form button[type=submit] {
    border: 0;
    background: var(--color-logo);
    color: #fff;
    padding: 0 20px;
    min-height: 45px;
    border-radius: 3px;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    border: 0;
    color: #fff;
    opacity: 0.8;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
    margin-bottom: 25px;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
    display: block;
    color: #990000;
    font-size: 13px;
    float: none;
    cursor: default;
    font-weight: 400;
    margin: 10px 0 0 0;
}
/*Block Categories: common*/
.editor-styles-wrapper ul, .editor-styles-wrapper ol {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.editor-styles-wrapper ul li, .editor-styles-wrapper ol li {
    /*margin-top: 1rem;*/
    /*margin-bottom: 1rem;*/
}

/** Archive Blocks **/
.wp-block-categories li > a,
.wp-block-archives li > a,
.wp-block-calendar table a,
.wp-block-calendar nav a,
.wp-block-tag-cloud a {
    color: rgba(0, 0, 0, 0.8) ;
}
.wp-calendar-nav {
    margin-top: 15px;
}
.wp-block-calendar table caption {
    margin: 10px 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}
.wp-block-calendar tfoot td {
    padding: 0.8em;
}
/*Block category: Widgets*/
/*.block-editor [class *='wp-block-'] a:hover,*/
/*.wp-block-latest-comments a, .wp-block-latest-posts a {*/
/*    color: rgba(0, 0, 0, 0.8);*/
/*}*/
.wp-block-rss__item-title  a {
    color: var(--color-logo);
}

.block-editor-block-list__layout .wp-block-button .block-editor-rich-text__editable,
.block-editor-block-list__layout .wp-block-button .block-editor-rich-text__editable:hover {
    color: #fff;
}
[class *= 'wp-block-'] select, [class *= 'wp-block-'] select:disabled {
    width: 100%;
    max-width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.8);
    outline: none;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
/** Search **/
.wp-block-search__input {
    width: 100%;
    padding: 15px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: rgba(0, 0, 0, 0.8);
    outline: none;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.wp-block-search .wp-block-search__button {
    background: #333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 15px;
    height: 53px;
    line-height: 53px;
    color: #fff;
    border: 0;
    font-size: 17px;
}
.wp-block-search .wp-block-search__label {
    font-size: 17px;
    margin-bottom: 5px;
}
/**/
.editor-styles-wrapper p {
    line-height: 1.6 !important;
}
.editor-styles-wrapper .wp-block-cover p {
    font-size: 2em !important;
    line-height: 1.25 !important;
}
.wp-block-code,  .editor-styles-wrapper pre {
    padding: 1.6em;
    margin: 0 0 1.6em;
    font-size: 0.9em;
    background-color: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 1.6;
    font-family: monospace;
}
.wp-block-code textarea {
    background-color: transparent;
}
.wp-block-freeform.block-library-rich-text__tinymce h6 {
    margin-top: 1.5em;
}

[class *= 'wp-block-'] blockquote .wp-block-pullquote__citation {
    font-style: italic;
}
.wp-block-table td, .wp-block-table th {
    padding: 0.8em;
}

.block-editor .wp-block-tag-cloud a:hover {
    color: rgba(0, 0, 0, 0.85);
}

.footer-7, .footer-8 {
    background: linear-gradient(180deg, #004e66 0, transparent 100%);
}
.widget_text ol, 
.widget_text ul {
    padding-left: 20px;
}

/* =============================================================================
## DARK MODE
============================================================================= */

/**/
.suga-dark-mode {
    --color-text: rgba(255, 255, 255, .8);
    --background-dark-mode: #222222;
    --background-dark-mode-aside: #2a2a2a;
    --background-dark-mode-aside_07: rgba(53,53,53,0.7);
    --background-dark-mode-aside_0: rgba(53,53,53,0);
    --color-border: rgba(255, 255, 255, 0.1);
    --color-links-hover: #fff;

    background-color: var(--background-dark-mode);
    color: var(--color-text);
}

.suga-dark-mode hr {
    border-color: rgba(255, 255, 255, 0.05);
}

.suga-dark-mode code {
    background-color: var(--background-dark-mode-aside);
    color: rgba(255, 255, 255, 0.8);
}

.suga-dark-mode pre {
    background-color: var(--color-border);
    color: rgba(255, 255, 255, 0.8);
}

.suga-dark-mode pre code {
    background-color: transparent;
}

.suga-dark-mode kbd {
    background-color: rgba(255, 255, 255, 0.8);
    color: rgba(0, 0, 0, 0.8);
}

.suga-dark-mode .typography-copy mark,
.suga-dark-mode .comment-content mark {
    color: #fff;
    background: #6c6513;
}

.suga-dark-mode thead th {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.suga-dark-mode tr {
    border-bottom-color: var(--color-border);
}

.suga-dark-mode figure figcaption {
    color: rgba(255, 255, 255, 0.6);
}

.suga-dark-mode .has-cover-bg-img,
.suga-dark-mode .background-img {
    background-color: #888;
}

.suga-dark-mode .site-content {
    z-index: 1;
    position: relative;
}
.suga-dark-mode .atbssuga-offcanvas {
    background-color: var(--background-dark-mode);
}
.suga-dark-mode .mobile-header,
.suga-dark-mode .set-background-module {
    background-color: var(--background-dark-mode-aside);
}
.suga-dark-mode .atbssuga-offcanvas__section .lwa-avatar .bk-canvas-logout,
.suga-dark-mode .atbssuga-offcanvas__section:not(:first-child) {
    border-color: rgba(255, 255, 255, 0.1);
}
.suga-dark-mode .mobile-header-btn i {
    color: rgba(255, 255, 255, 0.7);
}
.suga-dark-mode [class*="list-seperated"]>*:not(:last-child) {
    border-bottom: 1px solid var(--color-border);
}
.suga-dark-mode .list-seperated-exclude-first>*:first-child {
    border: none;
}

.suga-dark-mode .block-heading__subtitle {
    color: rgba(255, 255, 255, 0.4);
}
.suga-dark-mode article[data-dark-mode="true"] .post__text:not(.text-color-black) a.post__cat {
    color: rgba(255, 255, 255, 0.8) !important;
}

.suga-dark-mode article[data-dark-mode="true"] .post__text:not(.text-color-black) a.post__cat--bg {
    color: #fff !important;
}

.suga-dark-mode .widget .widget__title .widget__title-text,
.suga-dark-mode .block-heading__subtitle p,
.suga-dark-mode .block-heading .block-heading__title,
.suga-dark-mode article[data-dark-mode="true"] .post__title,
.suga-dark-mode article[data-dark-mode="true"] .post-comment a {
    color: #fff;
}

.suga-dark-mode article[data-dark-mode="true"] a.post__cat {
    color: #fff !important;
}

.suga-dark-mode article[data-dark-mode="true"] .post__excerpt,
.suga-dark-mode article[data-dark-mode="true"] .post-author__socials a,
.suga-dark-mode article[data-dark-mode="true"] time.time,
.suga-dark-mode article[data-dark-mode="true"] .comment-count a,
.suga-dark-mode article[data-dark-mode="true"] .view-count,
.suga-dark-mode article[data-dark-mode="true"] .list-index,
.suga-dark-mode article[data-dark-mode="true"] .post__meta,
.suga-dark-mode article[data-dark-mode="true"] .post__meta a,
.suga-dark-mode article[data-dark-mode="true"] .entry-meta,
.suga-dark-mode article[data-dark-mode="true"] .entry-meta a {
    color: #999;
}

.suga-dark-mode article[data-dark-mode="true"] .entry-author__name,
.suga-dark-mode article[data-dark-mode="true"] a.entry-author__name,
.suga-dark-mode article[data-dark-mode="true"] .post__readmore a.button__readmore,
.suga-dark-mode .atbssuga-pagination a.read-more-link {
    color: #fff;
}
.suga-dark-mode .atbssuga-carousel .owl-dot.active span {
    background: rgba(255, 255, 255, 0.8) !important;
}
.suga-dark-mode .atbssuga-carousel .owl-dot span {
    background: rgba(255, 255, 255, 0.5);
}
.suga-dark-mode .atbssuga-carousel-nav-custom-holder .owl-prev,
.suga-dark-mode .atbssuga-carousel-nav-custom-holder .owl-next {
    color: #fff;
}
.suga-dark-mode .atbssuga-post-slide .atbssuga-carousel-nav-custom-holder .line-skew {
    background: #fff;
}
.suga-dark-mode .owl-carousel.button--dots-center-nav .owl-prev,
.suga-dark-mode .owl-carousel.button--dots-center-nav .owl-next {
    color: #fff;
    border: 1px solid var(--color-border);
}
/*==========Header==========*/
.suga-dark-mode .site-header {
    background: var(--background-dark-mode) !important;
}
/*==========Module==========*/
/*suga-feature-a*/
.suga-dark-mode .post--horizontal-text-background[data-dark-mode="true"] {
    background-color: var(--background-dark-mode);
}
/*suga-feature-a*/
.suga-dark-mode .post--horizontal-text-background[data-dark-mode="true"] {
    background-color: var(--background-dark-mode);
}
/*suga-feature-b*/
.suga-dark-mode .post-grid-3i-has-slider-fullwidth-a::before {
    background-color: var(--background-dark-mode);
}
/*suga-feature-d*/
.suga-dark-mode  .suga-feature-d .post-sub .post--horizontal[data-dark-mode="true"] .inverse-text .post__title a {
    color: #fff;
}
/*suga-feature-slider-a*/
.suga-dark-mode  .atbssuga-post--horizontal-fullwidth .post[data-dark-mode="true"]::before {
    background-color: var(--background-dark-mode-aside);
}
/*suga-feature-slider-b*/
.suga-dark-mode .atbssuga-post-slide .post[data-dark-mode="true"]::before {
    background-color: var(--background-dark-mode-aside);
}
/*suga-grid-b*/
.suga-dark-mode .atbssuga-post--grid-multiple-style__fullwidth-a .post-fullwidth .post[data-dark-mode="true"] .post__text {
    background-color: var(--background-dark-mode);
}
@media (max-width: 991px) {
    .suga-dark-mode .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list::before {
        background-color: rgba(255, 255, 255, 0.15);
    }
}
@media (max-width: 576px) {
    .atbssuga-post--grid-multiple-style__fullwidth-a .atbssuga-featured-with-list--horizontal-list .posts-list li {
        /*border: none;*/
    }
}
/*suga-grid-f*/
.suga-dark-mode .post--card[data-dark-mode="true"] {
    background-color: var(--background-dark-mode-aside);
    border: 1px solid var(--color-border);
}
.suga-dark-mode .post--card[data-dark-mode="true"] .post__footer {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    background: var(--background-dark-mode-aside);
}
@media (min-width: 768px) {
    .suga-dark-mode .post--card[data-dark-mode="true"] .post__footer::before {
        background: linear-gradient(0deg, var(--background-dark-mode-aside) 0, var(--background-dark-mode-aside-07) 70%, var(--background-dark-mode-aside-0) 100%);
    }
}
/*suga-grid-l*/
.suga-dark-mode .post--nothumb-small-has-background[data-dark-mode="true"] {
    background-color: rgba(255, 255, 255, 0.05);
}
/*suga-grid-n*/

.suga-dark-mode .suga-grid-n:not(.atbs-background-color-primary) {
    background-color: var(--background-dark-mode-aside);
}
.suga-grid-n.atbs-background-color-primary .post-sub .post-sub__inner::-webkit-scrollbar-thumb, 
.suga-dark-mode .suga-grid-n.atbs-background-color-primary .post-sub .post-sub__inner::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.3);
}
.suga-dark-mode .suga-grid-n.atbs-background-color-primary .post-sub time.time {
    color: rgba(255,255,255,0.6);
}
/*atbssuga-carousel-heading-aside*/
.suga-dark-mode .atbssuga-carousel-heading-aside-original .atbssuga-carousel-nav-custom-holder .owl-prev,
.suga-dark-mode .atbssuga-carousel-heading-aside-original .atbssuga-carousel-nav-custom-holder .owl-next {
    background-color: var(--background-dark-mode-aside);
}

/*Line*/
.suga-dark-mode .item-count:nth-child(2n+1):not(:first-child)::after,
.suga-dark-mode .items-clear-both-3 .item-count:nth-child(2n+1):not(:first-child)::after,
.suga-dark-mode .items-clear-both-3 .item-count:nth-child(3n+1):not(:first-child)::after,
.suga-dark-mode .items-clear-both-4 .item-count:nth-child(3n+1):not(:first-child)::after,
.suga-dark-mode .items-clear-both-4 .item-count:nth-child(2n+1):not(:first-child)::after,
.suga-dark-mode .items-clear-both-4 .item-count:nth-child(4n+1):not(:first-child)::after,
.suga-dark-mode .items-clear-both-3 .item-count:nth-child(3n+1):not(:first-child)::after,
.suga-dark-mode .items-clear-both-4 .item-count:nth-child(4n+1):not(:first-child)::after {
    background-color: var(--color-border);
}
@media (max-width: 991px) {
    .suga-dark-mode .items-clear-both-3 .item-count:nth-child(3n+1):not(:first-child)::after,
    .suga-dark-mode .items-clear-both-3 .item-count:nth-child(3n+1):not(:first-child)::after {
        background-color: transparent;
    }
    .suga-dark-mode .items-clear-both-4 .item-count:nth-child(2n+1):not(:first-child)::after,
    .suga-dark-mode .items-clear-both-3 .item-count:nth-child(2n+1):not(:first-child)::after,
    .suga-dark-mode .items-clear-both-3 .item-count:nth-child(2n+1):not(:first-child)::after {
        background-color: var(--color-border);
    }
}
@media (max-width: 576px) {
    .suga-dark-mode .items-clear-both-3 .item-count:nth-child(3n+1):not(:first-child)::after,
    .suga-dark-mode .items-clear-both-3 .item-count:nth-child(3n+1):not(:first-child)::after,
    .suga-dark-mode .item-count:nth-child(n):not(:first-child)::after,
    .suga-dark-mode .items-clear-both-3 .item-count:nth-child(3n+1):not(:first-child)::after {
        background-color: var(--color-border);

    }
}

/*Post Listing List B*/
.suga-dark-mode .post--horizontal-hasbackground.post[data-dark-mode="true"] {
    background-color: var(--background-dark-mode-aside);
}
/*Author List*/
.suga-dark-mode .author-box.author-box-vertical .author-name a,
.suga-dark-mode .author-box.author-box-vertical .entry-author__task {
    color: #fff;
}
/*Categoies Carousel*/
.suga-dark-mode .atbssuga-grid-carousel-a .atbssuga-block__inner {
    background-color: var(--background-dark-mode-aside);
}
.suga-dark-mode .category-nothumb-cat-large {
    background-color: var(--background-dark-mode);
}
.suga-dark-mode .category-nothumb-cat-large:hover {
    background-color: var(--color-primary);
}
.suga-dark-mode .category-nothumb-cat-large .category-name a {
    color: #fff;
}
.suga-dark-mode .category-nothumb-cat-large .category-description .category-tile__description,
.suga-dark-mode .category-nothumb-cat-large .category-read-more a {
    color: #fff;
}
/*Main Col Grid D*/
.suga-dark-mode [class*='atbssuga-post-latest-d--']:not(:last-child) {
    border-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 1200px) {
    .suga-dark-mode .atbssuga-post-latest-d--post-grid .post-list:hover .list-item:first-child a.post__cat,
    .suga-dark-mode .atbssuga-post-latest-d--post-grid .post-list:hover .list-item:first-child .post__title,
    .suga-dark-mode .atbssuga-post-latest-d--post-grid .post-list:hover .list-item:first-child .post__excerpt,
    .suga-dark-mode .atbssuga-post-latest-d--post-grid .post-list:hover .list-item:first-child .entry-author__name {
        color: #fff !important;
    }

    .suga-dark-mode .post--nothumb-large-has-background[data-dark-mode="true"]:hover {
        background-color: var(--color-logo);
        -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
        box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
        z-index: 1;

        -webkit-transform-style: preserve-3d;

        transform-style: preserve-3d;
        -webkit-transform: perspective(1000px) translateY(-10px) translateZ(20px);
        transform: perspective(1000px) translateY(-10px) translateZ(20px);
    }
    .suga-dark-mode .post--nothumb-large-has-background[data-dark-mode="true"]:hover .post__cat,
    .suga-dark-mode .post--nothumb-large-has-background[data-dark-mode="true"]:hover .post__title,
    .suga-dark-mode .post--nothumb-large-has-background[data-dark-mode="true"]:hover .post__excerpt,
    .suga-dark-mode .post--nothumb-large-has-background[data-dark-mode="true"]:hover .entry-author__name {
        color: #fff !important;
    }
}

/*Post Listing List C Has Sidebar*/
.suga-dark-mode .post--horizontal-hasbackground[data-dark-mode="true"].post  {
    background-color: var(--background-dark-mode-aside);
}
.suga-dark-mode .post--horizontal-hasbackground[data-dark-mode="true"] .post__cat,
.suga-dark-mode .post--horizontal-hasbackground[data-dark-mode="true"] .post__title,
.suga-dark-mode .post--horizontal-hasbackground[data-dark-mode="true"] .post__excerpt,
.suga-dark-mode .post--horizontal-hasbackground[data-dark-mode="true"] .entry-author__name {
    color: #fff;
}

/*Single*/
.suga-dark-mode .single-header a.post__cat,
.suga-dark-mode .single-header .entry-title,
.suga-dark-mode .single-header .entry-author__name,
.suga-dark-mode .atbssuga-pagination__label,
.suga-dark-mode .single-footer .entry-tags ul > li > a {
    color: #fff !important;
}
.suga-dark-mode .single-header time.time {
    color: #fff;
    opacity: 0.6;
}
.suga-dark-mode .comments-title,
.suga-dark-mode .comment-metadata a, 
.suga-dark-mode .comment-metadata a:hover, 
.suga-dark-mode .comment-metadata a:focus, 
.suga-dark-mode .comment-metadata a:active, 
.suga-dark-mode .comment-metadata a:visited,
.suga-dark-mode .comment-metadata,
.suga-dark-mode .comment-timestamp, 
.suga-dark-mode .comment-edit-link::before, 
.suga-dark-mode .comment-edit-link, 
.suga-dark-mode .comment-metadata::before, 
.suga-dark-mode .comment-reply-link,
.suga-dark-mode .comments-area .comment-reply-link::before, 
.suga-dark-mode .comments-area .comment-reply-link, 
.suga-dark-mode .comments-area, 
.suga-dark-mode .single-body {
    color: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .comment-list>li:not(:first-child) {
    border-color: rgba(255, 255, 255, 0.1);
}
.suga-dark-mode .single-footer .entry-tags ul > li > a {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1);
}
.suga-dark-mode .single-content-right {
    border-bottom: 1px solid var(--color-border);
}
.suga-dark-mode .posts-navigation .post__title {
    color: #fff;
}
.suga-dark-mode .single-entry-wrap .posts-navigation::before {
    background-color: var(--color-border);
}
.suga-dark-mode .comment-form {
    color: #fff;
}
.suga-dark-mode .comment-reply-title {
    color: #fff;
}

.suga-dark-mode .atbssuga-review__inner {
    background: var(--background-dark-mode-aside);
    color: var(--color-text);
}
.suga-dark-mode .atbssuga-review__product-byline {
    color: rgba(255,255,255,0.5);
}
.suga-dark-mode .atbssuga-pagination--next-n-prev .atbssuga-pagination__links a:first-child .atbssuga-pagination__item,
.suga-dark-mode .atbssuga-pagination--next-n-prev .atbssuga-pagination__links.atbssuga-pagination-last-page-link a:last-child .atbssuga-pagination__item {
    background: var(--background-dark-mode-aside);
    color: var(--color-text);
}

.suga-dark-mode .atbssuga-pagination--next-n-prev .atbssuga-pagination__links a:first-child .atbssuga-pagination__item::after,
.suga-dark-mode .atbssuga-pagination--next-n-prev .atbssuga-pagination__links.atbssuga-pagination-last-page-link a:last-child .atbssuga-pagination__item::after {
    border-color: transparent;
    border-right-color: var(--background-dark-mode-aside);
}

.suga-dark-mode .atbssuga-pagination--next-n-prev .atbssuga-pagination__links a:last-child .atbssuga-pagination__item::after {
    border-color: transparent;
    border-left-color: var(--color-logo);
}

.suga-dark-mode .atbssuga-pagination--next-n-prev .atbssuga-pagination__links a:last-child .atbssuga-pagination__item {
    background: var(--color-logo);
}

.suga-dark-mode .comments-section input[type=checkbox]::before {
    background: var(--background-dark-mode-aside);
    border-color: var(--color-border);
}
.suga-dark-mode .comments-section input[type=checkbox]::after {
    border-color: rgba(255, 255, 255, .8);
}
/**/
.suga-dark-mode input[type="text"],
.suga-dark-mode input[type="email"],
.suga-dark-mode input[type="url"],
.suga-dark-mode input[type="password"],
.suga-dark-mode input[type="search"],
.suga-dark-mode input[type="tel"],
.suga-dark-mode input[type="number"],
.suga-dark-mode textarea,
.suga-dark-mode textarea.form-control,
.suga-dark-mode select,
.suga-dark-mode select.form-control {
    background-color: var(--background-dark-mode-aside);
    border: 1px solid var(--color-border);
    color: #fff;
}
.suga-dark-mode .has-background {
    background-color: #3f3e3e;
}
.suga-dark-mode a.btn-default {
    background-color: var(--background-dark-mode-aside);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}
.suga-dark-mode a.btn-default i {
    color: #fff !important;
}
.suga-dark-mode .atbssuga-pagination a.btn-default {
    border: none !important;
}
.suga-dark-mode .suga-grid-m .atbssuga-pagination.atbssuga-pagination-view-all-post a {
    border: 1px solid rgba(255, 255, 255, 0) !important;
}
.suga-dark-mode .suga-grid-m .atbssuga-pagination.atbssuga-pagination-view-all-post a:hover,
.suga-dark-mode .suga-grid-m .atbssuga-pagination.atbssuga-pagination-view-all-post a:focus {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.suga-dark-mode .atbssuga-pagination.atbssuga-pagination-view-all-post .btn i {
    color: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .atbssuga-search-full .result-default .popular-posts .list-item:not(:last-child), 
.suga-dark-mode .atbssuga-pagination.atbssuga-pagination-view-all-post {
    border-color: rgba(255, 255, 255, 0.2);
}
.suga-dark-mode .result-default::-webkit-scrollbar-thumb, 
.suga-dark-mode .atbssuga-search-full--result::-webkit-scrollbar-thumb{
    background-color: rgba(255, 255, 255, 0.2);
}
.suga-dark-mode .single-header--has-background.single-header {
    border: 1px solid var(--color-border);
}
.suga-dark-mode .single-layout .single-header {
    /*border-bottom: 1px dashed var(--color-border);*/
}
.suga-dark-mode .single-suga .single-header {
    background-color: var(--background-dark-mode);
}
.suga-dark-mode .single-entry--template-4 .single-header-with-bg,
.suga-dark-mode .single-entry--template-4-alt .single-header-with-bg,
.suga-dark-mode .single-entry--billboard-overlap-title .single-header__inner,
.suga-dark-mode .single-entry--billboard-overlap-title .single-header {
    background-color: var(--background-dark-mode-aside);
}

/*Header*/
.suga-dark-mode.header-1 .header-main,
.suga-dark-mode.header-2 .header-main,
.suga-dark-mode.header-3 .site-header,
.suga-dark-mode.header-4 .navigation-bar,
.suga-dark-mode.header-5 .navigation-bar,
.suga-dark-mode.header-6 .navigation-bar,
.suga-dark-mode.header-7 .header-main,
.suga-dark-mode.header-8 .header-main,
.suga-dark-mode.header-9 .site-header,
.suga-dark-mode.header-10 .navigation-bar {
    background-color: var(--background-dark-mode) !important;
}
.suga-dark-mode .header-main--inverse,
.suga-dark-mode .navigation-bar--inverse:not(.navigation-bar--fullwidth) .navigation-bar__inner,
.suga-dark-mode.header-9 .navigation-bar {
    background-color: var(--background-dark-mode-aside) !important;
}
.suga-dark-mode .navigation-bar--fullwidth,
.suga-dark-mode .navigation-bar--inverse.navigation-bar--fullwidth {
    background-color: var(--background-dark-mode-aside) !important;
}
.suga-dark-mode .navigation--main>li>a,
.suga-dark-mode .navigation-bar-btn,
.suga-dark-mode button.navigation-bar-btn,
.suga-dark-mode button.navigation-bar-btn:hover {
    color: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .menu-bar-icon,
.suga-dark-mode .menu-bar-icon::before,
.suga-dark-mode .menu-bar-icon::after {
    background-color: #fff !important;
}
.suga-dark-mode .navigation--offcanvas li>a {
    color: #fff;
}
.suga-dark-mode .social-list > li > a {
    color: rgba(255, 255, 255, 0.6);
}
.suga-dark-mode .atbssuga-mega-menu,
.suga-dark-mode .navigation--main>li>.sub-menu,
.suga-dark-mode .navigation--main li>.sub-menu .sub-menu {
    background-color: var(--background-dark-mode-aside);
}
.suga-dark-mode .atbssuga-mega-menu__inner>.sub-menu>li>a,
.suga-dark-mode .navigation--main .sub-menu {
    color: #fff;
}
.suga-dark-mode .navigation--main .sub-menu a {
    color: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .atbssuga-mega-menu__inner>.sub-menu>li>a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.suga-dark-mode .widget-slide .post__title {
    color: #fff;
}
@media (min-width: 992px) {
    .suga-dark-mode .atbssuga-offcanvas {
        background-color: var(--background-dark-mode-aside);
    }
    .suga-dark-mode .atbssuga-offcanvas .atbssuga-offcanvas__title .atbssuga-offcanvas-close--wrap,
    .suga-dark-mode .atbssuga-offcanvas-close .label-icon {
        color: #fff;
    }

    .suga-dark-mode .atbssuga-offcanvas .border-right {
        border-right: 1px solid var(--color-border);
    }
    .suga-dark-mode .btn-nav-show_full {
        color: #fff;
        border: 1px solid var(--color-border);
    }
}
/*Footer*/
.suga-dark-mode .site-footer {
    color: rgba(255, 255, 255, 0.6);
}
.suga-dark-mode .site-footer,
.suga-dark-mode .footer-7.site-footer,
.suga-dark-mode .footer-8.site-footer,
.suga-dark-mode .footer-6.site-footer {
    background: var(--background-dark-mode-aside);
}

.suga-dark-mode .navigation--footer>li>a,
.suga-dark-mode .navigation--footer>li>a:hover {
    color: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .site-footer__section,
.suga-dark-mode .site-footer__section--bordered,
.suga-dark-mode .site-footer__section--bordered-inner .site-footer__section-inner {
    border-color: rgba(255, 255, 255, 0.05);
}
/** Widgets **/
.suga-dark-mode .widget_archive li,
.suga-dark-mode .widget_archive li>a,
.suga-dark-mode .widget_calendar table,
.suga-dark-mode .widget_categories li>a,
.suga-dark-mode .widget_meta li>a,
.suga-dark-mode .widget_recent_entries li>a {
    color: rgba(255, 255, 255, 0.8);
}
/**/
.suga-dark-mode .calendar_wrap {
    background-color: var(--background-dark-mode-aside);
}
.suga-dark-mode .widget_calendar thead {
    background-color: var(--background-dark-mode);
}

/**/
.suga-dark-mode .widget_recent_comments .recentcomments {
    color: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .widget_recent_comments .recentcomments>a {
    color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: var(--background-dark-mode-aside)
}
/**/
.suga-dark-mode .widget_search .search-form__submit {
    color: rgba(0, 0, 0, 0.4);
}
/**/
.suga-dark-mode input[type="text"]::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.suga-dark-mode input[type="text"]::placeholder,
.suga-dark-mode input[type="email"]::placeholder,
.suga-dark-mode input[type="url"]::placeholder,
.suga-dark-mode input[type="password"]::placeholder,
.suga-dark-mode input[type="search"]::placeholder,
.suga-dark-mode input[type="tel"]::placeholder,
.suga-dark-mode input[type="number"]::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.suga-dark-mode .widget_search .search-form__submit {
    color: #fff;
}
.suga-dark-mode .tagcloud a {
    background-color: var(--background-dark-mode-aside);
    color: #fff;
}
/**/
.suga-dark-mode .atbssuga-widget-indexed-posts-c ol li:nth-child(n+2) article[data-dark-mode="true"] .list-index {
    color: #fff;
}

/*Suga Featured C*/

.suga-dark-mode .suga-feature-c.background-version-gray .post-sub {
    background: var(--background-dark-mode-aside);
}

.suga-dark-mode .suga-feature-c.background-version-gray .post--vertical-cat-overlay .post__title {
    color: #fff;
}

.suga-dark-mode .suga-feature-c.background-version-white .post-sub {
    background: none;
}

/*Suga Featured U*/
.suga-dark-mode .suga-feature-u .section-sub,
.suga-dark-mode .suga-feature-u .section-main,
.suga-dark-mode .suga-feature-u .section-sub .post-sub {
    border-color: var(--color-border);
}
/*Suga Featured T*/
.suga-dark-mode .suga-feature-t .atbssuga-block__inner-group,
.suga-dark-mode .suga-feature-t .section-main,
.suga-dark-mode .suga-feature-t .section-main > *:not(:last-child) {
    border-color: var(--color-border);
}
@media (min-width: 577px) {
    .suga-dark-mode .suga-feature-t .section-main-center .posts-list .list-item:nth-child(2n + 1) {
        border-color: var(--color-border);
    }
    .suga-dark-mode .suga-feature-t .section-main-center .posts-list .list-item:nth-child(2n + 1):not(:first-child)::before {
        background-color: var(--color-border);
    }
    .suga-dark-mode .suga-feature-t .section-main-center .posts-list .list-item:nth-child(3):nth-last-child(2)::after {
        background-color: var(--color-border);
    }
}
@media (max-width: 991px) and (min-width: 577px) {
    .suga-dark-mode .suga-feature-t .section-sub .posts-list .list-item:nth-child(2n + 1) {
        border-right: 1px solid var(--color-border);
        position: relative;
    }
}
@media (max-width: 576px) {
    .suga-dark-mode .suga-feature-t .section-main-center .posts-list .list-item:not(:last-child) {
        border-bottom: 1px solid var(--color-border);
    }
    .suga-dark-mode  .suga-feature-t .section-sub .posts-list .list-item:not(:last-child) {
        border-bottom: 1px solid var(--color-border);
    }
}
/*Suga Featured R*/
/*.suga-dark-mode .suga-feature-r .section-sub .post--horizontal-medium-text-background {
    background-color: var(--background-dark-mode-aside);
}*/
.suga-dark-mode .suga-feature-r .section-sub,
.suga-dark-mode .suga-feature-r .section-sub .section-sub-right .posts-list .list-item:not(:last-child) {
    border-color: var(--color-border);
}
/*Suga Featured O*/
@media (min-width: 992px) {
    .suga-dark-mode .suga-feature-o .block-heading .block-heading__title {
        color: #222222;
    }

    .suga-dark-mode .post-no-thumb-border-circle[data-dark-mode="true"] .post__title {
        color: var(--color-title);
    }

    .suga-dark-mode .post-no-thumb-border-circle[data-dark-mode="true"] .post__excerpt {
        color: var(--color-excerpt);
    }
}
/*Suga Featured Q*/
/*.suga-dark-mode .suga-feature-q .section-aside {
    background-color: var(--background-dark-mode-aside);
}
.suga-dark-mode .suga-feature-q .post--horizontal-medium-text-background {
    background-color: var(--background-dark-mode-aside);
}*/
/*Suga Featured P*/
/*.suga-dark-mode .suga-feature-p .atbssuga-block__inner {
    background-color: var(--background-dark-mode-aside);
}*/
/*Suga Featured N*/
/*.suga-dark-mode .suga-feature-n .section-sub .post-sub::before {
    background-color: var(--background-dark-mode-aside);
}*/
/*Suga Featured L*/
.suga-dark-mode .suga-feature-l.has-background {
    background-color: var(--background-dark-mode-aside);
}
.suga-dark-mode .post--horizontal-medium-text-background.post--horizontal-medium-text-background-style-2 {
    background-color: var(--background-dark-mode);
}
/*Suga Featured K*/
.suga-dark-mode .has-background {
    background-color: var(--background-dark-mode-aside);
}
/*.suga-dark-mode .post--vertical-margin-text-background .post__text-group {
    background-color: var(--background-dark-mode-aside);
}*/
.suga-dark-mode  article[data-dark-mode="true"].post-no-thumb-has-background  time.time, 
.suga-feature-r .section-sub .post--horizontal-medium-text-background .excerpt, 
.suga-dark-mode .post--vertical-margin-text-background .post__text-group .post__meta,
.suga-dark-mode .post--vertical-margin-text-background .post__text-group time.time,
.suga-dark-mode .post--vertical-margin-text-background .post__text-group .excerpt {
    color: rgba(255,255,255,0.6);
}
/*Suga Featured J*/
.suga-dark-mode .suga-feature-j.has-background {
    background-color: var(--background-dark-mode-aside);
}
.suga-dark-mode .post-no-thumb-normal,
.suga-dark-mode .post--horizontal-style-card-small {
    background-color: var(--background-dark-mode);
}
/*Suga Featured I*/
.suga-dark-mode .suga-feature-i .section-sub {
    background-color: var(--background-dark-mode-aside);
}
/*Suga Featured H*/
.suga-dark-mode .post--horizontal-medium-text-background {
    background-color: var(--background-dark-mode-aside);
}

.suga-dark-mode .suga-feature-q .post--horizontal-medium-text-background {
    background-color: var(--color-primary);
}
.suga-dark-mode .posts-list.posts-list-suga-seperated .list-item:not(:last-child)::before {
    background-color: var(--color-border);
}
@media (max-width: 991px) {
    .suga-dark-mode .suga-feature-f .post--vertical .post__title a {
        color: #fff;
    }
    .suga-dark-mode  .suga-feature-f .post--horizontal .post__title a {
        color: #fff;
    }
}
/*Suga Featured E*/
.suga-dark-mode .suga-feature-e .atbssuga-block__inner {
    box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.2);
}
.suga-dark-mode .suga-feature-e .atbssuga-block__inner,
.suga-dark-mode .suga-feature-e .section-sub,
.suga-dark-mode .suga-feature-e .section-main .post-sub,
.suga-dark-mode .suga-feature-e .section-main .post-sub .list-item:not(:last-child),
.suga-dark-mode .suga-feature-e .section-sub .post-main .list-item:nth-child(2):last-child,
.suga-dark-mode .suga-feature-e .section-sub .post-main .list-item:not(:last-child),
.suga-dark-mode .suga-feature-e .section-sub .post-main {
    border-color: var(--color-border);
}
.suga-dark-mode .suga-feature-e .section-main .post-main::before {
    background-color: var(--background-dark-mode-aside);
}
.suga-dark-mode .suga-feature-e .section-main .atbssuga-carousel.dot-black .owl-dot.active span {
    background-color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 577px) {
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list .list-item:first-child {
        background-color: var(--background-dark-mode-aside);
    }
    /*Hover*/
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1) {
        background-color: transparent;
    }
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1) .post--horizontal-thumb-follow-parent .post__cat,
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1) .post--horizontal-thumb-follow-parent .post__title,
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1) .post--horizontal-thumb-follow-parent .post__excerpt {
        color: #fff !important;
    }
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover,
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:hover {
        background-color: var(--background-dark-mode-aside);
    }
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover .post--horizontal-thumb-follow-parent .post--horizontal-thumb-follow-parent .post__cat,
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover .post--horizontal-thumb-follow-parent .post--horizontal-thumb-follow-parent .post__title,
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover > .list-item:nth-child(1):hover .post--horizontal-thumb-follow-parent .post--horizontal-thumb-follow-parent .post__excerpt,
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover >  .list-item:hover .post--horizontal-thumb-follow-parent .post__cat,
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover >  .list-item:hover .post--horizontal-thumb-follow-parent .post__title,
    .suga-dark-mode .suga-feature-e .section-sub .post-main .posts-list:hover >  .list-item:hover .post--horizontal-thumb-follow-parent .post__excerpt {
        color: #fff !important;
    }
}

/*Suga Featured S*/
.suga-dark-mode .atbssuga-featured-with-list--horizontal-list .posts-list li:not(:first-child) {
    border-color: var(--color-border);
}
/*Suga Featured S*/
.suga-dark-mode .suga-feature-s .section-main .post-main,
.suga-dark-mode .suga-feature-s .section-main  {
    border-color: var(--color-border);
}

.suga-dark-mode .suga-feature-s .atbssuga-block__inner::before,
.suga-dark-mode .suga-feature-s .atbssuga-block__inner::after,
.suga-dark-mode .suga-feature-s .section-main .post-sub .posts-list .list-item::before {
    background-color: var(--color-border);
}

@media (max-width: 768px) {
    .suga-dark-mode .suga-feature-s .section-main .posts-list .list-item:not(:last-child) {
        border-bottom-color: var(--color-border);
    }
}
/*Suga Grid T*/
.suga-dark-mode .post--vertical-style-card {
    background-color: var(--background-dark-mode);
}
.suga-dark-mode .post--horizontal-normal-has-background {
    background-color: var(--background-dark-mode);
}
/*Suga Grid Z*/
.suga-dark-mode .post-no-thumb-has-background {
    background-color: var(--background-dark-mode-aside);
}
/*Suga Grid S*/
.suga-dark-mode .post--overlay-text-background-a-part .post__text-wrap {
    background-color: var(--background-dark-mode);
}
/*Suga Grid Y*/
.suga-dark-mode .post--overlay-text-fade-hover .post__text-wrap {
    background-color: var(--background-dark-mode-aside);
}
/*Suga Listing Grid H*/
.suga-dark-mode .posts-listing-grid-h .posts-list .list-item::before,
.suga-dark-mode .posts-listing-grid-h .posts-list .list-item::after  {
    background-color: var(--color-border) !important;
}
.suga-dark-mode .posts-listing-grid-h .posts-list,
.suga-dark-mode .posts-listing-grid-h .posts-list .list-item:not(:nth-child(3n)),
.suga-dark-mode .posts-listing-grid-h .posts-list .list-item:not(:nth-child(2n)),
.suga-dark-mode .post--overlay-style-card .post__meta {
    border-color: var(--color-border);
}
.suga-dark-mode .post--overlay-style-card:hover .post__meta {
    border-color: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .posts-listing-grid-h .posts-list .list-item:nth-child(3n+1):not(:first-child)::before {
    background-color: var(--color-border);
}
/**/
.suga-dark-mode  .atbssuga-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__title a,
.suga-dark-mode  .atbssuga-featured-with-list--horizontal-list .posts-list article:hover .post__text .post__meta a  {
    color: #fff;
}
/**/

/** Theme Switch Style 1 **/

.atbs-theme-switch--style-1 {
    width: 40px;
    height: 20px;
    padding: 0 10px;
    margin-top: 3px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 99999;
    transition: 0.3s;
    position: relative;
    border-color: none;
    background-color: none !important;
    padding: 0;
}
.sticky-header .atbs-theme-switch--style-1  {
    width: 20px;
}
.sticky-header .navigation-bar__section.lwa.lwa-template-modal {
    padding-left: 0;
}
.sticky-header .navigation-bar-btn {
    padding: 0 8px;
}
.navigation-bar-btn i,
.sticky-header .navigation-bar-btn i {
    font-size: 22px;
    color: rgba(0,0,0,0.6);
}
.suga-dark-mode .navigation-bar-btn i {
    color: rgba(255,255,255,0.6);
}
.navigation-bar--inverse .navigation-bar-btn i {
    color: rgba(255,255,255,0.8);
}

.navigation-bar--inverse .atbs-theme-switch--style-1 svg path {
    fill: rgba(255,255,255,0.8);
}
.atbs-theme-switch--style-1 > * {
    transition: 0.1s;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 20px;
    width: 20px;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}
button.atbs-theme-switch--style-1 {
    background: none !important;
    border: none !important;
}
.atbs-theme-switch--style-1 .dark-mode-button {
    visibility: visible;
    opacity: 1;
}
.atbs-theme-switch--style-1 .light-mode-button {
    visibility: hidden;
    opacity: 0;
}
.atbs-theme-switch--style-1.active .light-mode-button {
    visibility: visible;
    opacity: 1;
}
.atbs-theme-switch--style-1.active .dark-mode-button {
    visibility: hidden;
    opacity: 0;
}
.atbs-flexbox-header-icon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.atbs-flexbox-header-icon .bk-lwa {
    display: flex;
    align-content: center;
    align-items: center;
}
.atbs-theme-switch--style-1 svg,
.atbs-theme-switch--style-1 svg path {
    fill: rgba(0, 0, 0, 0.6);
}
.atbs-theme-switch--style-1 svg path {
    fill: rgba(0, 0, 0, 0.6);
}
.mobile-header--inverse .atbs-theme-switch--style-1 svg,
.navigation-bar--inverse .atbs-theme-switch--style-1 svg {
    fill: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .atbs-theme-switch--style-1 svg,
.suga-dark-mode .atbs-theme-switch--style-1 svg path {
    fill: rgba(255, 255, 255, 0.8);
}

/** Theme Switch Style 2 **/

.atbs-theme-switch--style-2 {
    /* border-radius: 50%; */
    position: fixed;
    left: 15px;
    top: 50%;
    padding: 0;
    color: var(--color-logo);
    background: transparent;
    border: 0;
    border-radius: 999px;
    box-shadow: 10px 0 20px rgb(0 0 0 / 3%), 6px 0 6px rgb(0 0 0 / 5%),  -6px 0 6px rgb(0 0 0 / 5%);
    cursor: pointer;
    font-size: 1rem;
    text-transform: uppercase;
    overflow: hidden;
    font-weight: 400;
    transform: translateY(-50%);
    z-index: 2;
    transition: all 250ms ease-in-out;
}

.atbs-theme-switch--style-2.atbs-theme-switch--right {
    left: auto;
    right: 15px;
    transform: translateY(-50%);
}

.atbs-theme-switch--style-2.atbs-theme-switch--bottom-left {
    top: auto;
    bottom: 15px;
    left: 15px;
    box-shadow: -10px 0 20px rgba(0, 0, 0, 0.03), -6px 0 6px rgba(0, 0, 0, 0.05);
    transform: none;
}

.atbs-theme-switch--style-2:focus-visible {
    outline: 2px dotted var(--color-logo);
}

.atbs-theme-switch--style-2:-moz-focusring {
    outline: 2px dotted var(--color-logo);
}

.atbs-theme-switch--style-2 span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px 15px;
    line-height: 1;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    writing-mode: vertical-lr;
    transition: all 250ms ease-in-out;
    transform: rotate(180deg);

}
.atbs-theme-switch--right.atbs-theme-switch--style-2 span  {
    transform: rotate(0);
}
.atbs-theme-switch--style-2 .atbs-theme-switch__light {
    color: #fff;
    background: var(--color-logo);
}

.atbs-theme-switch--style-2 .atbs-theme-switch__dark {
    background: #fff;
}

.atbs-theme-switch--style-2.active {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.14);
}

/*
.atbs-theme-switch--style-2.atbs-theme-switch--bottom-left.active {
    box-shadow: -10px 0 20px rgba(0, 0, 0, 0.1), -6px 0 6px rgba(0, 0, 0, 0.14);
}
*/
.atbs-theme-switch--style-2.active .atbs-theme-switch__light {
    color: var(--color-logo);
    background: #f8f8f8;
}

.atbs-theme-switch--style-2.active .atbs-theme-switch__dark {
    color: #fff;
    background: var(--color-logo);
}
@media (max-width: 991px) {
    .atbs-theme-switch--style-2{
        display: none !important;
    }
}
@media (max-width: 480px) {
    .atbs-theme-switch--style-2 {
        top: auto !important;;
        right: auto !important;;
        bottom: 15px !important;;
        left: 15px !important;;
        transform: none !important;
    }

    /*.atbs-theme-switch--style-2.atbs-theme-switch--right {*/
    /*    left: auto;*/
    /*    right: -40px;*/
    /*}*/

    /*.atbs-theme-switch--style-2.atbs-theme-switch--bottom-left {*/
    /*    top: auto;*/
    /*    bottom: 10px;*/
    /*    left: calc(3rem + 15px);*/
    /*}*/


}

/**/

.text-center.atbs-suga-logo img.suga-img-logo {
    margin-left: auto;
    margin-right: auto;
}
#atbs-offcanvas-mobile .atbs-suga-logo img.suga-img-logo,
.atbs-suga-logo img.suga-img-logo {
    display: none;
}
#atbs-offcanvas-mobile .atbs-suga-logo img.suga-img-logo.active,
.atbs-suga-logo img.suga-img-logo.active {
    display: block;
}
#atbs-offcanvas-mobile .atbs-suga-logo.logo-dark-mode-active img.suga-img-logo,
.atbs-suga-logo.logo-dark-mode-active img.suga-img-logo {
    display: block;
}

#atbs-offcanvas-mobile .atbs-suga-logo.logo-dark-mode-active img.suga-img-logo.active ,
.atbs-suga-logo.logo-dark-mode-active img.suga-img-logo.active {
    display: none;
}
#atbs-offcanvas-mobile .atbs-suga-logo.logo-dark-mode-active.not-exist-img-logo img.suga-img-logo.active,
.atbs-suga-logo.logo-dark-mode-active.not-exist-img-logo img.suga-img-logo.active {
     display: block;
}
#atbs-offcanvas-mobile .atbs-suga-logo.logo-dark-mode-active.not-exist-img-logo img.suga-img-logo,
.atbs-suga-logo.logo-dark-mode-active.not-exist-img-logo img.suga-img-logo {
     display: none;
}
.suga-dark-mode .atbssuga-pagination__item:not(.atbssuga-pagination__item-current) {
    color: rgba(255, 255, 255, 0.8);
}
/* heading dark mode*/
.wp-calendar-nav {
    padding-left: 10px;
    padding-bottom: 10px;
}

.suga-dark-mode .typography-copy blockquote,
.suga-dark-mode .comment-content blockquote,
.suga-dark-mode .widget_rss li,
.suga-dark-mode .wp-caption .wp-caption-text,
.suga-dark-mode .wp-caption-dd,
.suga-dark-mode .widget_calendar th,
.suga-dark-mode .comments-section,
.suga-dark-mode .has-block-heading-line-around.block-heading::before,
.suga-dark-mode .has-block-heading-line-around.block-heading::after,
.suga-dark-mode .block-heading--line-under.block-heading,
.suga-dark-mode .block-heading--line.block-heading::after {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.suga-dark-mode .social-share ul li a svg {
    border-color: rgba(255, 255, 255, 0.2);
}

/** Widgets **/

.suga-dark-mode .mejs-container,
.suga-dark-mode .mejs-container .mejs-controls,
.suga-dark-mode .mejs-embed,
.suga-dark-mode .mejs-embed body {
    background-color: rgba(255, 255, 255, .1);
    border-color: var(--color-border);
}

.suga-dark-mode .widget_calendar td a {
    color: #fff;
}

/*single dark mode */
.suga-dark-mode #atbssuga-search-remove,
.suga-dark-mode .single-footer .view-count,
.suga-dark-mode .single-footer .comments-count,
.single .suga-dark-mode .posts-navigation__prev .posts-navigation__label,
.single .suga-dark-mode .posts-navigation__next .posts-navigation__label {
    color: rgba(255, 255, 255, 0.6);
}
.suga-dark-mode .widget_nav_menu li>a,
.suga-dark-mode .wp-caption .wp-caption-text,
.suga-dark-mode .wp-caption-dd,
.suga-dark-mode .widget_text,
.suga-dark-mode .widget_rss li,
.suga-dark-mode .widget_pages li,
.suga-dark-mode .widget_pages li a,
.suga-dark-mode .widget_categories li,
.suga-dark-mode .bk-lwa-profile .bk-user-data a,
.suga-dark-mode .bk-lwa-profile .bk-user-data,
.suga-dark-mode .author-box .author-info a,
.suga-dark-mode .author-box .author-bio a,
.suga-dark-mode .author-box .author-info a:hover,
.suga-dark-mode .author-box .author-info a:focus,
.suga-dark-mode .author-box .author-info a:active,
.suga-dark-mode .author-box .author-bio a:hover,
.suga-dark-mode .author-box .author-bio a:focus,
.suga-dark-mode .author-box .author-bio a:active,
.suga-dark-mode .author-box .author-bio,
.suga-dark-mode .page-404-title,
.suga-dark-mode .page-404-text,
.suga-dark-mode .page-heading__subtitle,
.suga-dark-mode .post--single .entry-content,
.suga-dark-mode .post--single .single-body,
.suga-dark-mode .typography-copy h5,
.suga-dark-mode .typography-copy .h5,
.suga-dark-mode .comment-content h5,
.suga-dark-mode .comment-content .h5 {
    color: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .bk-lwa-profile .bk-user-data>div:hover,
.suga-dark-mode .bk-account-info,
.suga-dark-mode .author-box.author-page,
.suga-dark-mode .atbssuga-search-full .result-default .search-terms-section li a:hover,
.suga-dark-mode .post--single pre,
.single .suga-dark-mode pre {
    background-color: var(--background-dark-mode-aside);
    color: rgba(255, 255, 255, 0.8);
}

.suga-dark-mode blockquote {
    color: rgba(255, 255, 255, 0.6);
    border-color: var(--color-border);
}

.suga-dark-mode blockquote::before {
    color: rgba(255, 255, 255, 0.1);
}

.suga-dark-mode .atbssuga-search-full {
    background-color: var(--background-dark-mode);
    color: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .atbssuga-search-full .result-default .search-terms-section li a {
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
}
.header-10 .site-logo,
.header-5 .site-logo {
    line-height: 60px;
    display: flex;
    align-items: center;
}
.suga-dark-mode .site-header {
    box-shadow: 0px 1px 0 0 rgba(255, 255, 255, 0.1);
}
.suga-dark-mode .navigation-bar:not(.navigation-bar--fullwidth):not(.navigation-bar--inverse) .navigation-bar__inner {
    box-shadow: 0px -1px 0 0 rgba(255, 255, 255, 0.1);
}
.single .suga-dark-mode .author-box .entry-author__name {
    color: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .bk-lwa tr {
    border: none;
}

.suga-dark-mode .modal-content {
    background-color: var(--background-dark-mode);
}

.suga-dark-mode .modal-title .nav-tabs > li > a {
    color: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
.suga-dark-mode .modal-title .nav-tabs > li > a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
.suga-dark-mode .modal-body {
    color: rgba(255, 255, 255, 0.8);
}
.suga-dark-mode .block-divider::before,
.suga-dark-mode .block-divider::after {
    border-color: rgba(255, 255, 255, 0.1);
}
.suga-dark-mode .widget-slide .owl-next:hover,
.suga-dark-mode .widget-slide .owl-prev:hover {
    background-color: var(--background-dark-mode);
    color: rgba(255, 255, 255, 0.8);
}
/*dark mode suga n*/
.suga-dark-mode .suga-grid-n.background-version-white{
    background-color: transparent;
}
.suga-dark-mode .suga-grid-n.background-version-white .block-heading .block-heading__title,
.suga-dark-mode .suga-grid-n.background-version-gray .block-heading .block-heading__title {
    color: #fff;
}
.suga-dark-mode .suga-grid-n.background-version-white .post-sub .post--horizontal-video .post__title a,
.suga-dark-mode .suga-grid-n.background-version-gray .post-sub .post--horizontal-video .post__title a {
    color: #fff;
}
/*dark mode suga z*/
.suga-dark-mode .suga-grid-z article[data-dark-mode="true"].background-color-primary .post__excerpt{
    color: rgba(255, 255, 255, 0.6);
}
/*dark mode block grid a*/
.suga-dark-mode .widget_apsl_widget,
.suga-dark-mode .widget_loginwithajaxwidget, 
.suga-dark-mode .block-heading__secondary {
    color: rgba(255, 255, 255, 0.8);
}
/*listing list grid small*/
.atbssuga-post--grid-vertical-readmore-small .posts-list.row--space-between {
    overflow: hidden;
}
/*atbssuga-post-latest-c--post-list*/
.suga-dark-mode .atbssuga-post-latest-b--post-slide,
.suga-dark-mode .atbssuga-post-latest-c--post-list .list-item:not(:last-child) {
    border-color: rgba(255, 255, 255, 0.1);
}

.suga-dark-mode .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-prev,
.suga-dark-mode .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-next {
    border-color: rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 0.8);
    background: var(--background-dark-mode-aside);
}

.suga-dark-mode .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-prev:hover,
.suga-dark-mode .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-next:hover,
.suga-dark-mode .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-prev:focus,
.suga-dark-mode .atbssuga-post-latest-b--post-slide .atbssuga-carousel .owl-next:focus {
    color: #fff;
}

/*atbssuga-post-latest-b*/
@media(max-width: 991px) and (min-width: 768px){
    .atbssuga-post-latest-b .post--overlay-title-small .post__title {
        font-size: 18px;
        font-size: 1.285rem;
    }
}
/* page setting */
.suga-dark-mode .block-heading .page-heading__title.block-heading__title {
    color: #fff !important;
}
.suga-dark-mode .tagcloud a, 
.suga-dark-mode .widget_calendar table, 
.suga-dark-mode .single-layout .single-header {
    border-color: rgba(255, 255, 255, 0.2);
}
.widget_loginwithajaxwidget table tr {
    border: none;
}
.suga-dark-mode .lwa-submit-button input[type="submit"], 
.suga-dark-mode .atbssuga-pagination .suga-no-more-button,
.suga-dark-mode .atbssuga-pagination .suga-no-more-button:hover,
.suga-dark-mode .atbssuga-pagination .suga-no-more-button:focus,
.suga-dark-mode .atbssuga-pagination .suga-no-more-button:active,
.suga-dark-mode .atbssuga-pagination .suga-no-more-button:hover:active {
    background: var(--background-dark-mode-aside);
    border-color: var(--color-border);
    color: #fff;
}
.post--single .single-content .single-body p:first-child,
.single-body p:first-child{
    margin-top: 0;
}
.post--single .single-content .single-body p:last-child,
.single-body p:last-child{
    margin-bottom: 0;
}
.related-posts .atbssuga-pagination .btn-default:hover,
.related-posts .atbssuga-pagination .btn-default:active {
    outline: none;
    background: none;
    box-shadow: none;
    padding: 6px 12px;
    border: 1px solid #333;
    color: #333;
}
.suga-dark-mode .related-posts .atbssuga-pagination a.btn-default,
.suga-dark-mode .related-posts .atbssuga-pagination a.btn-default:hover,
.suga-dark-mode .related-posts .atbssuga-pagination a.btn-default:active {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}
.suga-dark-mode .comment-list ol.children>li {
    border-color: rgba(255, 255, 255, 0.15);
}
.suga-dark-mode .related-posts .atbssuga-pagination a.btn-default:hover,
.suga-dark-mode .related-posts .atbssuga-pagination a.btn-default:active {
    color: rgba(255, 255, 255, 1) !important;
}
.suga-dark-mode .post--vertical-margin-text-background .post__text-group, 
.suga-dark-mode .atbssuga-widget--box .widget__inner {
    background-color: var(--background-dark-mode-aside);
}
.suga-dark-mode .single-layout-7.single-entry--billboard-overlap-title .single-header__inner,
.suga-dark-mode .single-layout-7.single-entry--billboard-overlap-title .single-header {
    background-color: var(--background-dark-mode);
}

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

/** Dark Mode Theme Check **/

.suga-dark-mode .typography-copy .wp-block-pullquote cite,
.suga-dark-mode .comment-content .wp-block-pullquote cite {
    color: rgba(255, 255, 255, .6);
}

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

@media(max-width: 767px) {
    .single .single-footer {
        margin-top: 40px;
    }
}
/* suga-grid-i*/

@media(min-width: 992px) {
    .suga-grid-i .post__title.typescale-0 {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .suga-grid-i .post__title.typescale-0 {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media (max-width: 991px) {
    .disable-tablet {
        display: none;
    }
}
/**/ 
.atbs-author-no-avatar {
    text-transform: uppercase;
}
.atbs-author-by-text {
    text-transform: uppercase;
    margin-left: 3px;
}

.atbs-author-no-avatar a.entry-author__name {
    text-transform: uppercase;
    margin-left: 5px;
}
.post__text-inner > *:last-child{
    margin-bottom: 0;
}

@media(min-width: 992px) {
    .atbssuga-posts-listing-list-alt-b-no-sidebar .post--overlay .post__text-inner  {
        max-width: 756px;
    }
    .atbssuga-posts--listing-list-alt-b .post--overlay .post__text-inner  {
        max-width: 650px;
    }
}
/* font size meta*/
.meta-font-size-lg * {
    font-size: 13px;
}
.meta-font-size-xl * {
    font-size: 14px;
}
.entry-author__wrap {
}
.entry-author img.entry-author__avatar {
    width: 34px;
    height: 34px;
    display: inline-block;
}

/** Fix Word Break **/

.menu-item,
.search-term,
.popular-title,
.widget__title-text,
.block-heading__title,
.block-heading__subtitle,
.page-heading__title,
.page-heading__subtitle,
.post__title,
.entry-title,
.post__cat,
.entry-cat,
.atbssuga-review__product-name,
.atbssuga-review__product-byline,
.atbssuga-review__summary,
.author-name,
.author-bio,
.category-tile__description,
.widget_meta li,
.widget_pages .page_item,
.widget_categories .cat-item,
.widget_recent_entries li,
.textwidget > *:not(table),
.widget_mc4wp_form_widget p,
.widget_mc4wp_form_widget label,
.widget_mc4wp_form_widget small,
.widget_mc4wp_form_widget h2,
.widget_mc4wp_form_widget h3,
.widget_mc4wp_form_widget h4,
.widget_mc4wp_form_widget h5,
.widget_mc4wp_form_widget h6,
.widget_nav_menu .menu-item,
.recentcomments .comment-author-link,
.recentcomments a,
.rsswidget,
.rssSummary,
.tagcloud a {
    /* word-wrap: The originally (unprefixed) proprietary extension  word-wrapfrom Microsoft has been renamed
    in the current draft of the CSS3 text specification overflow-wrap */
    word-wrap: break-word;
    overflow-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word; /* Non standard for WebKit */
    /*-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;*/
}
/* custom css*/
@media (max-width: 991px) and (min-width: 381px) {

    .typescale-0.custom-typescale-0 {
        font-size: 1.1428rem;
        font-weight: 500;
    }

}