*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, a img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

b, strong { font-weight: 700; }
iframe { display: inline-block; max-width: 100%; }
img { max-width: 100%; }
.clearfix { overflow: hidden; width: 100%; clear: both; }

.fgrid {
	display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;
	width: auto; margin: -6px; justify-content: center;
}

.fgrid > div { padding: 6px; }

.fgrid .col-1 { width: 8.3333%; }
.fgrid .col-2 { width: 16.6667%; }
.fgrid .col-3 { width: 25%; }
.fgrid .col-4 { width: 33.3333%; }
.fgrid .col-5 { width: 41.6667%; }
.fgrid .col-6 { width: 50%; }
.fgrid .col-7 { width: 58.3333%; }
.fgrid .col-8 { width: 66.6667%; }
.fgrid .col-9 { width: 75%; }
.fgrid .col-10 { width: 83.3333%; }
.fgrid .col-11 { width: 91.6667%; }
.fgrid .col-12 { width: 100%; }

#container { overflow: hidden; width: 100%; min-width: 320px; position: relative; margin: 0 auto; padding-top: 80px;}
#container .wrap { width: 100%; max-width: 1440px; min-height: 100%; position: relative; margin: 0 auto; }
#container .wrap-left { padding-left: 15px; }
#container .wrap-right { padding-right: 15px; }

.blog_menu {
	display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;
	width: auto; margin: 0 auto; justify-content: center; border-bottom: none; width: 400px; max-width: 100%;
}
.blog_menu li { display: block; width: 50%; padding: 0 1px 1px 0; }
.blog_menu li a { display: block; padding: 8px 0; color: #fff; text-align: center; text-transform: uppercase; background: #eb1d47; font-size: 12px; }
.blog_menu li.active a { color: #fff; }
.blog_menu li a:hover { opacity: 0.8; }

.post_item { padding-bottom: 25px; }
.posts_list { width: 50%; float: right; }
.posts_list .post_item { width: 100%; }
.posts_list .post_item h3 { padding-left: 48px; padding-right: 6px; }
.posts_list .post_item h3 a{color:inherit;text-decoration: none;}
.posts_list .post_item p { padding-left: 48px; padding-right: 6px; }
.post_item .more_button { margin-left: 48px; }
.main_blog_image img { width: 100%; max-width: auto; margin-top: 0; }

.header-top { padding: 36px 0; }
.logo-big { max-width: 50%; margin-left: 12px; }

#menu-fixed { width: 100%; position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 999; }
#menu-fixed.hidden { top: -10em; }

.btn-more {
	display: inline-block; position: relative; padding: 12px 20px;
	font-weight: 400; font-size: 15px; line-height: 1.25; color: #fff; text-decoration: none; background: #eb1d47;
	-webkit-border-radius: 999em; -moz-border-radius: 999em; -ms-border-radius: 999em; border-radius: 999em;
}
.btn-more:after {
	content: ''; display: none; width: 28px; height: 28px; position: absolute; right: 5px; top: 50%; background: url('./img/more.png') center no-repeat;
	-webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;
}
.btn-more:hover { padding-right: 40px; }
.btn-more:hover:after { display: block; }


.post_single_images .main_images .item { width: 100%; }
.post_single_images .main_images .item:after { content: ''; display: block; width: 100%; height: 1px; margin: 10px 0; background: #dbdbdb; }
.post_single_images .main_images .item:last-child:after { display: none; }
.post_single_images .main_images .item img { display: block; width: 100%; margin: 0; }

.post_single_images .list_images_line { display: block; width: 100%; height: 1px; margin: 10px 0; background: #dbdbdb; }
.post_single_images .list_images {
	display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;
	width: auto; margin: -3px; justify-content: left;
}
.post_single_images .list_images .item { width: 25%; padding: 3px; }
.post_single_images .list_images .item a { display: block; width: 100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; }
.post_single_images .list_images .item img { display: block; width: 100%; margin: 0; }
.post_single_images .list_images .item .number {
	display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;
	width: 51px; height: 46px; position: absolute; left: 0; bottom: 0; padding-top: 3px; padding-right: 6px;
	font-weight: 400; font-size: 20px; line-height: 1; color: #fefefe; justify-content: center; align-items: center;
	background: url('./img/number.png') no-repeat;
}


.post_item_single { padding-bottom: 0; border-bottom: none; }

.post_single_content { padding-left: 50px; }

.post_single_content .post_title { margin: 0; padding: 32px 0; font-weight: 400; font-size: 36px; line-height: 1.25; color: #000; text-align: center; border-bottom: solid 1px #dbdbdb; }

.post_single_content .post_content { margin: 40px 0 0; font-weight: 400; font-size: 15px; line-height: 1.25; color: #000; }
.post_single_content .post_content p { margin: 0 0 20px; padding-left: 0; padding-right: 0; }
.post_single_content .post_content ul li, .post_single_content .post_content ol li { margin: 0 0 12px; padding: 0; }

.post_single_content .post_content ul { padding-left: 32px; }
.post_single_content .post_content ul li { list-style: none; }
.post_single_content .post_content ul li:before { content: '- '; display: inline; }
.post_single_content .post_content ol { padding-left: 48px; }
.post_single_content .post_content ol li { list-style: decimal; }

.post_single_content .post_author { margin: 64px 0 0; padding: 16px 0 0; font-weight: 400; font-size: 15px; line-height: 1.25; color: #000; text-align: right; border-top: solid 1px #dbdbdb; }

.post_single_content .post_share { padding: 32px 0 48px; border-bottom: solid 1px #dbdbdb; }
.post_single_content .post_share .share-icon {
	display: inline-block; width: 50px; height: 50px; margin: 0 20px 0 0;
	background-color: #eaeaea; background-position: center; background-repeat: no-repeat;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;
}
.post_single_content .post_share .share-icon:hover { background-color: #ddd; }
.post_single_content .post_share .share-icon-fb { background-image: url('./img/icon-fb.png'); }
.post_single_content .post_share .share-icon-tw { background-image: url('./img/icon-tw.png'); }


.list_container { padding: 48px 0; text-align: center; }


.popularpost { margin: 0 auto 32px; }
.popularpost > .row {
	display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;
	width: auto; margin: -40px; justify-content: center;
}
.popularpost > .row > .col { width: 33.3333%; padding: 40px; text-align: left; }

.popularpost .item { padding: 0 0 24px; }
.popularpost .item .miniature { display: block; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.popularpost .item .miniature img { display: block; width: 100%; }
.popularpost .item h4 { margin: 20px 0 0; font-weight: 400; font-size: 20px; line-height: 1.25; color: #000; }
.popularpost .item p { margin: 16px 0 0; font-weight: 400; font-size: 15px; line-height: 1.25; color: #000; }
.popularpost .item .btn-more { margin: 20px 0 0; }



@media screen and (max-width: 1200px) {

.posts_list .post_item h3 { padding-left: 24px; }
.posts_list .post_item p { padding-left: 24px; }
.post_item .more_button { margin-left: 24px; }

.post_single_content { padding-left: 15px; }
.post_single_content .post_title { padding: 16px 0 20px; }
.post_single_content .post_content { margin: 32px 0 0; }
.post_single_content .post_author { margin: 36px 0 0; }
.post_single_content .post_share { padding: 20px 0 28px; }

#comments { padding-top: 36px !important; }
.list_container { padding-top: 32px; padding-bottom: 32px; }
.top_title { margin-top: 36px; margin-bottom: 36px; }

.popularpost > .row { margin: -15px; }
.popularpost > .row > .col { padding: 15px; }

}



@media screen and (max-width: 767px) {

#menu-fixed { display: none; }

.posts_list { width: 100%; float: none; clear: both; }
.posts_list .post_item h3 { padding-left: 15px; padding-right: 15px; }
.posts_list .post_item p { padding-left: 15px; padding-right: 15px; }
.post_item .more_button { margin-left: 15px; }

.popularpost { max-width: 400px; }
.popularpost > .row > .col { width: 100%; }

}



@media screen and (max-width: 480px) {

.blog_menu li { width: 100%; }

}



















.site-header {
	float: left;
	width: 100%;
	height: 79px;
	line-height: 79px;
	background: #fff;
	position: fixed;
    left: 0;
	top: 0;
	z-index: 9999;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

.home .site-header {
	top: 0;
}

.gotop {
	top: 0 !important;
}

.site-header .wrap {
	border-bottom: 1px solid #dbdbdb;
	height: 80px;
	background: #fff;
}

.site-header .wrap {
	position: relative;
}

.site-branding {
	float: left;
	margin-left: 15px;
	line-height: 1;
	margin-top: 16px;
}

.site-branding-rwd {
	display: none;
	float: left;
	line-height: 1;
	margin-top: 26px;
	width: 110px;
	margin-left: 10px;
}

.nav-menu {
	color: #212121;
	margin-left: 48px !important;
	margin-right: 38px !important;
}

.nav-menu li {
	margin: 0 16px;
	position: relative;
}

.nav-menu li:last-of-type {
	margin-right: 0;
}

.nav-menu li:first-of-type {
	margin-left: 0;
}

.nav-menu li:nth-of-type(10)::after {
	content: "";
}

.nav-menu li a {
	position: relative;
	color: #424446;
	font-size: 15px;
	display: block;
	padding: 30px;
	text-decoration: none;
}

@media screen and (min-width: 1110px) {
	.nav-menu li a:after {
		content: '';
		height: 3px;
		width: 0%;
		background: #ec1d48;
		position: absolute;
		left: 0;
		bottom: 26px;
		opacity: 0;
		-webkit-transition: 0.35s ease;
		-moz-transition: 0.35s ease;
		-o-transition: 0.35s ease;
		transition: 0.35s ease;
	}
	.nav-menu li a:hover:after {
		width: 100%;
		opacity: 1;
		-webkit-transition: 0.35s ease;
		-moz-transition: 0.35s ease;
		-o-transition: 0.35s ease;
		transition: 0.35s ease;
	}
}

div.menu {
	margin-left: 9%;
}

header {
	z-index: 9999999999;
}

.menu ul li a {
	color: #424446;
	font-size: 15px;
	display: block;
	padding: 0 16px;
	text-decoration: none;
}

.sub-menu a {
	line-height: normal;
}

.menu ul li {
	float: left;
}

.menu ul li:hover {
	border-bottom: 1px solid #eb1d47;
}

@media screen and (max-width: 1250px) {
	.menu ul li a {
		padding: 0 12px;
		font-size: 14px;
	}
}

@media screen and (max-width: 1170px) {
	div.menu {
		margin-left: 4%;
	}
}

@media screen and (max-width: 1040px) {
	div.menu {
		margin-left: 2%;
	}

	.menu ul li a {
		font-size: 13px;
		padding: 0 6px;
	}
}

@media screen and (max-width: 945px) {
	div.menu {
		margin-right: 0%;
		float: right;
	}
}

@media screen and (max-width: 936px) {
	div.menu {
		margin-right: 0%;
		float: right;
		/*max-height: 80vh;*/
	}
}

@media screen and (max-width: 870px) {
	#container{
		padding-top: 0;
	}
	.site-header{
		position: relative;
		height: auto;
	}

	.menu ul li a {
		text-align: center;
		display: block;
		width: 100%;
		font-size: 16px;
		line-height: 35px;
	}

	div.menu {
		margin-left: 0 !important;
		display: none;
		float: none;
		width: 100%;
	}

	ul.menu{
		float:none;
	}

	.menu .wpml-ls-menu-item{
		position: relative;
	}
	.menu .wpml-ls-menu-item .sub-menu{
		top: -10px;
		display: block !important;
		text-align: center;
	}
	.menu .wpml-ls-menu-item .sub-menu li{
		display: inline-block;
		width: auto;
	}
	.page_item .sub-menu, .menu-item-object-page .sub-menu {
		display: none !important;
	}

	.menu li {
		display: block;
		width: 100%;
		background: #fff;
		margin-left: 0;
	}


	.sub_menu a {
		margin-right: 0;
		margin-left: 10px;
		font-size: 14px;
	}

	.sub_menu p {
		display: none;
	}

}

@media screen and (max-width: 480px) {

	.sub_menu a {
		font-size: 12px;
	}
}

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 1110px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.mobile_menu_trigger {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 20px;
	right: 5px;
	z-index: 9999999;
	background: url(img/menu_trigger.png) scroll no-repeat 0 0;
}

@media (min-width: 871px){
	.mobile_menu_trigger {
		display: none;
	}
}

.comments-title{padding-bottom: 30px;}
.comment-list .comment{padding-top:10px;padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb;}
.comment-list .comment-meta img{display: none;}
.comment-list .comment-meta:after{content:"";display: block;clear:both;}
.comment-list .comment .comment-author{float: left;}
.comment-list .comment .comment-metadata{float: right;font-size:0.8em;padding-top:4px;}
.comment-list .comment a{color: inherit;text-decoration: none;}
.comment-list .comment .reply{font-size: 0.8em;}
.comment-list .comment .reply a{text-decoration: underline}
.comment-list .comment-content{padding: 10px 0; margin: 10px 0 10px 5px; border-left: 3px solid #dbdbdb;}
.comment-list .comment-content p{padding-left: 10px;line-height: 1.3;}
.comment-list .comment-content p+p{padding-top: 5px;}

.comment-list .children{padding-left: 20px;border-left: 2px solid #dbdbdb;margin: 10px 0;}
.comment-list .children .comment:last-child{border: none;}

.post_item h3 small{font-size: 0.5em;}

.comment-respond{padding-top: 20px;}
.comment-respond h3, .comment-respond p{padding: 0;}
.comment-form p{padding-bottom: 10px;}
.comment-form label{ display: block; padding-bottom: 5px; text-align: left}
.comment-form input,
.comment-form textarea{outline: none;}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea{ width: 100%; border: 1px solid #999; padding: 10px;}
.comment-form input[type="submit"]{
	display: inline-block;
	position: relative;
	padding: 12px 20px;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.25;
	color: #fff;
	text-decoration: none;
	background: #eb1d47;
	-webkit-border-radius: 999em;
	-moz-border-radius: 999em;
	-ms-border-radius: 999em;
	border-radius: 999em; border: none;
}

@media (min-width: 1000px) {
	.comment-respond h3, .comment-respond p{ width: 80%; margin-left: auto; margin-right: auto; }
}


.product-categories{padding: 50px 0;display: flex; flex-wrap: wrap; justify-content: center }
.product-categories .category-item{ width: 100%; flex-shrink: 0; text-transform: uppercase; padding: 10px; }
.product-categories .category-image{ width: 100%; height: 0; padding-bottom: 100%; background-color: #f0f0f0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.product-categories h3{margin: 15px 0;font-size: 24px;}
.product-categories h3 a{ color: inherit; text-decoration: none; }
.product-categories .btn-more{ font-size: 18px; }

@media (min-width: 560px) {
	.product-categories .category-item{ width: 50%; }
}

@media (min-width: 876px) {
	.product-categories .category-item{ width: 33.33%; }
}

@media (min-width: 1200px) {
	.product-categories .category-item{ width: 20% }
}

/* new main page styles */
.first-post-wrap {
	width: 100%;
    max-width: 1600px;
    position: relative;
	margin: 0 auto;
	padding-top: 60px;
	margin-bottom: -35px;
}

@media screen and (max-width: 1280px) {
	.first-post-wrap {
		padding-top: 40px;
		margin-bottom: -20px;
	}
}

@media screen and (max-width: 1024px) {
	.first-post-wrap {
	    margin-bottom: 0;
	}
}

.first-post-wrap .post {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}

.first-post-wrap .left-col {
	width: calc(50% + 80px);
}

@media screen and (max-width: 1280px) {
	.first-post-wrap .left-col {
		width: calc(50% + 40px);
	}
}

@media screen and (max-width: 1024px) {
	.first-post-wrap .left-col {
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.first-post-wrap .left-col {
		width: 100%;
	}
}

.first-post-wrap .left-col img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media screen and (max-width: 768px) {
	.first-post-wrap .left-col img {
		height: 65vw;
	}
}

.first-post-wrap .right-col {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding-bottom: 35px;
}

@media screen and (max-width: 1280px) {
	.first-post-wrap .right-col {
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 1024px) {
	.first-post-wrap .right-col {
		padding-bottom: 0;
	}
}

.first-post-wrap .right-col .cat-title {
	width: 100%;
	padding: 30px;
	font-size: 100px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1.1;
}

@media screen and (max-width: 1650px) {
	.first-post-wrap .right-col .cat-title {
		font-size: 5.8vw;
		padding: 20px;
	}
}

@media screen and (max-width: 768px) {
	.first-post-wrap .right-col .cat-title {
		font-size: 40px;
	}
}

.first-post-wrap .right-col .text-wrap {
	position: relative;
	width: calc(100% + 80px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
}

@media screen and (max-width: 1280px) {
	.first-post-wrap .right-col .text-wrap {
		width: calc(100% + 40px);
	}
}

@media screen and (max-width: 1024px) {
	.first-post-wrap .right-col .text-wrap {
		width: 100%;
	}
}

.first-post-wrap .right-col .text-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #eb1d47;
	mix-blend-mode: multiply;
	z-index: 0;
}

.first-post-wrap .right-col .text-wrap .new-title {
	width: 100%;
	max-width: 520px;
	position: relative;
	color: white;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
	line-height: 1.1;
	padding-bottom: 40px;
	z-index: 1;
}

@media screen and (max-width: 1024px) {
	.first-post-wrap .right-col .text-wrap .new-title {
    	padding-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.first-post-wrap .right-col .text-wrap .new-title {
		font-size: 14px;
		max-width: none;
	}
}

.first-post-wrap .right-col .text-wrap .title {
	position: relative;
	text-align: left;
	padding-bottom: 20px;
	z-index: 1;
	width: 100%;
	max-width: 520px;
}

@media screen and (max-width: 768px) {
	.first-post-wrap .right-col .text-wrap .title {
		max-width: none;
	}
}

.first-post-wrap .right-col .text-wrap .title a {
	color: white;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.1;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.first-post-wrap .right-col .text-wrap .title a {
    	font-size: 24px;
	}
}

.first-post-wrap .right-col .text-wrap .desc {
	position: relative;
	color: white;
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	line-height: 1.1;
	padding-bottom: 20px;
	z-index: 1;
	width: 100%;
	max-width: 520px;
}

@media screen and (max-width: 768px) {
	.first-post-wrap .right-col .text-wrap .desc {
		font-size: 14px;
		max-width: none;
	}
}

.first-post-wrap .right-col .text-wrap .btn-white {
	background-color: white;
	color: #eb1d47;
}

.first-post-wrap .right-col .text-wrap .btn-white span {
	background: #eb1d47 url(img/arrow_right_white.png) no-repeat center center;
}

.posts-section:nth-last-of-type(even) .first-post-wrap .post {
	flex-direction: row;
}

@media screen and (max-width: 768px) {
	.posts-section:nth-last-of-type(even) .first-post-wrap .post {
		flex-direction: column-reverse;
	}
}

.posts-section:nth-last-of-type(even) .first-post-wrap .right-col .text-wrap {
	margin-left: -80px;
	padding: 30px 30px 30px 110px;
}

@media screen and (max-width: 1280px) {
	.posts-section:nth-last-of-type(even) .first-post-wrap .right-col .text-wrap {
		margin-left: -40px;
		padding: 20px 20px 20px 60px;
	}
}

@media screen and (max-width: 1024px) {
	.posts-section:nth-last-of-type(even) .first-post-wrap .right-col .text-wrap {
		margin-left: 0;
		padding: 20px;
	}
}

.posts-section:nth-last-of-type(even) .first-post-wrap .right-col .cat-title {
	text-align: left;
}

@media screen and (max-width: 768px) {
	.posts-section:nth-last-of-type(even) .first-post-wrap .right-col .cat-title {
		text-align: center;
	}
}

.posts-section:nth-last-of-type(odd) .first-post-wrap .post {
    flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
	.posts-section:nth-last-of-type(odd) .first-post-wrap .post {
		flex-direction: column-reverse;
	}
}

.posts-section:nth-last-of-type(odd) .first-post-wrap .right-col .text-wrap {
	margin-right: -80px;
	padding: 30px 110px 30px 30px;
}

@media screen and (max-width: 1280px) {
	.posts-section:nth-last-of-type(odd) .first-post-wrap .right-col .text-wrap {
		margin-right: -40px;
		padding: 20px 60px 20px 20px;
	}
}

@media screen and (max-width: 1024px) {
	.posts-section:nth-last-of-type(odd) .first-post-wrap .right-col .text-wrap {
		margin-right: 0;
		padding: 20px;
	}
}

.posts-section:nth-last-of-type(odd) .first-post-wrap .right-col .cat-title {
	text-align: right;
}

@media screen and (max-width: 768px) {
	.posts-section:nth-last-of-type(odd) .first-post-wrap .right-col .cat-title {
		text-align: center;
	}
}


.posts-list {
	background-color: #f5f5f5;
}

.posts-list .posts-wrap {
    width: 100%;
    max-width: 1480px;
    min-height: 100%;
    position: relative;
	margin: 0 auto;
	padding: 100px 20px 0 20px;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
}

@media screen and (max-width: 1280px) {
	.posts-list .posts-wrap {
		padding-top: 50px;
	}
}

@media screen and (max-width: 1024px) {
	.posts-list .posts-wrap {
		flex-direction: column;
		align-items: center;
	}
}

.posts-list .alm-reveal {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
	.posts-list .alm-reveal {
		flex-direction: column;
		align-items: center;
	}
}

.posts-list .alm-btn-wrap {
	padding: 0 20px 25px 20px;
}

.posts-list .ajax-load-more-wrap.grey .alm-load-more-btn {
	border-radius: 30px;
    height: 40px;
    background-color: #b6b6b6;
}

.posts-list .alm-btn-wrap .alm-load-more-btn.loading:before {
    background: #fff url(https://solgaz-blog.loc/wp-content/plugins/ajax-load-more/core/img/spinner-ring.gif) no-repeat center center;
    width: 32px;
    height: 32px;
	margin: 4px;
	border-radius: 50%;
}

.posts-list .posts-wrap .post {
	position: relative;
	width: calc(33.33% - 27px);
	max-width: 520px;
	margin-right: 40px;
	margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
	.posts-list .posts-wrap .post {
		margin-right: 0;
		width: 100%;
		margin-bottom: 30px;
	}
}

.posts-list .posts-wrap .post:nth-of-type(3n) {
	margin-right: 0;
}

@media screen and (max-width: 1024px) {
	.posts-list .posts-wrap .post:nth-of-type(3n) {
		margin-right: 0;
	}
}

.posts-list .posts-wrap .post .img-wrap {
	width: 100%;
	height: 320px;
}

@media screen and (max-width: 1480px) {
	.posts-list .posts-wrap .post .img-wrap {
	    height: 20vw;
	}
}

@media screen and (max-width: 1024px) {
	.posts-list .posts-wrap .post .img-wrap {
	    height: 340px;
	}
}

@media screen and (max-width: 768px) {
	.posts-list .posts-wrap .post .img-wrap {
		height: 60vw;
		max-height: 340px;
	}
}

.posts-list .posts-wrap .post .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.posts-list .posts-wrap .post .text-wrap {
	padding: 20px 20px 60px 20px;
}

.posts-list .posts-wrap .post .title {
	position: relative;
	text-align: left;
	padding-bottom: 20px;
	z-index: 1;
	width: 100%;
}

.posts-list .posts-wrap .post .text-wrap .title a {
	color: black;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.1;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.posts-list .posts-wrap .post .text-wrap .title a {
	    font-size: 20px;
	}
}

.posts-list .posts-wrap .post .desc {
	position: relative;
	color: black;
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	line-height: 1.1;
}

@media screen and (max-width: 768px) {
	.posts-list .posts-wrap .post .desc {
	    font-size: 14px;
	}
}

.posts-list .posts-wrap .post .more_button {
	position: absolute;
	bottom: 0;
	left: 20px;
}

.posts-list .more-wrap {
	width: 100%;
    max-width: 1480px;
    min-height: 100%;
    position: relative;
	margin: 0 auto;
	padding: 0 20px 25px 20px;
	text-align: center;
}

.posts-list .more-wrap .more_button {
	background-color: #b6b6b6;
	color: white;
	padding: 12px 25px;
	outline: none;
	border: none;
}