/*-- blog --*/

.blog{
    padding-top:50px;
}

.blog-info {
    text-align: center;
}

.blog-left {
    margin: 0em 0 2em 0;
    padding-right: 1em;
}

.blog-left-right {
    margin-top: 1em;
}

    .blog-left-right a {
        text-decoration: none;
        margin: 1em 0 1em 0;
        font-size: 1em;
        /*color: #212121;
        text-transform: uppercase;*/
        font-weight: 800;
    }

        .blog-left-right a:hover {
            text-decoration: none;
            color: #1abc9c;
        }

.blog-left-left {
    padding: 0 !important;
}

    .blog-left-left p {
        margin: 0 0 1em;
        font-size: .9em;
        color: #999;
    }

        .blog-left-left p a {
            color: #000000;
            text-decoration: none;
        }

            .blog-left-left p a:hover {
                color: #1abc9c;
            }

    .blog-left-left a img {
        width: 100%;
    }

.blog-left-right p {
    /*margin: 1em 0 0 0;*/
    color: #000;
    /*font-size: .9em;
    line-height: 1.8em;*/
}

ul.pagination {
    margin: 2em 0 0;
}

.blog-top-left-grid {
    float: right;
}

.blog-top-right-grid {
    float: left;
}

.categories {
    margin: 0;
}

    .categories h3 {
        text-decoration: none;
        margin: 1em 0 1em 0;
        font-size: 1em;
        color: #212121;
        text-transform: uppercase;
        font-weight: 800;
    }

    .categories ul {
        margin: 0;
        padding: 0;
    }

        .categories ul li {
            display: block;
            margin-bottom: 1em;
        }

            .categories ul li a {
                font-size: .9em;
                margin: 0;
                color: #000;
            }

                .categories ul li a:hover {
                    color: #1abc9c;
                    text-decoration: none;
                    transition: .5s all;
                    -webkit-transition: .5s all;
                    -moz-transition: .5s all;
                    -o-transition: .5s all;
                    -ms-transition: .5s all;
                }

.comments {
    margin: 4em 0;
}

    .comments h3 {
        text-decoration: none;
        margin: 1em 0 1em 0;
        font-size: 1em;
        color: #212121;
        text-transform: uppercase;
        font-weight: 800;
    }

.comments-left {
    padding: .5em;
    border: 1px solid #000000;
}

    .comments-left img {
        width: 100%;
    }

.comments-right h5 {
    font-size: 1.1em;
    margin: 0 0 .5em 0;
    color: #000000;
    font-weight: 600;
}

.comments-right a {
    font-size: 1em;
    margin: 0;
    color: #575353;
    text-decoration: none;
}

    .comments-right a:hover {
        text-decoration: none;
    }

.comments-right p {
    display: block;
    color: #000;
    margin: .3em 0 0 0;
    font-size: .9em;
}

.comments-text {
    padding: 1.5em 0;
    border-bottom: 1px solid #868686;
}

    .comments-text:nth-child(4) {
        border: none;
    }

.pagination > li > a, .pagination > li > span {
    color: #000;
}
/*-- single --*/
.single-left-left p {
    margin: 0 0 1em;
    font-size: .9em;
    font-weight: 500;
    color: #000;
}

    .single-left-left p a {
        color: #000000;
        text-decoration: none;
    }

.single-left-left img {
    width: 100%;
}

.left-single {
    padding-right: 2em;
}

.response {
    margin-bottom: 5em;
}

    .response h3 {
        margin: 0 0 1em 0;
        text-decoration: none;
        font-size: 1em;
        color: #212121;
        text-transform: uppercase;
        font-weight: 800;
    }

.media.response-info {
    margin-top: 3em;
}

.media-left.response-text-left {
    width: 13%;
    float: left;
}

    .media-left.response-text-left a img {
        width: 80%;
    }

    .media-left.response-text-left h5 a {
        color: #1abc9c;
    }

.response-text-left h5 {
    font-size: 1em;
    margin: 1em 0 0 0;
    color: #000;
}

.response-text-right p {
    margin: 1em 0 0 0;
    color: #BBBBBB;
    font-size: .875em;
    line-height: 1.8em;
}

.response-text-right ul {
    padding: 0;
    text-align: right;
}

    .response-text-right ul li {
        display: inline-block;
        color: #AFAFAF;
        font-size: .9em;
        margin-right: 1em;
    }

        .response-text-right ul li a {
            color: #1abc9c;
            font-size: .9em;
            text-decoration: none;
        }

.media.response-info {
    margin-top: 3em;
}

.opinion h3 {
    margin: 0 0 1em 0;
    text-decoration: none;
    font-size: 1em;
    color: #212121;
    text-transform: uppercase;
    font-weight: 800;
}

.opinion form input[type="text"], .opinion form input[type="email"] {
    width: 100%;
    color: #898888;
    outline: none;
    font-size: 1em;
    padding: .5em;
    margin: 0 .5em 1em 0;
    border: solid 1px #D5D4D4;
    -webkit-appearance: none;
}

.opinion form textarea {
    resize: none;
    width: 100%;
    color: #898888;
    font-size: 1em;
    outline: none;
    resize: none;
    padding: .5em;
    border: solid 1px #D5D4D4;
    min-height: 125px;
    -webkit-appearance: none;
}

.opinion form input[type="submit"] {
    outline: none;
    -webkit-appearance: none;
    border: solid 1px #1abc9c;
    font-size: .9em;
    color: #212121;
    font-weight: 600;
    padding: .7em 1em;
    text-decoration: none;
    letter-spacing: 1px;
    background: #1abc9c;
    margin: 1em 0 0;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
}

    .opinion form input[type="submit"]:hover {
        color: #2f2f2f;
        border: solid 1px #2f2f2f;
        background: none;
    }

.blog-left-bottom p {
    margin: 1em 0 0 0;
    color: #BBBBBB;
    font-size: .875em;
    line-height: 1.8em;
}

.blog-left-bottom {
    margin: .5em 0;
}
/*-- //blog --*/