/*----- fonts imported ----- */
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,700italic,700,600italic,600,400italic&subset=latin,cyrillic";

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Open Sans', sans-serif;
    background: #ffffff;
    color: #1d1d1d;
}

h1, h2, h3, h4, h5, h6 {
    display: block;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
}

h1 {
    font-size: 18px;
    line-height: 20px;
}

h2 {
    font-size: 15px;
    line-height: 17px;
}

h3 {
    font-size: 13px;
    line-height: 15px;
}

img {
    border: none;
}

a {
    color: #ae2d00;
    text-decoration: none;
    outline: none;
}

    a:hover {
        color: #ee1c25;
    }

#main-nav {
    font-size: 16px;
}

/*----- Global #id's and .class's -----*/
.main-container {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.clear-float {
    clear: both;
}

ul {
    list-style: none;
}

/*----- Header -----*/
header {
    height: 53px;
}

.logo {
    display: inline-block;
    margin-left: calc(50% - 81px);
}

    .logo img {
        height: 27px;
        padding-top: 12px;
    }

    .logo a {
        padding: 0;
        display: block;
    }

/* Navigation */
nav {
    padding: 15px;
}

    nav > ul > li {
        border-bottom: 1px solid #eaeaea;
    }

        nav > ul > li:last-child {
            border-bottom: none;
        }

        nav > ul > li > a {
            display: block;
            color: #000;
            font-size: 14px;
            padding: 10px 0px 10px 0px;
        }

/* Articles list*/
.section-title {
    text-align: center;
    position: relative;
    margin: 15px;
}

    .section-title h2 {
        background: #fff;
        padding: 0 10px;
        position: relative;
        z-index: 1;
        display: inline-block;
        font-size: 16px;
        color: #2a2a2a;
        text-transform: uppercase;
    }

    .section-title .line {
        height: 4px;
        background: #ee1c25;
        position: absolute;
        z-index: 0;
        top: calc(50% - 2px);
        left: 0;
        width: 100%;
        margin: 0;
    }

.article {
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
    clear: left;
}

    .article:first-child {
        padding-top: 0px;
    }

    .article:last-child {
        border: none;
    }

    .article > a {
        display: inline-block;
    }

    .article h2 {
        margin: 0 0 5px 0;
        padding: 0;
        display: table;
    }

    .article .thumb {
        text-align: center;
        float: left;
        position: relative;
    }

        .article .thumb img {
            background: #ffffff;
            float: left;
            margin-right: 15px;
            width: 80px;
            height: 55px;
        }

.article-meta {
    margin-top: 15px;
    font-size: 11px;
    color: #555;
    text-transform: uppercase;
}

    .article-meta .date:after {
        content: '\2022';
        margin-left: 4px;
    }

    .article-meta .star i {
        color: #51a351;
        margin-left: 4px;
    }

    .article-meta .cat:before {
        margin-left: 5px;
    }

/* END: Articles list*/


/*----- Popular news -----*/
.popular .tabs {
    padding: 0px 15px 0px 15px;
    display: inline-block;
}

    .popular .tabs a {
        display: block;
        float: left;
        margin-right: 20px;
        padding-bottom: 5px;
        cursor: pointer;
        text-transform: uppercase;
        color: #000;
    }

        .popular .tabs a.active {
            border-bottom: 2px solid #ee1c25;
            color: #ee1c25;
        }

.popular .article {
    display: none;
}

    .popular .article:first-child {
        padding-top: 15px;
    }

.popular .articles .last {
    border-bottom: none;
}

/*----- END: Popular news -----*/

/* Post */
.post {
    padding: 15px;
}

    .post h2 {
        padding-bottom: 15px;
        font-size: 1.6em;
        border-bottom: 1px solid #eaeaea;
        line-height: 1em;
    }

    .post .featured-image img{
        width: 100%;
        height: 100%;
    }

    .post .meta {
        color: #555;
        text-transform: uppercase;
        font-size: 11px;
        padding: 0px 0px 10px 0px;
    }

        .post .meta .date:after {
            content: '\2022';
            margin-left: 4px;
        }

        .post .meta .cat:before {
            margin-left: 5px;
        }

    .post .content {
		font-size: 15px;
    }

        .post .content h2 {
            padding-left: 0;
        }

        .post .content img {
            border: 0 none;
            float: none;
            max-height: 100%;
            max-width: 100%;
        }

        .post .content iframe {
            width: 100%;
            height: auto;
        }

		.post .content p {
			margin: 0 0 16px;
        }
    .post .social {
        margin-top: 15px;
        display: inline-block;
    }

        .post .social .fb-like,
        .post .social .fb-share,
        .post .social .twitter-share,
        .post .social .google-plusone {
            float: left;
            margin: 0px 10px 10px 0px;
        }

    .post .author {
        color: #555555;
        display: block;
        position: relative;
        margin-bottom: 15px;
    }

    .post .job {
        margin-bottom: 15px;
    }

        .post .job .active {
            color: #51a351;
        }

        .post .job .inactive {
            color: #ee1c25;
        }

    .post .tags-containter {
        margin: 0 0 1em;
        display: block;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        padding-top: 0.5em;
    }

    .post .tag-label {
        color: #555555;
        display: block;
        float: left;
        margin: 0;
        padding: 0.25em 0.5em 0.25em 0;
        font-size: 1em;
    }

    .post .tag-list {
        list-style: none outside none;
        overflow: hidden;
        padding: 0;
        position: relative;
    }

        .post .tag-list li {
            float: left;
            margin-right: 0.25em;
            margin-bottom: 0.5em;
        }

            .post .tag-list li a {
                background: none repeat scroll 0 0 #F0F0F0;
                color: #555555;
                display: block;
                padding: 0.25em 0.5em;
                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
            }

/* END Post */

/*----- Footer -----*/
footer .by {
    text-align: center;
    padding: 10px;
    background: #ee1c25;
    color: #ffffff;
    font-size: 11px;
}

.footer-bottom {
    width: 100%;
    background-color: #eaeaea;
    text-align: center;
}

    .footer-bottom ul {
        display: inline-block;
    }

        .footer-bottom ul li {
            float: left;
            display: inline-block;
            margin: 0px 5px 0px 5px;
            list-style-type: none;
        }

            .footer-bottom ul li a {
                color: #000000;
                font-size: 12px;
                display: block;
                padding: 5px 10px;
            }

div.clearer {
    clear: left;
    line-height: 0;
    height: 0;
}

/*Banners*/
#sticky-banner {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    left: calc(50% - 160px);
}

    #sticky-banner .close-button {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        background: #000;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        margin-top: -16px;
        margin-right: -16px;
        line-height: 32px;
        z-index: 9999;
        text-align: center;
        font-weight: bold;
        border: 1px solid #fff;
        display: none;
    }