﻿body {
}


<!-- What innowise can do for you below services-- >


@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700");
@import url(Bro/bootstrap.min.html);
@import url(Bro/animate.html);
@import url(Bro/default-assets/classy-nav.html);
@import url(Bro/owl.carousel.min.html);
@import url(Bro/magnific-popup.html);
@import url(Bro/font-awesome.min.html);
@import url(Bro/material-design-iconic-font.min.html);
@import url(Bro/style.html);


.our-blog-area .row {
    margin-left: -20px;
    margin-right: -20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .our-blog-area .row {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .our-blog-area .row {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.our-blog-area .row .col-12 {
    padding-left: 20px;
    padding-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .our-blog-area .row .col-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .our-blog-area .row .col-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.single-blog-area {
    position: relative;
    z-index: 1;
    margin-bottom: 70px;
}

    .single-blog-area .single-blog-thumb {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }

        .single-blog-area .single-blog-thumb img {
            border-radius: 15px 15px 0 0;
            -webkit-transition-duration: 800ms;
            -o-transition-duration: 800ms;
            transition-duration: 800ms;
        }

    .single-blog-area .single-blog-text {
        background-color: #ffffff;
        padding: 30px 30px 30px 30px;
        border-radius: 0 0 10px 10px;
    }

        .single-blog-area .single-blog-text .blog-title {
            font-size: 20px;
            font-weight: 600;
            color: #111343;
            margin-bottom: 5px;
            display: inline-block;
            -webkit-transition-duration: 500ms;
            -o-transition-duration: 500ms;
            transition-duration: 500ms;
        }

            .single-blog-area .single-blog-text .blog-title:hover, .single-blog-area .single-blog-text .blog-title:focus {
                color: #df42b1;
            }

        .single-blog-area .single-blog-text .post-meta {
            margin-bottom: 15px;
        }

            .single-blog-area .single-blog-text .post-meta a {
                color: #9293bc;
                font-size: 14px;
                margin-right: 20px;
                -webkit-transition-duration: 500ms;
                -o-transition-duration: 500ms;
                transition-duration: 500ms;
            }

                .single-blog-area .single-blog-text .post-meta a i {
                    margin-right: 5px;
                }

                .single-blog-area .single-blog-text .post-meta a:last-child {
                    margin-right: 0;
                }

                .single-blog-area .single-blog-text .post-meta a:hover, .single-blog-area .single-blog-text .post-meta a:focus {
                    color: #df42b1;
                }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-blog-area .single-blog-text .post-meta a {
        margin-right: 15px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .single-blog-area .single-blog-text .post-meta a {
        margin-right: 15px;
        font-size: 12px;
    }
}

.single-blog-area .single-blog-text p {
    color: #5d5e8d;
    margin-bottom: 0;
}

.single-blog-area:hover .single-blog-thumb img, .single-blog-area:focus .single-blog-thumb img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.05);
}

.single-blog-area.style-2 {
    background-color: #ffffff;
    box-shadow: 0px 8px 27px 0px rgba(90, 111, 120, 0.15);
}
