/*----- Fonts ---*/
.post__title,
.block-heading,
.widget__title, .entry-title,
.social-share-label,.single-next-article-box .next-article-popup-heading,
.comments-title,
.comment-author .fn,
.comment-author .url,
.atbs-main-col .author-box .author-name a,
.author-no-sidebar.author-box .author-name a {
    font-family: 'Montserrat', sans-serif;
}
.navigation--main>li>a, .navigation--offcanvas>li>a,
.site-footer .navigation li a,
.module-contact .contact-heading h1 {
    font-family: 'Poppins', sans-serif;

}

.copy-right,
.post__cat, a.post__cat,
.entry-cat, a.entry-cat,
.post__meta, .block-heading__subtitle,
.post__excerpt, .entry-excerpt, .entry-tags ul>li>a,
.comments-count, .view-count,
.author-box .author-name a,
.author-box .author-bio,
.entry-teaser,.entry-author a.entry-author__name, .entry-meta,
.comment-content p,
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,
.module-404 h3,
.module-contact .contactform-submit  {
    font-family: 'Roboto', serif;
}




/*---- Post title ----*/
.post__title,
.entry-title {
    margin: 0.25em 0 0.4em;
    text-transform: uppercase;
}

.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,
.text-center .entry-title {
    margin-left: auto;
    margin-right: auto;
}

.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;
}

.postnav-img {
	width: 70px;
    height: 70px;
    /*height: 250px;*/
}

.footer-heading {
	text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
}

.block-heading-related__title
 {
    /*font-size: 2.1428rem;*/
    line-height: 1.4;
    font-weight: 900;
    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;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
}

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

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container{
        width: 1200px;
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .container {
        width: 540px;
    }
}

/* =============================================================================
   Typography
============================================================================= */
.f-14 {
    font-size: 1rem;
    line-height: 1.5;
}
.f-15 {
    font-size: 1.0714rem;
    line-height: 1.5;
}
.f-16 {
    font-size: 1.1428rem;
    line-height: 1.5;
}
.f-18 {
    font-size: 1.2857rem;
    line-height: 1.5;
}
.f-20 {
    /*font-size: 1.4285rem;*/
    line-height: 1.4;
}
.f-22 {
    font-size: 1.5714rem;
    line-height: 1.4;
}
.f-24 {
    font-size: 1.7142rem;
    line-height: 1.4;
}
.f-26 {
    font-size: 1.8571rem; /*font system*/
    line-height: 1.4;
}
.f-28 {
    font-size: 2rem;
    line-height: 1.4;
}
.f-30 {
    font-size: 2.1428rem; /*font system*/
    line-height: 1.4;
}
.f-32 {
    font-size: 2.2857rem;
    line-height: 1.4;
}
.f-34 {
    font-size: 2.4285rem;
    line-height: 1.4;
}
.f-36 {
    font-size: 2.5714rem;
    line-height: 1.3;
}
.f-38 {
    font-size: 2.7142rem;
    line-height: 1.3;
}
.f-40 {
    font-size: 2.8571rem;
    line-height: 1.3;
}
.f-42 {
    font-size: 3rem;
    line-height: 1.3;
}
.f-44 {
    font-size: 3.1428rem;
    line-height: 1.3;
}
.f-46 {
    font-size: 3.2857rem;
    line-height: 1.3;
}
.f-48 {
    font-size: 3.4285rem;
    line-height: 1.3;
}
.f-50 {
    font-size: 3.5714rem;
    line-height: 1.3;
}
.f-52 {
    font-size: 3.7142rem;
    line-height: 1.3;
}
.f-54 {
    font-size: 3.8571rem;
    line-height: 1.3;
}
.f-56 {
    font-size: 4rem;
    line-height: 1.3;
}
.f-58 {
    font-size: 4.1428rem;
    line-height: 1.3;
}
.f-60 {
    /*font-size: 4.28571428571rem;*/
    line-height: 1.2;
}
.f-66 {
    font-size: 4.7142rem;
    line-height: 1.19;
}
.f-68 {
    font-size: 4.8571rem;
    line-height: 1.19;
}
.f-70 {
    font-size: 5rem;
    line-height: 1.2;
}
.f-90 {
    font-size: 6.4285rem;
    line-height: 1.1;
}
@media (max-width: 1366px) {
    .f-22 {
        font-size: 1.4285rem;
        line-height: 1.4;
    }
    .f-24 {
        font-size: 1.5714rem; /*font system*/
        line-height: 1.4;
    }
    .f-26 {
        font-size: 1.7142rem;
        line-height: 1.4;
    }
    .f-28 {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }
    .f-30 {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }
    .f-32 {
        font-size: 2rem;
        line-height: 1.4;
    }
    .f-34 {
        font-size: 2.1428rem; /*font system*/
        line-height: 1.4;
    }
    .f-36 {
        font-size: 2.2857rem;
        line-height: 1.4;
    }
    .f-38 {
        font-size: 2.4285rem; /*font system*/
        line-height: 1.4;
    }
    .f-40 {
        font-size: 2.5714rem; /*font system*/
        line-height: 1.3;
    }
    .f-42 {
        font-size: 2.7142rem;
        line-height: 1.3;
    }
    .f-44 {
        font-size: 2.8571rem;
        line-height: 1.3;
    }
    .f-46 {
        font-size: 3rem;
        line-height: 1.3;
    }
    .f-48 {
        font-size: 3.1428rem;
        line-height: 1.3;
    }
    .f-50 {
        font-size: 3.2857rem;
        line-height: 1.3;
    }
    .f-52 {
        font-size: 3.4285rem;
        line-height: 1.3;
    }
    .f-54 {
        font-size: 3.5714rem;
        line-height: 1.3;
    }
    .f-56 {
        font-size: 3.7142rem;
        line-height: 1.3;
    }
    .f-58 {
        font-size: 3.8571rem;
        line-height: 1.3;
    }
    .f-60 {
        font-size: 3.9285rem;
        line-height: 1.3;
    }
    .f-66 {
        font-size: 4.2857rem;
        line-height: 1.19;
    }

    .f-90 {
        font-size: 5.3571rem;
        line-height: 1.1;
    }
}
@media (max-width: 1199px) {

    .f-60 {
        font-size: 3.5714rem;
        line-height: 1.3;
    }
    .f-66 {
        font-size: 3.7142rem;
        line-height: 1.2;
    }


    .f-90 {
        font-size: 4.1428rem;
        line-height: 1.2;
    }
}

@media (max-width: 991px) {
    .f-24 {
        font-size: 1.5714rem; /*font system*/
        line-height: 1.4;
    }
    .f-30 {
        font-size: 1.7142rem; /*font system*/
        line-height: 1.4;
    }
    .f-32 {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }
    .f-34 {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }
    .f-36 {
        font-size: 2rem;
        line-height: 1.4;
    }
    .f-38 {
        font-size: 2.1428rem; /*font system*/
        line-height: 1.4;
    }
    .f-40 {
        font-size: 2.1428rem; /*font system*/
        line-height: 1.4;
    }
    .f-42 {
        font-size: 2.2857rem;
        line-height: 1.4;
    }
    .f-44 {
        font-size: 2.4285rem;
        line-height: 1.4;
    }
    .f-46 {
        font-size: 2.5714rem;
        line-height: 1.3;
    }
    .f-48 {
        font-size: 2.7142rem;
        line-height: 1.3;
    }
    .f-50 {
        font-size: 2.8571rem;
        line-height: 1.3;
    }
    .f-52 {
        font-size: 3rem;
        line-height: 1.3;
    }
    .f-54 {
        font-size: 3.1428rem;
        line-height: 1.3;
    }
    .f-56 {
        font-size: 3.2857rem;
        line-height: 1.3;
    }
    .f-58 {
        font-size: 3.4285rem;
        line-height: 1.3;
    }
    .f-60 {
        font-size: 3.1428rem;
        line-height: 1.3;
    }
    .f-66 {
        font-size: 3.2857rem;
        line-height: 1.2;
    }


    .f-90 {
        font-size: 3.8571rem;
        line-height: 1.2;
    }
}
@media (max-width: 767px) {
    .f-24
    .f-26,
    .f-28 {
        font-size: 1.4285rem; /*font system*/
        line-height: 1.4;
    }



    .f-30,
    .f-32,
    .f-34,
    .f-36,
    .f-38,
    .f-40,
    .f-42 {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }

    .f-46,
    .f-48,
    .f-50,
    .f-52,
    .f-54 {
        font-size: 2rem; /*font system*/
        line-height: 1.4;
    }

    .f-56,
    .f-58,
    .f-60,
    .f-66 {
        font-size: 2.1428rem; /*font system*/
        line-height: 1.4;
    }



    .f-90 {
        font-size: 3.2857rem;
        line-height: 1.2;
    }
}
@media (max-width: 575px) {
    .f-18,
    .f-24,
    .f-26,
    .f-28 {
        font-size: 1.4285rem; /*font system*/
        line-height: 1.4;
    }


    .f-30,
    .f-32,
    .f-34,
    .f-36,
    .f-38,
    .f-40,
    .f-42 {
        font-size: 1.7142rem; /*font system*/
        line-height: 1.4;
    }

    .f-46,
    .f-48,
    .f-50,
    .f-52,
    .f-54,
    .f-56,
    .f-58,
    .f-60,
    .f-66  {
        font-size: 1.8571rem; /*font system*/
        line-height: 1.4;
    }



    .f-90 {
        font-size: 2.4285rem;
        line-height: 1.4;
    }
}
@media (max-width: 480px) {
    .f-30,
    .f-32,
    .f-34,
    .f-36,
    .f-38,
    .f-40,
    .f-42 {
        font-size: 1.5714rem; /*font system*/
        line-height: 1.4;
    }
    .f-46,
    .f-48,
    .f-50,
    .f-52,
    .f-54,
    .f-56,
    .f-58,
    .f-60,
    .f-66  {
        font-size: 1.7142rem; /*font system*/
        line-height: 1.4;
    }


    .f-90 {
        font-size: 2.1428rem;
        line-height: 1.4;
    }
}
@media (max-width: 380px) {
    .f-18,
    .f-20,
    .f-22,
    .f-24 {
        font-size: 1.2857rem; /*font system*/
        line-height: 1.5;
    }
}

/**/
.f-w-100 {
    font-weight: 100;
}
.f-w-300 {
    font-weight: 300;
}
.f-w-400 {
    font-weight: 400;
}
.f-w-500 {
    font-weight: 500;
}
.f-w-600 {
    font-weight: 600;
}
.f-w-700 {
    font-weight: 700;
}
.f-w-800 {
    font-weight: 700;
}
.f-w-900 {
    font-weight: 900;
}
