@charset "utf-8";@charset "utf-8";@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,strike,strong,sub,sup,tt,u,ul,var,button{font-family:Poppins,sans-serif!important}
/* CSS Document */

.container {
    width: 1080px;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}
.row {
    margin-left: -20px;
    margin-right: -20px;
}
.query-title {
    text-align: center;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 20px;
}
#content_nav {
    padding: 80px 0px 0px 0px !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
} 
.masonry-container {
    padding: 0;
    /* background: none; */
    width: 28%;
    float: left;
    margin: 2px 29px;
} 
.masonry-container:nth-child(3n+1) {
    clear: left;
}
.masonry-blog {
    /* position: relative; */
}

.masonry-blog .post-item {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    padding: 0px;
    background: #fff;
    box-shadow: 0 1px 8px rgba(156, 160, 173, 0.75);
    border-radius: 4px 4px 4px 4px;     height: 410px;
}

.masonry-blog .post-item:hover {
box-shadow: -1px 1px 17px 0px #ccc;
}


.masonry-blog .blog-thumbnail {
    margin-bottom: 16px;
}
a {
    outline: none; text-decoration:none;
}
.blog-thumbnail img {
    width: 100%;  margin: 0 auto;
    margin-bottom: 10px; height: 200px;
	}
	.masonry-blog .post-item .postdata {
    padding: 0 10px;
}
.masonry-blog h3.blog-title {
    margin-bottom: 6px;
    font-size: 18px;
    margin-top: 0px;
}
.masonry-blog .blog-title a {
    color: #000;
    font-weight: 400;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
.masonry-blog .post-item .blog-content {
    padding: 0 10px;
}
.masonry-blog .blog-excerpt {
    line-height: 26px;
    font-size: 10px;
    color: #9A9A9A;
}
.masonry-blog .post-item .blog-content p {
    padding: 0 !important;

    line-height: 22px; font-size:15px;
}
.masonry-blog .blog-content a {
    font-weight: 600;
    font-style: italic;
    font-size: 14px; color: #1173bd;
}
.article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
.query-title h1 {
    font-size: 27px;
    width: 100%;
	margin-top:20px;
}
.teamKraftt-loadblog {
    padding: 0px 0 40px 0;
    text-align: center;
    width: 15%;
    margin: 0 auto;
    /* color: #fff; */
}
a.teamKraftt-loading-button {
	color: #ffffff;
    border: 1px solid #2196F3;
    border-radius: 5px;
    text-align: center;
    background: #2196F3;
    display: block;  border-radius: 50px;
    font-weight: 600;
    padding: 5px 0px;
    cursor: pointer;
}
a.teamKraftt-loading-button:hover {
    text-decoration: none !important;
    color: #fff;
    background: #3485c6;
}
.clr{ clear:both;}
.query-title h1:before, .query-title h1:after {
   content: "";
    border-bottom: 1px solid #000;
    width: 10%;
    display: inline-block;
    margin-bottom: 9px;
}

.jl_grid_box_wrapper {
    float: left;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    border: 1px solid #dce0e0;
    HEIGHT: 320px;
    box-shadow: rgb(0 0 0 / 4%) 0px 3px 7px;
    border-radius: 15px;
}
.image-post-thumb > a img {
    float: left;
    width: 100%;
    height: 254px;
    border-radius: 15px;
    padding: 6px;
}
.post-entry-content {
    margin-top: 0px;
    padding: 10px !important;
    border: 0px;
}
.post-entry-content {
    text-align: left;

}
.post-meta.meta-main-img a {
    color: #999;
    font-size: 12px !important;
    text-transform: capitalize !important;
    letter-spacing: 0px;
    font-weight: 600;
    line-height: 20px;
    float: left;
}
.post-date {
    margin-top: 0px;
    float: left;
    margin-left: 0px;
    text-transform: capitalize;
    color: #777;
    letter-spacing: 0px;
    font-weight: 500 !important;
}

.post-date {
    color: #999;
    font-size: 12px !important;

}
h3 {
    line-height: 0.6 !important;
}
.jl_grid_box_wrapper {
    float: left;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
    border: 1px solid #dce0e0;
    HEIGHT: 350px;
    box-shadow: rgb(0 0 0 / 4%) 0px 3px 7px;
    border-radius: 15px;
    margin-bottom: 30px;
}
.jl_grid_box_wrapper:hover {
    background: #f6fcff;
}
span.post-meta.meta-main-img.auto_image_with_date.jl_meta_img{
    color: #999;
    font-size: 12px !important;
    text-transform: capitalize !important;
    letter-spacing: 0px;
    font-weight: 600;
    line-height: 20px; margin-top: 10px;
    float: left;
}
.post-meta.meta-main-img span i {
    margin-right: 5px;
}


@media screen and (max-width: 500px) and (min-width: 200px) {
	 .masonry-container {
width: 87% !important; 
}
.post_content img{ width:100%; height: auto !important}
a.teamKraftt-loading-button {
    width: 95% !important;
}
.row {
    margin-bottom: 0px !important;
}
.teamKraftt-loadblog {
    padding: 1px 0 40px 0 !important;
}