.blog-details-page-area {
    padding: 60px 0 0;
    position: relative;
    margin-top: 92px;
}

img {
    vertical-align: middle;
    display: inline !important;
}

.blog-details-page-area .single-blog-area {
    margin-bottom: 20px;
    background: #fff;
}

.blog-details-page-area .single-blog-area .meta-info {
    margin-bottom: 30px;
}

.blog-details-page-area .single-blog-area .meta-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-details-page-area .single-blog-area .meta-info ul li {
    display: inline-block;
    margin-right: 15px;
    text-transform: capitalize;
}

.blog-details-page-area .single-blog-area .meta-info ul li i {
    margin-right: 10px;
    color: #EB2428;
    font-weight: 800;
}

.blog-details-page-area .single-blog-area .image {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-details-page-area .single-blog-area .image .blog-slide img {
    width: 100%;
}

.blog-details-page-area .single-blog-area .image .blog-slide .owl-nav {
    display: block;
}

.blog-details-page-area .single-blog-area .image .blog-slide .owl-nav .owl-prev {
    width: 60px;
    height: 60px;
    line-height: 50px;
    border: 1px solid #e7e6e5;
    border-radius: 50%;
    font-size: 30px;
    color: #ffffff;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-details-page-area .single-blog-area .image .blog-slide .owl-nav .owl-prev i {
    font-size: 30px;
}

.blog-details-page-area .single-blog-area .image .blog-slide .owl-nav .owl-prev:hover {
    color: #EB2428;
    border-color: #EB2428;
}

.blog-details-page-area .single-blog-area .image .blog-slide .owl-nav .owl-prev:hover i {
    color: #EB2428;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-details-page-area .single-blog-area .image .blog-slide .owl-nav .owl-next {
    width: 60px;
    height: 60px;
    line-height: 50px;
    border: 1px solid #e7e6e5;
    border-radius: 50%;
    font-size: 30px;
    color: #ffffff;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-details-page-area .single-blog-area .image .blog-slide .owl-nav .owl-next i {
    font-size: 30px;
}

.blog-details-page-area .single-blog-area .image .blog-slide .owl-nav .owl-next:hover {
    color: #EB2428;
    border-color: #EB2428;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-details-page-area .single-blog-area .image .blog-slide .owl-nav .owl-next:hover i {
    color: #EB2428;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-details-page-area .single-blog-area .image:hover a img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-details-page-area .single-blog-area .image a img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.blog-details-page-area .single-blog-area .image .date {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #EB2428;
    color: #fff;
    z-index: 3;
}

.blog-details-page-area .single-blog-area .content h2 a {
    color: #000;
    font-size: 24px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
    display: block;
}

.blog-details-page-area .single-blog-area .content h2 a:hover {
    color: #EB2428;
}

.blog-details-page-area .single-blog-area .content h3 {
    color: #000;
    font-size: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 20px;
    display: block;
}


.blog-details-page-area .single-blog-area .content .read-more a {
    color: #000;
    font-size: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
    display: block;
}

.blog-details-page-area .single-blog-area .content .read-more a:hover {
    color: #EB2428;
}

.blog-details-page-area .single-blog-area .content blockquote {
    background-color: #f8f8f8;
    font-style: italic;
    padding: 30px 25px;
    border-left: 5px solid #EB2428;
}

.blog-details-page-area .single-blog-area .content blockquote p {
    margin: 0;
}

.blog-details-page-area .single-blog-area .blog-share {
    position: relative;
    margin: 20px 0;
    overflow: hidden;
    border: 1px solid #ededed;
    padding: 10px;
}

.blog-details-page-area .single-blog-area .blog-share .tag,
.blog-details-page-area .single-blog-area .blog-share .share {
    height: 60px;
}

.blog-details-page-area .single-blog-area .blog-share .tag i,
.blog-details-page-area .single-blog-area .blog-share .share i {
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 24px;
    color: #7f7f7f;
    background: #ededed;
    display: block;
    line-height: 60px;
    margin-right: 10px;
    float: left;
}

.blog-details-page-area .single-blog-area .blog-share .tag ul,
.blog-details-page-area .single-blog-area .blog-share .share ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-details-page-area .single-blog-area .blog-share .tag ul li,
.blog-details-page-area .single-blog-area .blog-share .share ul li {
    display: inline-block;
    margin: 0 3px;
}

.blog-details-page-area .single-blog-area .blog-share .tag ul li a,
.blog-details-page-area .single-blog-area .blog-share .share ul li a {
    display: block;
    color: #7f7f7f;
}

.blog-details-page-area .single-blog-area .blog-share .tag ul li a i,
.blog-details-page-area .single-blog-area .blog-share .share ul li a i {
    background: transparent;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
}

.blog-details-page-area .single-blog-area .blog-share .tag ul li a i:hover,
.blog-details-page-area .single-blog-area .blog-share .share ul li a i:hover {
    color: #EB2428;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-details-page-area .single-blog-area .blog-share .tag ul li a {
    position: relative;
    padding: 20px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-details-page-area .single-blog-area .blog-share .tag ul li a:hover {
    color: #EB2428;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-details-page-area .single-blog-area .blog-share .tag ul li a:after {
    position: absolute;
    content: ",";
    top: 16px;
    right: -6px;
}