.blog-search-results {
    margin-bottom: 20px;
}
.blog-search-results .search-term-highlighter {
    font-weight: bold;
}

.rich-blog-homepage {
    max-width: 95%;
    margin: 0 auto 80px
}

.rich-blog-homepage .title {
    padding: 8px 0;
    margin: 0 0 30px;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
    position: relative
}

.rich-blog-homepage .title:before {
    content: '';
    width: 75px;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -2px;
    background: #f3cc2e;
    -o-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-30deg)
}

.rich-blog-homepage .title strong {
    font-size: 40px
}

.rich-blog-homepage .blog-post {
    background: #fff;
    margin: 0 auto 23px;
    box-shadow: 0 0 14px rgba(0,0,0,.06);
    width: 590px;
    max-width: 100%
}

.rich-blog-homepage .blog-post:only-child {
    max-width: 100%
}

.rich-blog-homepage .post-primary {
    background: #4169e1;
    overflow: hidden;
    position: relative
}

.rich-blog-homepage .post-picture {
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 0
}

.rich-blog-homepage .post-picture:before {
    content: "";
    display: block;
    padding-top: 56%
}

.rich-blog-homepage .post-picture img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    margin: auto;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.rich-blog-homepage .post-picture:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.rich-blog-homepage .read-more {
    display: block;
    float: right;
    color: #d1a85b;
    background: #1a4780;
    font-size: 20px;
    padding: 10px 38px 10px 22px;
    position: relative;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.rich-blog-homepage .read-more:before,.blog-posts .post .buttons a:before {
    font-family: "FontAwesome";
    text-transform: none;
   content: "\f178";
    font-size: 8px;
    width: 9px;
    height: 12px;
    color: #f3cc2e;
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0;
    margin: auto
}

.rich-blog-homepage .read-more:hover, .rich-blog-homepage .view-all a:hover {
    color: #fff!important;
    background-color: #d4ad60;
    border-color: transparent;
    box-shadow: 0 14px 26px -12px rgba(10,10,10,.28),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(214,214,214,.2)
}
.rich-blog-homepage .read-more:hover:before ,.blog-posts .post .buttons a:hover:before{color: #fff!important;    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;}
.rich-blog-homepage .post-details {
    padding: 35px 40px;
    text-transform: none;
    text-align: left
}

.rich-blog-homepage .post-title {
    display: block;
    font-size: 24px;
    margin: 0 0 10px
}

.rich-blog-homepage .post-description {
    color: #909090;
    line-height: 25px;
    font-family: 'Lato',sans-serif
}

.rich-blog-homepage .view-all a {
    margin: 0 auto;
    max-width: 590px;
    display: block;
    background: #1a4780;
    font-size: 15px;
    padding: 18px 30px;
    text-align: center;
     -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
	color: #fff;
}

.blog-posts .post-head {
    background: #4169E1;
    overflow: hidden;
    padding: 0 0 0 40px;
    position: relative
}
.post-primary .post-date {
    display: block;
    float: left;
    color: #f3cc2e;
    position: absolute;
    left: 40px;
    bottom: 8px;
    font-size: 0
}
.post-date span, .blog-posts .post-date span   {
    display: inline-block;
    vertical-align: bottom;
    line-height: 20px;
    font-size: 26px;
}
.post-primary .post-date .day {
    font-size: 50px;
    margin: 0 10px -19px 0;
    line-height: 60px;
    color: #fff !important
}
.post-primary .post-date .month {
    margin-right: 5px
}
.post-primary .post .buttons a:hover {
    background: #111
}
.post-primary .post .buttons a {
    display: inline-block;
    color: #909090;
    background: #1f1f1f;
    font-size: 13px;
    padding: 21px 38px 21px 22px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.rich-blog-image a {
    display: block;
    font-size: 0;
}
/* search form */

.blog-search-box .listbox {
    text-align: center;
    padding-bottom: 20px;
}
.blog-search-box form {
	display: inline-block;
	position: relative;
}
.blog-search-box form:after {
	content: "";
	display: block;
	clear: both;
}
.blog-search-box span.search-box-text {
	float: left;
}
.blog-search-box input.search-box-text {
	float: left;
	width: 248px !important;
	height: 36px;
	margin: 0 -1px 0 0;
}
.blog-search-box .instant-search-busy {
    background: #fff url('images/ajax-loader-small.gif') right center no-repeat !important;
}
.blog-search-box .search-box-button {
	float: left;
	width: 40px;
	height: 36px;
	border: none;
	background: #4169e1 url('images/search-button.png') center no-repeat;
	font-size: 0;
}

.blog-instant-search {
    height: auto !important;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
}
.blog-instant-search .k-list-container {
    width: 100% !important;
    height: auto !important;
    position: static !important;
}
.blog-instant-search .k-item {
    border-top: 1px solid #ddd;
	padding: 10px;
    cursor: pointer;
}
.blog-instant-search .k-item:first-child {
	border: 0;
}
.blog-instant-search .k-item.k-state-hover, 
.blog-instant-search .k-item.k-state-focused {
    background-color: #f3f3f3;
}
.blog-instant-search .k-item.rich-blog-autocomplete-last-item {
    color: #4ab2f1;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select {
    height: 36px;
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: middle;
}

/* blog list & blog post */
.master-column-wrapper2 .page-title {display: block;text-align: center;}
.blog-posts .post {
    background: #f9f9f9;
    margin: 0 auto 23px;
    box-shadow: 0 0 14px rgba(0,0,0,.06)
}

.blog-page .post {
	margin: 0 0 50px;
}
.blog-posts .post-date {
    display: block;
    float: left;
    color: #d2a042;
    position: absolute;
    left: 40px;
    bottom: 8px;
    font-size: 0;
}
.blog-posts .post-date .day {
    font-size: 50px;
    margin: 0 10px -19px 0;
    line-height: 60px;
    color: #fff !important;
}
/* .blog-posts .post-date span {
    display: inline-block;
    vertical-align: bottom;
    line-height: 20px;
    font-size: 26px;
*/
 .blog-posts .post-date .month {
    margin-right: 5px;
}
.blog-posts .post .buttons {
    font-size: 0;
}
 .blog-posts .post .buttons {
    margin: 0;
    float: right;
}
.blogpost-page .post-date {
    margin: 0 0 -26px;
    text-align: center;
}
 .blogpost-page .post-date {
    text-align: center;
    color: #b98c39;
    padding: 0 30px;
    margin: 0 0 20px;
    font-weight: bold
}

.rich-blog-image {
	font-size: 0;
}
.rich-blog-image img {
	max-width: 100%;
}

.post-footer {
	clear: both;
    padding: 5px 25px 5px 40px;
		display: inline-block;
	width: 100%;
}
.post-footer a {
	color: #1a4780;
}
.post-footer a:hover {
	text-decoration: underline;
}
.post-footer:after,
.post-relations:after,
.post-actions:after {
	content: "";
	display: block;
	clear: both;
}
.post-relations {
	margin: 0 0 20px;
}
.post-relations span {
    display: inline-block;
	margin: 0 3px 0 0;
	padding: 3px 0;
    font-weight: bold;
	color: #444;
}
.post-relations ul {
	display: inline-block;
	font-size: 0;
	margin-bottom:0px;
}
.post-relations li {
	display: inline-block;
	font-size: 14px;
}
.post-relations li.separator {
    margin: 0 5px 0 0;
}
.post-relations li a {
	display: block;
	padding: 3px 0;
}
.share-post li {
	display: inline-block;
}
.share-post a {
    display: block;
    width: 35px;
    height: 35px;
    border: 1px dashed #ccc;
    position: relative;
     -webkit-transition: all .3s 
ease-in-out;
    transition: all .3s 
ease-in-out;
}
.share-post a:before {
    content: "";
    font-family: "FontAwesome";
    text-transform: none;
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    text-align: center;
    color: #858585;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}
.share-post a:hover {
    background: #d2d2d2;
	  -webkit-transition: all .3s 
ease-in-out;
    transition: all .3s 
ease-in-out;
}

.share-post .facebook a:before {
    content: "\f09a";
	  -webkit-transition: all .3s 
ease-in-out;
    transition: all .3s 
ease-in-out;
}
.share-post .instagram a:before {
    content: "\f16d";  -webkit-transition: all .3s 
ease-in-out;
    transition: all .3s 
ease-in-out;
}
.blog-page .tags span,.blogpost-page .tags span {
    display: inline-block;
    margin: 0 3px 3px 40px;
    font-weight: bold;
    color: #444
}


.blog-page .tags ul, .blogpost-page .tags ul {
    display: inline-block;
    margin: 0 0 3px 3px;
    font-size: 0;
}
.blog-page .tags li, .blogpost-page .tags li {
    display: inline-block;
    font-size: 14px;
}
.blog-page .tags a, .blogpost-page .tags a {
    display: block;
    color: #1a4780;
}
.blog-page .tags li.separator, .blogpost-page .tags li.separator {
    margin: 0 8px 0 0;
}
.post-relations {
       margin: 0;
    max-width: 65%;
    position: relative;
    display: inline-block;
}
.blog-details a {
    font-weight: bold;
    color: #444;
}
.category-list li {
    list-style: none;
	margin-top: 0;
    margin-bottom: 0px !important;
}

 .blogpost-page .new-comment .title strong:before {
    font-family: "FontAwesome";
    text-transform: none;
   content: "\f040";
    color: #7a7a7a;
    font-size: 14px;
    display: inline-block;
    margin: 0 13px 0 0
}   
.title.toggle-comment-form strong.close-comment-form {
    display: none
}	
.title.toggle-comment-form.open strong.close-comment-form { display: block;}
.title.toggle-comment-form.open  strong.write-comment {display: none}
.title.toggle-comment-form.open strong:before {
    font-family: "FontAwesome";
    text-transform: none;
  content: "\f00d";
    color: #7a7a7a;
    font-size: 14px;
    display: inline-block;
    margin: 0 13px 0 0
}	 
.blogpost-page .rich-blog-image {
    padding: 0 30px;
    margin: 50px 0 30px;
}
.comment-info {
    color: #3e3e3e;
    text-transform: none;
    margin: 0 0 20px;
    font-size: 14px;
}

.blogpost-page .post-body {
    padding: 0 30px 50px;
    margin: 0;
    text-transform: none;
    color: #2b2b2b;
    line-height: 25px;
    font-family: 'Lato',sans-serif
}

.blogpost-page .new-comment {
    padding: 0;
    margin: 20px 0;
    max-width: none
}

.blogpost-page .new-comment .title {
    border: none;
    max-width: none;
    padding: 0;
    margin: 0;
    text-align: center;
    padding: 15px;
    background: #f5f5f5;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.blogpost-page .new-comment .title:hover {
    background: #e6e6e6
}

.blogpost-page .new-comment form {
    padding: 40px;
    border: 1px solid #f5f5f5;
    border-top: none;
}
.form-fields {
    position: relative
}

.form-fields:after {
    content: '';
    display: block;
    clear: both
}
.inputs {
    position: relative;
    margin: 0 auto 15px;
    text-align: left;
    white-space: nowrap;
    font-size: 0;
    width: 650px;
    max-width: 100%
}
.inputs:after {
    content: "";
    display: block;
    clear: both
}

.inputs label {
    display: block;
    width: 100%;
    margin: 0 0 7px;
    text-align: left;
    font-size: 15px
}
textarea,select {
    height: 50px;
    border: none;
    padding: 0 20px;
    vertical-align: middle;
    font-size: 15px;
    color: #909090;
    font-family: 'Lato',sans-serif;
    background: #f0f0f0
}
textarea {
    min-height: 150px;
    padding: 20px;
}
.blogpost-page .new-comment .inputs {
    width: auto;
}
.captcha-box {
    margin: 0 0 15px;
    text-align: center;
    line-height: 0
}
.captcha-box>div {
    display: inline-block
}
.inputs input[type="text"],.inputs input[type="password"],.inputs input[type="email"],.inputs input[type="tel"],.inputs select,.inputs textarea {
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
    text-transform: none
}
.comment-list {
    border-top: 1px dashed #ccc;
    padding: 30px;
}
.comment-list>.title {
    padding: 0;
    font-size: 18px;
    letter-spacing: 2px;
    margin: 0 0 25px;
    text-align: center;
}
.comments .comment {
    padding: 30px 0;
    border-bottom: 1px dashed #ccc;
}
.comments .avatar {
    margin: 10px 0 0;
}
.comments .avatar img {
    width: 100px;
    height: 100px;
    border: 1px solid #f1f1f1;
}
.comment-time {
    color: #909090;
    text-transform: none;
    margin: 0 0 10px;
    font-size: 13px;
}
.comment-body {
    color: #505050;
    text-transform: none;
    font-size: 14px;
    line-height: 20px;
}
@media all and (max-width: 1000px) {
	.block .title {
    position: relative;
    margin: 0 0 5px;
    border-bottom: 1px solid #ddd;
	background: #f6f6f6 url("images/toggle-gray.png") right 9px no-repeat;
    padding: 8px 20px;
    font-size: 16px;
    color: #444;
    cursor: pointer;
}
}
.blogpost-page .page-title {
	margin: 0;
}
.post-navigation {
    display: inline-block;
	overflow: hidden;
	margin: 0 0 15px;
}
.post-navigation a {
	position: relative;
	width: 45px;
	height: 45px;
    margin: 0 2px;
	overflow: hidden;
	font-size: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.post-navigation a:empty {
	opacity: 0.5;
}
.post-navigation .prev {
	float: left;
	text-align: left;
}
.post-navigation .next {
	float: right;
	text-align: right;
}
.post-navigation a:before {
	content: "";
	position: absolute;
	top: 0;
	width: 45px;
	height: 45px;
	border-style: solid;
	border-color: #fff;
}
.post-navigation .prev:before {
	left: 0;
	border-width: 0 2px 0 0;
	background: #eee url('images/prev.png') center no-repeat;
}
.post-navigation .next:before {
	right: 0;
	border-width: 0 0 0 2px;
	background: #eee url('images/next.png') center no-repeat;
}
.blog-search-results {
	text-align: center;
} 
.blog-search-results li {
    padding: 20px 15px;
}
.blog-search-results li a {
	display: inline-block;
	position: relative;
	margin: 0 0 10px;
	padding: 0;
	font-size: 20px;
	color: #4169E1;
}
.blog-search-results li p {
    border-top: 1px solid #e6e6e6;
    padding-top: 15px;
    line-height: 24px;
}


@media all and (min-width: 481px) {
	    .comments .comment {
        padding: 30px;
    }
.blog-search-box input.search-box-text {
	width: 300px !important;
}
.blog-page .post-actions .read-more {
	float: left;
	margin: 0;
}
.blog-page .post-actions .share-post {
	float: right;
}
.post-navigation a {
	background-color: #eee;
	font-size: 14px;
    line-height: 24px;
}

	
}

@media all and (min-width: 769px) {
	.comments .comment-content {
        padding: 30px 30px 30px 1%;
        width: 85%;
        float: right;
        position: relative
    }
	    .comments .comment:after {
        content: '';
        display: block;
        clear: both;
    }
	.comment-list .title {
        margin: 0;
    }
	    .comment-list {
        padding: 50px;
    }
	    .comments .comment-info {
        float: left;
        width: 15%;
        padding: 30px 1% 30px 0;
        margin: 0;
    }
		 .blogpost-page .page-title {
        position: relative;
        z-index: 1
    }
	    .news-item-page .news-date, .blogpost-page .post-date {
        padding: 0 50px;
    }
	    .post-actions {
        float: right;
        max-width: 35%;
    }
	 .blog-page .post-actions .share-post {
        float: right;
        margin: 0 -17px 0 0
    }
	
	
    .blog-page .post-head {
        overflow: hidden;
    }

.blogpost-page .post-navigation a {
    width: 45%;
    height: 40px;
    margin: 0;
} 	
.post-navigation .prev {
	padding: 8px 12px 8px 54px;
}
.post-navigation .next {
	padding: 8px 54px 8px 12px;
}
.post-navigation a::before,
.post-navigation a::after {
    width: 40px;
    height: 40px;
}

.blog-page .post-date {
	float: right;
}
.blogpost-page .post-relations {
	float: left;
	max-width: 74%;
	text-align: left;
}
.blogpost-page .post-actions {
	float: right;
	max-width: 26%;
}
    .blog-page .buttons {
        float: right;
        max-width: 18%;
    }
    .comments .comment {
        padding: 30px 0;
    }	
	
}



 .blog-posts .post .buttons a {
    display: inline-block;
    color: #909090;
    background: #1a4780;
    font-size: 20px;
    padding: 10px 38px 10px 22px;
    position: relative;
    -webkit-transition: all .2s 
ease-in-out;
    transition: all .2s 
ease-in-out;
}

.blog-posts .post-body {
    padding: 35px 40px;
    text-transform: none;
    text-align: left;
}
.blog-details {padding: 35px 40px;}
 .blog-posts .post-title {
    display: block;
    font-size: 24px;
    margin: 0 0 10px;
}
.news-item .news-text, .blog-posts .post-text {
    color: #909090;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
}
.post-body p, .news-body p {
    margin: 0 0 10px;
} 


@media all and (min-width: 1001px) {
    .rich-blog-homepage .view-all a {
        max-width: none;
        letter-spacing: 2px;
		color:#fff;
		font-style: italic;
    }

.rich-blog-homepage .blog-posts {
	overflow: hidden;
	text-align: center;
}
.rich-blog-homepage .blog-post {
	float: left;
	width: 31.33333%;
	margin: 0 1% 30px;
}
.rich-blog-homepage .blog-post:nth-child(3n+1) {
	clear: both;
}
.rich-blog-homepage .blog-post:only-child {
	float: none;
	width: auto;
	margin: 0 0 30px;
}

	
.blog-search-box {
	display: block;
	margin: 5px 0 15px;
	background: #f0f0f0;
}
.blog-search-box input.search-box-text {
	width: 196px !important;
	height: 40px;
}
.blog-search-box .search-box-button {
	height: 40px;
}
.blog-search-results {
	text-align: left;
}
.post-navigation {
    margin: 14px 0;
    width: 100%;
}
	
}

@media (min-width: 1201px) {
	    .comment-list {
        padding: 55px 68px;
    }
	 .inputs {
        text-align: left
    }
	 .blogpost-page .rich-blog-image {
        padding: 0 68px
    }
	.blogpost-page .post-body {
        padding: 0 68px 68px;
    }
    .rich-blog-homepage .view-all a {
        max-width: none;
        letter-spacing: 2px;
    }
}

@media all and (min-width: 1367px) {
	
.blog-search-box input.search-box-text {
	width: 250px !important;
}
	
}


@media (max-width: 767px) {
	 .blog-posts .post .buttons a {
    font-size: 18px;
}
	.blog-posts .post-date span {
    line-height: 20px;
    font-size: 20px;
}
.blog-posts .post-date .day {
    font-size: 40px;
}
	.blog-posts .post-date {
    left: 20px;
}
	.blog-posts .post-body {
    padding: 20px;
}

.rich-blog-homepage .post-details {
    padding: 20px 10px;
}
.post-primary .post-date {
    left: 15px;
	 font-size: 15px;
}
.rich-blog-homepage .read-more {
    padding: 14px 15px 10px 15px;
}
.post-primary .post-date .month {
    margin-right: 2px;
}
.post-primary .post-date .day {
    font-size: 30px;
    margin: 0 10px -19px 0;
   }
   .rich-blog-homepage .post-title {
    font-size: 18px;
    margin: 0 0 5px;
}
}
@media (max-width : 480px) {
.rich-blog-homepage .read-more {
    padding: 14px 34px 10px 12px;
    font-size: 15px;
}
.blogpost-page .post-body {
    padding: 0 15px 30px;
         }
	}