.media_o .msearch-toolbar .textbox {
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    outline: none;
    padding: 0 30px 0 10px;
    display: inline-block;
    vertical-align: unset;
}

@font-face {
    font-family: 'Lato';
    src: url('Fonts/Lato-Regular.ttf') format('truetype'), url('Fonts/Lato-Black.ttf') format('truetype'), url('Fonts/Lato-BlackItalic.ttf') format('truetype'), url('Fonts/Lato-Bold.ttf') format('truetype'), url('Fonts/Lato-BoldItalic.ttf') format('truetype'), url('Fonts/Lato-Hairline.ttf') format('truetype'), url('Fonts/Lato-HairlineItalic.ttf') format('truetype'), url('Fonts/Lato-Italic.ttf') format('truetype'), url('Fonts/Lato-Light.ttf') format('truetype'), url('Fonts/Lato-LightItalic.ttf') format('truetype'), url('Fonts/FontAwesome.otf') format('opentype');
}

@font-face {
    font-family: 'fontawesome';
    src: url('Fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('Fonts/fontawesome-webfont.svg') format('svg'), url('Fonts/fontawesome-webfont.ttf') format('truetype'), url('Fonts/fontawesome-webfont.woff') format('woff'), url('Fonts/FontAwesome.otf') format('opentype');
}

.media_o.ms-container h1, .media_o.ms-container h2, .media_o.ms-container h3,
.media_o.ms-container h4, .media_o.ms-container h5, .media_o.ms-container h6,
.media_o .ms-h1, .media_o .ms-h2, .media_o .ms-h3, .media_o .ms-h4,
.media_o .ms-h5, .media_o .ms-h6, html .media_o, body .media_o,
.media_o div, .media_o span, .media_o applet, .media_o object, .media_o iframe,
.media_o h1, .media_o h2, .media_o h3, .media_o h4, .media_o h5, .media_o h6, .media_o p,
.media_o blockquote, .media_o pre, .media_o a, .media_o abbr,
.media_o .media_o acronym, .media_o address, .media_o big,
.media_o cite, .media_o code, .media_o del, .media_o dfn, em,
.media_o img, .media_o ins, .media_o kbd, .media_o q, .media_o s, .media_o samp,
.media_o small, .media_o strike, .media_o strong, .media_o sub,
.media_o sup, .media_o tt, .media_o var, .media_o b, .media_o u, i,
.media_o center, .media_o dl, .media_o dt, .media_o dd, .media_o ol,
.media_o ul, .media_o li, .media_o fieldset, .media_o form,
.media_o label, .media_o legend, .media_o caption,
.media_o article, .media_o aside, .media_o canvas,
.media_o details, .media_o embed, .media_o figure,
.media_o figcaption, .media_o footer, .media_o header,
.media_o hgroup, .media_o menu, .media_o nav, .media_o output,
.media_o ruby, .media_o section, .media_o summary,
.media_o time, .media_o mark, .media_o audio, .media_o video,
.media_o a:hover, .media_o a:link,
.media_o ms-container a:visited {
    font-family: Open Sans, Helvetica, Arial;
}

.media_o .msearch-toolbar .search-button {
    background: url("Images/search.png") transparent no-repeat;
    border: none;
    text-indent: -999px;
    width: 20px;
    position: relative;
    padding: 0;
    box-shadow: none;
    outline: none;
    margin-left: -28px;
}

    .media_o .msearch-toolbar .search-button:before {
        display: block;
        font-size: 12px;
        font-family: fontawesome;
        font-weight: 600;
        content: "\f002";
    }

.media_o.widgetmodule {
    color: #999999;
    font-size: 16px;
}

    .media_o.widgetmodule h3 {
        font-size: 15px;
        color: #444444;
        text-transform: uppercase;
        margin-bottom: 20px;
        line-height: normal;
        font-weight: 600;
    }

        .media_o.widgetmodule h3:after {
            content: "";
            display: block;
            background: #444;
            width: 40px;
            height: 2px;
            margin-top: 5px;
        }

.media_o .mwidgetposts .posttitle,
.media_o .post .footer a, .media_o .post .post-tags,
.media_o .post .post-tags a {
    color: #444;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
}

.media_o section.timeline .post {
    margin: 0;
    border: none;
}

.media_o .blog_content {
    padding: 15px;
}

.media_o section.timeline .blog_content {
    padding: 0 20px 20px 20px;
}

.media_o .mwidgetposts a.postcomment {
    color: #999;
    font-size: 16px;
}

.media_o .msearch-result .ms-result .lnktitle {
    cursor: pointer;
    text-transform: capitalize;
    line-height: 30px;
    display: inline-block;
    font-weight: 400;
    color: #777;
    font-size: 20px;
    margin-bottom: 4px;
    text-decoration: none;
}

    .media_o .msearch-result .ms-result .lnktitle:hover {
        color: #444;
    }

.media_o .categories, .media_o .archives, .media_o .authors,
.media_o .tags, .media_o .mwidgetposts,
.media_o section.timeline,
.media_o .masonry-body {
    background: #fff;
    padding: 15px;
    margin: 15px 0;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    clear: both;
}

.media_o .calendar {
    margin: 15px 0;
    clear: both;
}

.media_o ul {
    margin: 0;
    padding-left: 0;
}

.media_o .postdetail {
    margin-left: 70px;
    line-height: 18px;
    min-height: 60px;
}

.media_o .post .footer, .media_o .post .footer a, .media_o .post .post-tags, .media_o .post .post-tags a {
    font-style: normal;
    font-size: 14px;
    color: #999;
}

.media_o .mwidgetposts .posttimeago {
    font-size: 14px;
    color: #999;
    text-transform: lowercase;
}

.media_o .mwidgetposts ul li {
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
    margin-bottom: 15px;
    padding: 10px;
}

    .media_o .mwidgetposts ul li:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

.media_o.widgetmodule .mwidgetposts .postimage {
    float: left;
    margin-right: 12px;
}

.media_o .msearch-result span.desc {
    font-size: 16px;
    line-height: 26px;
    color: #999;
}

.media_o.widgetmodule .tags a {
    padding: 6px;
    margin-bottom: 4px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border: 1px solid #e5e5e5;
    display: inline-block;
    font-size: 13px;
}

.media_o .tags a:hover {
    background: #e6e6e6;
    border: 1px solid #d2d2d2;
    text-decoration: none;
}

.media_o .tags span > a {
    font-size: 13px;
    opacity: 1;
    color: #444;
}

.media_o.widgetmodule .featured-box {
    background: #fff;
    box-shadow: 0 0 18px 0 rgba(0,0,0,.06);
    border: 1px solid #e5e5e5;
}

.media_o div.featured-box {
    border-radius: 0;
}

.media_o.widgetmodule a.read-more,
.media_o .blog_content a.read-more {
    color: #bbb;
    font-size: 13px;
    white-space: nowrap;
    text-decoration: none;
    text-align: right;
    display: inline;
}

    .media_o.widgetmodule a.read-more:hover span.arrowicon:after,
    .media_o .blog_content a.read-more:hover span.arrowicon:after {
        color: #777;
        position: relative;
        animation: example 1s;
        animation-iteration-count: 1;
        animation-direction: reverse;
    }

@keyframes example {
    0% {
        left: 0px;
    }

    25% {
        left: 5px;
    }

    50% {
        left: 0px;
    }

    75% {
        left: 10px;
    }

    100% {
        left: 0px;
    }
}

.media_o span.arrowicon:after {
    content: "\f178";
    font-family: fontawesome;
    margin-left: 2px;
    vertical-align: middle;
}

.media_o div.featured-box div.box-content {
    border-radius: 0;
    border-top: none;
    padding: 0;
}

.media_o.widgetmodule article.post img {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    max-width: 100%;
    display: inline-block;
}


.media_o section.timeline a.heading {
    font-size: 24px;
    display: inline-block;
    margin: 0;
    color: #777;
}

.media_o .msearch-result {
    display: none;
    background-color: #ffffff;
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
}

    .media_o .msearch-result .ms-result .result:last-child {
        border-bottom: none;
    }

    .media_o .msearch-result .ms-result .result {
        border-bottom: 1px solid #eaeaea;
        padding: 15px;
    }

    .media_o .msearch-result .close-button {
        background: url("Images/close.png") transparent no-repeat;
        border: none;
        text-indent: -999px;
        width: 30px;
        height: 32px;
        position: relative;
        float: right;
        right: -8px;
        min-width: 30px;
        box-shadow: none;
        outline: none;
    }

    .media_o .msearch-result h3 {
        font-size: 15px;
        color: #444444;
        text-transform: uppercase;
        margin-bottom: 10px;
        line-height: normal;
    }

        .media_o .msearch-result h3:after {
            content: "";
            display: block;
            background: #444;
            width: 40px;
            height: 2px;
            margin-top: 5px;
        }

/*---------------------------------------------------------------*/

.media_o .mwidgetposts .post {
    line-height: 26px;
    color: #999;
}

.media_o .post {
    line-height: 26px;
    letter-spacing: 0px;
    font-weight: 400;
    margin-bottom: 15px;
    font-style: normal;
    color: #777;
    font-size: 16px;
    position: relative;
}

.media_o .lb_img {
    text-align: center;
    margin: 0 auto 0;
    max-width: 100%;
}

    .media_o .lb_img img {
        max-width: 100%;
    }

.media_o .post .blog_content .blog_header h2 {
    margin: 0px;
    line-height: 24px;
    margin-bottom: 5px;
	
}
.media_o .post .blog_content .blog_header h2 .heading {
	font-family: 'Bebas Neue', cursive;
	color:#252525 !important;
}

.media_o .post .blog_content .blog_header {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
}

.media_o .blog_image a, .media_o .blog_image img {
    width: 100%;
}

.media_o .post .blog_content img {
    width: auto;
    max-width: 100%;
}

.media_o .blog_content h2 {
    text-transform: capitalize;
    display: inline-block;
    clear: right;
    font-weight: 500;
    color: #777;
    font-size: 28px;
    margin: 10px 0;
}

    .media_o .blog_content h2:hover {
        color: #333;
    }

.media_o .blog_content ul {
    list-style-type: none;
    margin-left: 0;
    font-size: 13px;
    padding-left: 0;
}
.media_o .blog_content .CommentData .heading{
	color:#252525 !important;
}
.media_o .blog_content .CommentData .heading:after{
	display:none !important;
}
    .media_o .blog_content ul .comment_icon:before {
        font-size: 14px;
        font-family: fontawesome;
        font-weight: 600;
        content: "\f0e5";
        padding-right: 4px;
    }

    .media_o .blog_content ul .view_icon:before {
        content: "\f06e";
        font-family: fontawesome;
        padding-right: 4px;
    }

    .media_o .blog_content ul .read_time:before {
        content: "\f017";
        font-family: fontawesome;
        padding-right: 4px;
    }

    .media_o .blog_content ul .user_icon:before {
        content: "\f007";
        font-family: fontawesome;
        padding-right: 4px;
    }

    .media_o .blog_content ul .Calendar_icon:before {
        content: "\f073";
        font-family: fontawesome;
        padding-right: 4px;
    }

    .media_o .blog_content ul .categories_icon:before {
        content: "\f022";
        font-family: fontawesome;
        padding-right: 4px;
    }


.media_o .blog_content .blog_summary p {
    margin-bottom: 16px;
}

.media_o .blog_content .blog_header ul li {
    display: inline;
    vertical-align: middle;
}

    .media_o .blog_content .blog_header ul li:first-child {
        padding-left: 0px;
    }

.media_o .msearch-result .caption {
    font-size: 13px;
}

    .media_o .post .blog_content li a,
    .media_o .msearch-result .caption > a {
        color: #777;
        width: auto;
    }

        .media_o .post .blog_content li a:hover,
        .media_o .msearch-result .caption > a:hover {
            color: #444;
            text-decoration: none;
        }

.media_o .post .blog_content li .link_seperate {
    padding: 0 10px;
    color: #ddd;
}

.media_o .blog_content .blog_tags {
    font-size: 12px;
    color: #999;
}

    .media_o .blog_content .blog_tags span {
        font-size: 0px;
    }

    .media_o .blog_content .blog_tags a {
        background-color: #f6f6f6;
        border: 1px solid #e5e5e5;
        display: inline-block;
        color: #999;
        font-size: 13px;
        margin: 0 4px 4px 0;
        padding: 4px 8px;
    }

        .media_o .blog_content .blog_tags a:hover {
            background: #e6e6e6;
            color: #777;
        }

.media_o .blog_content .social {
    font-size: 12px;
    float: right;
    margin-top: 10px;
}

.media_o .blog_content .post_tags {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
    margin: 10px 0 20px;
}

.media_o .blog_content .blog_comment {
    color: #999;
}

    .media_o .blog_content .blog_comment label {
        font-weight: normal;
		font-size: 15px;
    }

    .media_o .blog_content .CommentData .heading,
    .media_o .blog_content .blog_comment .newheading,
    .media_o .blog_content .blog_comment .replyheading {
        font-size: 15px;
        color: #444444;
        text-transform: uppercase;
        margin-bottom: 20px;
        line-height: normal;
        font-weight: bold;
    }

        .media_o .blog_content .CommentData .heading::after, .media_o .blog_content .blog_comment .newheading::after,
        .media_o .blog_content .blog_comment .replyheading::after {
            content: "";
            display: block;
            background: #444;
            width: 40px;
            height: 2px;
            margin-top: 5px;
        }

.media_o .blog_content .CommentData > div:not(:first-child) {
    margin: 10px 0 20px;
}

.media_o .blog_content .CommentData > div:last-child {
    margin: 10px 0 0px;
}

.media_o .CommentData .cmt-border {
    border: 1px solid #e5e5e5;
    padding: 10px;
}

.media_o .comment_section {
    margin-bottom: 10px;
}


    .media_o .comment_section p {
        margin: 0;
    }

.media_o .blog_content .CommentData .comment_section .name img,
.media_o.widgetmodule .mwidgetposts img {
    float: left;
    width: 52px;
    border-radius: 5px;
    max-height: 52px;
    padding: 2px;
    border: 1px solid #ccc;
}

.media_o .blog_content .CommentData .com .name img {
    width: 44px;
    height: 44px;
}

.media_o .blog_content .CommentData > div .content {
    margin-left: 70px;
}

.media_o .blog_content .CommentData .content .userinfo {
    font-size: 14px;
    font-weight: 600;
}

.media_o .blog_content .CommentData .content .comment_time {
    font-size: 12px;
    float: right;
    color: #aaa;
    font-style: italic;
}


.media_o .blog_content .CommentData .content .reply {
    color: #777;
    font-size: 13px;
    font-weight: bold;
}

input[type="text"], select, textarea, input[type="email"], input[type="search"], input[type="password"] {
    background: #fff;
}

.media_o .blog_content select {
    width: 50% !important;
}

.media_o .blog_content .CommentData .com {
    margin-left: 70px;
}

.media_o .blog_content .blog_comment input[type="text"],
.media_o .blog_content .blog_comment select,
.media_o .blog_content .blog_comment textarea,
.media_o .blog_content .blog_comment .Preview,
.media_o .blog_content .blog_comment input[type="email"] {
    padding: 10px;
    margin-bottom: 0px;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 0px;
    box-sizing: border-box;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    color: #999;
    font-size: 14px;
    line-height: normal;
}

.media_o.widgetmodule .search input[type="text"] {
    margin-bottom: 0;
}

.media_o .blog_content .blog_comment textarea {
    width: 100% !important;
}

    .media_o .blog_content .blog_comment input[type="text"]:focus,
    .media_o .blog_content .blog_comment textarea:focus,
    .media_o .blog_content .blog_comment .Preview:focus,
    .media_o .blog_content .blog_comment input[type="email"]:focus {
        outline: 1px solid #dddddd;
    }

.media_o .blog_content .blog_comment .Preview {
    width: 100% !important;
    line-height: normal !important;
}

.media_o .blog_content .blog_comment .normalCheckBox.Notification {
    display: block;
}

.media_o .blog_content .blog_comment table.normalRadioButton {
    float: left;
}

.media_o .blog_content .blog_comment .normalRadioButton input[type="radio"] {
    margin: 0 10px 0 5px;
}

.media_o .blog_content .blog_comment .normalRadioButton label {
    display: inline;
}

.media_o .blog_content .blog_comment .normalCheckBox input[type="checkbox"] {
    margin: 0 10px 0 0;
}

.media_o .blog_content .blog_comment .mbutton {
    background-color: #f6f6f6;
    color: #999;
    padding: 2px 6px;
    border: 1px solid #ccc;
}

.media_o .blog_content .blog_comment .SaveComment.mbutton {
    color: #999;
    background: #f6f6f6;
    border: 1px solid #ccc;
    padding: 6px 10px;
    border-radius: 0px;
    font-weight: normal;
    margin: 0 !important;
	text-transform: uppercase;
    font-family: 'Bebas Neue', cursive;
    font-size: 20px;

}

.media_o .blog_content .blog_comment .SaveComment:hover,
.media_o .blog_content .blog_comment .mbutton:hover {
    background: #e6e6e6;
    cursor: pointer;
}

.media_o .head {
    background: #fff;
    padding: 15px;
    border: 1px solid #e5e5e5;
    margin: 15px 0;
    display: none;
    margin-top: 0;
}

.media_o h3.blogname {
    margin: 0px;
    padding: 0px;
    color: #777;
    display: inline-block;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 20px;
}

.media_o p.blogdescription {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #999;
    font-weight: normal;
    line-height: normal;
}

.media_o .mrssfeeds {
    float: right;
    margin-top: 10px;
}

.media_o .manageblog {
    float: right;
    margin: 30px 0 15px;
    clear: both;
}

.media_o .post .line {
    clear: both;
    height: 2px;
    overflow: hidden;
    width: 100%;
    background: url(Images/line.gif) repeat-x scroll center top transparent;
}

.media_o .post .footer {
    padding: 0 18px;
    height: 42px;
    font-size: 13px;
    line-height: 42px;
    background: url(Images/box-bg.gif) repeat-x scroll center top #EEEEEE;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    webkit-border-radius: 0px 0px 4px 4px;
}

.media_o .blog_content .read_more {
    border-top: 1px solid #f3f3f3;
    padding: 10px 0 0;
    clear: both;
    text-align: right;
}


.media_o .blog_content .timeline_social {
    font-size: 14px;
    float: right;
    padding-top: 8px;
}

.media_o .blog_content .read_more .read a {
    color: #999;
    font-size: 15px;
}

    .media_o .blog_content .read_more .read a:hover,
    .media_o .blog_content h2 a,
    .media_o .blog_content .CommentData .content a:hover,
    .media_o.widgetmodule a.read-more:hover,
    .media_o .blog_content a.read-more:hover {
        color: #777;
    }

        .media_o .blog_content h2 a:hover {
            color: #333;
        }

.media_o .post .footer .left span {
    background: url(Images/count-bg.png) no-repeat scroll left center transparent;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    margin-right: 6px;
    padding: 4px 0 8px;
    text-align: center;
    width: 33px;
}

.media_o .post .footer .left a {
    color: #878787;
    font-weight: bold;
    font-style: italic;
    font-size: 11px;
}
.media_o {
    display: flex;
    flex-wrap: wrap;
}
.media_o .post:not(.post_details) {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-left: 15px;
    padding-right: 15px;
}
.media_o .post_blog {
    background: #fff;
	border: 1px solid #ccc;
}

@media screen and (max-width:610px) {
    .media_o .blog_content .CommentData .com {
        margin-left: 0px;
    }

    .media_o .comment_section p {
        text-align: justify;
    }

    .media_o .blog_content .blog_comment table + div {
        margin-top: 0 !important;
    }

    .media_o .blog_content .social {
        float: none;
    }
}

@media screen and (max-width:410px) {
    /*.media_o .blog_content .CommentData > div .name {
        text-align: center;
        margin-right: 0;
        width: 100%;
        height: 112px;
    }*/

    .media_o .comment_section {
        padding: 16px;
    }

    .media_o .blog_content .CommentData .content .userinfo {
        font-weight: bold;
        color: #999;
    }
}

.media_o .post .timeline {
    width: 12.2%;
    padding-right: 27px;
    position: relative;
    box-sizing: border-box;
    z-index: 99;
    -webkit-box-sizing: border-box;
}

.media_o .post .date {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc;
    cursor: media_o;
}

    .media_o .post .date:hover {
        background: #f6f6f6;
        transition-duration: 0.4s;
    }

.media_o .post .day {
    font-size: 24px;
    color: #999;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 12px;
    line-height: 20px;
}

.media_o .post .month {
    font-size: 20px;
    text-align: center;
    width: 100%;
    color: #666;
    float: left;
    line-height: 18px;
    letter-spacing: 1px;
    font-style: normal;
}

.media_o .post .date:hover .day, .media_o .post .date:hover .month {
    color: #777;
    transition-duration: 0.5s;
}

.media_o .post .timeline-border {
    position: absolute;
    top: 0px;
    width: 1px;
    height: 100%;
    float: left;
    z-index: 0;
    left: 35px;
    background: #ccc;
}

.media_o .timeline article:last-of-type .timeline-border {
    width: 0;
}

.media_o .post .Main_blog {
    line-height: 26px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #999999;
    font-size: 16px;
    margin-left: 90px;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    webkit-border-radius: 0px 0px 4px 4px;
    border: 1px solid #e5e5e5;
}

.media_o .authors li {
    list-style: none;
    padding: 7px 15px 7px 0;
    border-bottom: none;
    position: relative;
}

    .media_o .authors li a:first-child img {
        width: 25px;
        margin: 4px 8px 0 0;
        float: left;
    }

    .media_o .authors li a:last-child {
        position: absolute;
        right: 4px;
    }

.media_o .categories ul li,
.media_o .archives ul li {
    list-style: none;
    margin: 2px 0;
    position: relative;
    padding-left: 18px;
    line-height: 24px;
    font-size: 14px;
}

    .media_o .categories ul li a,
    .media_o .archives ul li a,
    .media_o .authors li a {
        color: #999;
        text-decoration: none;
        /* line-height: 15px; */
        margin-bottom: 4px;
        display: inline-block;
    }

.media_o .authors li a {
    vertical-align: middle;
}

    .media_o .categories ul li a:hover,
    .media_o .archives ul li a:hover,
    .media_o .authors li a:hover {
        color: #777;
    }

.media_o .categories li a img[alt="rss"] {
    position: absolute;
    right: 4px;
    top: 8px;
}

.media_o .post a {
    text-decoration: none;
}

.media_o .ui-widget-content .ui-icon {
    background-image: url(Images/ui-icons_222222_256x240.png);
}

.media_o .toggleIcon {
    cursor: pointer;
}

.media_o .ui-widget-header .ui-icon {
    background-image: url(Images/ui-icons_222222_256x240.png);
}

.media_o .ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.media_o .ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

    .media_o .ui-icon-circle-triangle-e .media_o .ui-state-hover .ui-icon, .media_o .ui-state-focus .ui-icon {
        background-image: url(Images/ui-icons_454545_256x240.png);
    }

.media_o .ui-state-active .ui-icon {
    background-image: url(Images/ui-icons_454545_256x240.png);
}

.media_o .ui-state-highlight .ui-icon {
    background-image: url(Images/ui-icons_2e83ff_256x240.png);
}

.media_o .ui-datepicker .ui-datepicker-prev, .media_o .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

    .media_o .ui-datepicker .ui-datepicker-prev span, .media_o .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

.media_o .ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.media_o .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url(Images/ui-icons_222222_256x240.png);
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    position: relative;
    background: #aaa;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.media_o .ui-datepicker .ui-datepicker-title {
    padding: 4px 0;
    line-height: 1.8em;
    text-align: center;
    text-transform: uppercase;
}

.media_o .ui-widget-content {
    border: 1px solid #e5e5e5;
}

.media_o .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
}

.media_o .ui-datepicker-calendar td {
    text-align: center;
}

.media_o table.ui-datepicker-calendar thead {
    background: #e6e6e6;
    color: #fff;
    font-size: 14px;
}

    .media_o table.ui-datepicker-calendar thead th span {
        padding: 4px 0;
        display: block;
        color: #000;
        text-align: center;
    }

.media_o table.ui-datepicker-calendar tbody {
    background: #fff;
}

.media_o span.ui-state-media_o {
    color: #999;
    cursor: media_o;
}

.media_o .calendar .LiveBlogDateHlight {
    background-color: #ccc;
}

    .media_o .calendar .LiveBlogDateHlight a {
        color: #fff;
    }

.media_o .readingTime {
    text-transform: lowercase;
}


.media_o .moverlay {
    display: none;
    width: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.media_o .msearch-result.mlightbox {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    right: 25%;
    max-height: 50%;
    padding: 16px;
    border: 1px solid #e5e5e5;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}

.media_o .mlightbox .close-button {
    top: -5px;
}

.ms-result:not(.result) {
    font-size: 20px;
}

.media_o .head .m-avatar, .media_o .head p {
    font-size: 14px;
    margin: 0;
    color: #999;
}

.media_o .search {
    width: auto;
    height: 40px;
    float: none;
}

.media_o .cmt-border > hr {
    display: none;
}

.media_o .cmt-border hr {
    background-image: -webkit-linear-gradient(left,transparent,#dbdbdb,transparent);
    background-image: linear-gradient(to right,whitesmoke,#cdcbcb,transparent);
    border: 0;
    height: 1px;
    margin: 20px 0;
}

.media_o .owl-carousel .owl-nav {
    top: 50%;
    position: absolute;
    margin-top: -20px;
    width: 100%;
}

.media_o .lb-owl-carousel .owl-nav {
    top: 50%;
    position: absolute;
    margin-top: -20px;
    width: 100%;
}


    .media_o .lb-owl-carousel .owl-nav .owl-prev[class*='owl-'],
    .media_o .lb-owl-carousel .owl-nav .owl-next[class*='owl-'] {
        display: inline-block;
        position: absolute;
        width: 30px;
        height: 30px;
    }

    .media_o .lb-owl-carousel .owl-nav .owl-next[class*='owl-'] {
        right: -5px;
        font-size: 30px;
        background: transparent;
        border-radius: 0 4px 4px 0;
    }

    .media_o .lb-owl-carousel .owl-nav .owl-prev[class*='owl-'] {
        left: -5px;
        font-size: 30px;
        background: transparent;
        border-radius: 0 4px 4px 0;
    }

        .media_o .lb-owl-carousel .owl-nav .owl-next[class*='owl-']:hover,
        .media_o .lb-owl-carousel .owl-nav .owl-prev[class*='owl-']:hover {
            background: transparent;
        }

.media_o .lb-owl-carousel.owl-drag .owl-item .jackbox {
    width: 100%;
}

/*masonry Start*/

.media_o .masonry-item.init {
    opacity: 1;
}

.media_o .masonry-item .masonry-item {
    min-height: 1px;
    list-style-type: none;
}

.media_o .masonry-item div.featured-box div.box-content div.postinfo {
    color: #9e9e9e;
    padding: 13px 0;
    font-size: 13px;
}

    .media_o .masonry-item div.featured-box div.box-content div.postinfo a {
        color: #9e9e9e;
    }

.media_o .masonry-item div.featured-box div.box-content .post-content {
    font-size: 16px;
    line-height: 26px;
    color: #999;
    padding: 0 0 20px 0;
}

.media_o div.masonry-list .blog_content {
    padding: 0 20px 20px 20px;
    background-color: #fff;
}

.masonry .masonry-item {
    width: 25%;
}


/*Pager*/

.media_o .pager {
    border-radius: 4px;
    text-align: center;
}

    .media_o .pager .CurrentPage,
    .media_o .pager .CurrentPageSelected,
    .media_o .pager .PagePrev,
    .media_o .pager .PageNext {
        padding: 7px 12px;
        text-decoration: none;
        background-color: #fff;
        color: #777;
        display: inline-block;
    }

    .media_o .pager a:hover,
    .media_o .pager .CurrentPageSelected,
    .media_o .pager span.CurrentPage {
        background-color: #eee;
        color: #444;
    }

.media_o .rightTriangle {
    width: 0;
    height: 0;
    display: inline-block;
    border: 5px solid transparent;
    top: 8px;
    position: absolute;
    left: 2px;
    cursor: pointer;
    border-left-color: #999;
}

.media_o .bottomTriangle {
    width: 0;
    height: 0;
    display: inline-block;
    border: 5px solid transparent;
    border-top-color: #999;
    top: 11px;
    position: absolute;
    left: 2px;
    cursor: pointer;
}

.media_o section.timeline:after {
    display: none;
}

.media_o .lb-owl-carousel.owl-carousel {
    margin-bottom: 0px;
}

.media_o .lb-owl-carousel .owl-controls {
    margin-top: 0px;
}

.media_o .lb-owl-carousel .owl-nav .owl-next:before {
    font-family: FontAwesome;
    content: "\f054";
    position: relative;
    left: -1px;
    top: 1px;
    color: #999;
}

.media_o .lb-owl-carousel .owl-nav .owl-prev:before {
    font-family: FontAwesome;
    content: "\f053";
    position: relative;
    left: -1px;
    top: 1px;
    color: #999;
}

.media_o .lb-owl-carousel .owl-item img {
    display: block;
    max-width: 100%;
    margin: auto;
    width: auto;
}

.media_o.widgetmodule .mwidgetposts.blogrolls ul li a img {
    float: none;
    width: auto;
    width: 12px;
    border: 0px;
    border-radius: 0px;
    margin-left: 0px;
}

.media_o.widgetmodule .mwidgetposts.blogrolls > ul > li > a {
    font-size: 15px;
    color: #444444;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: normal;
    font-weight: 600;
}

.media_o.widgetmodule .mwidgetposts.blogrolls > ul > li {
    padding: 0px;
}

    .media_o.widgetmodule .mwidgetposts.blogrolls > ul > li > span.blogrollHeading {
        display: block;
        background: #444444;
        width: 40px;
        height: 2px;
        margin-top: 5px;
        margin-bottom: 20px;
    }

.media_o.widgetmodule .mwidgetposts.blogrolls > ul ul {
    margin-left: 10px;
}

    .media_o.widgetmodule .mwidgetposts.blogrolls > ul ul > li {
        padding: 0px;
        padding-bottom: 8px;
        margin-bottom: 6px;
    }

        .media_o.widgetmodule .mwidgetposts.blogrolls > ul ul > li > a {
            color: #444;
            font-size: 14px;
        }

.media_o.widgetmodule .calendar .ui-state-highlight {
    border: 0;
    background: none;
    padding: 0px;
}

.media_o .SearchPosts span.desc {
    margin-left: 0px;
}

.media_o .SearchPosts .page {
    padding: 4px;
}

    .media_o .SearchPosts .page.pageselected {
        padding: 4px;
        text-decoration: underline;
    }

.media_o .blog_content .related_Posts ul{
	display: flex;
    flex-wrap: wrap;
}
.media_o .blog_content .related_Posts ul li {
  
   
    list-style-type: none;
   
    
   
    font-family: Arial,Helvetica,sans-serif;
        flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-left: 15px;
    padding-right: 15px;
}
.media_o .blog_content .related_Posts ul li .cont{
	border: 1px solid #ccc;
    background-color: #fff;
	 position: relative;
 
	 text-align: center;

}
.media_o .blog_content .related_Posts h3 {
    font-size: 15px;
    color: #444444;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: normal;
    font-weight: 600;
}

    .media_o .blog_content .related_Posts h3:after {
        font-size: 17px;
        content: "";
        display: block;
        background: #444;
        width: 40px;
        height: 2px;
        margin-top: 8px;
        font-weight: bold;
        margin-bottom: 5px;
        color: #777;
        line-height: normal;
    }

.media_o .blog_content .related_Posts ul li .caption {
    text-align: left;
	padding:20px;
}

.media_o .blog_content .related_Posts ul li .jackbox img {
 
}

.media_o .blog_content .related_Posts ul li .cont > img {
    margin-bottom: 10px;
}

.media_o .blog_content .related_Posts ul li .jackbox {
    margin: 0 0 10px;
    z-index: 1;
}

.media_o .blog_content .related_Posts ul li .post-link {
    display: block;
    height: 390px;
    margin: 0;
    position: absolute;
    width: 188px;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.post_details .post_blog{
	border:0;
}

@media (max-width:767px){
.media_o .blog_content .related_Posts ul li {
    flex: 0 0 100%;
    max-width: 100%;
	margin-bottom:20px;

}
}