/* posts.css — extracted from asic-old style.css */

.aboutasic .shedule svg .line-1,
.aboutasic .shedule svg .line-2,
.attr-dropdown select,
.catalog .woocommerce-ordering select,
.compare_products-list li.product .product-buttons>.button.loading span,
.compare_products-list li.product .product-buttons>.button.loading::before,
.js_anim,
.posts-select select,
.ralated-products .swiper-initialized::after,
.swiper-pagination.swiper-pagination-hidden,
li.product .product-buttons>.button.loading span,
li.product .product-buttons>.button::after {
	opacity: 0
}

.grid-span-3,
.posts-items .no-posts {
	grid-column: span 3
}

.breadcrumb-list a,
.news-item a,
.tdn,
.title a,
li.product a {
	text-decoration: none
}

.loading-block.loading::before,
.loading-block.no-posts-found .no-posts,
[data-append].no-posts-found .no-posts {
	opacity: 1
}

#review_form .submit-load,
.btn-load,
.product-buttons>.added_to_cart-load,
.product-buttons>.button-load {
	background: #fff;
	min-width: 170px;
	border: 2px solid var(--grayl);
	padding: 14px 15px 12px
}

#review_form .submit-load::before,
.btn-load::before,
.product-buttons>.added_to_cart-load::before,
.product-buttons>.button-load::before {
	content: "";
	background: url(../../img/icons/refresh.svg) center/contain no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	pointer-events: none
}

#review_form .submit-load.loading,
.btn-load.loading,
.product-buttons>.added_to_cart-load.loading,
.product-buttons>.button-load.loading,
body.berocket_lmp_ajax_loading a.btn.btn-load {
	font-size: 0
}

#review_form .submit-load.loading::before,
.btn-load.loading::before,
.product-buttons>.added_to_cart-load.loading::before,
.product-buttons>.button-load.loading::before,
body.berocket_lmp_ajax_loading a.btn.btn-load::before {
	margin-right: 0;
	-webkit-animation: 1.5s linear infinite spin;
	animation: 1.5s linear infinite spin
}

.about-card-section,
.aboutasic,
.banner-cf7-section,
.catalogroups,
.contents-item,
.guarantee,
.lastnews,
.ralated-products,
.section,
.wishlist_products {
	padding: 40px 0
}

.attr-dropdown .select2-results__option[aria-selected=true],
.posts-select .select2-results__option[aria-selected=true] {
	background: #f8f8fa
}

.attr-dropdown .select2-results__option.select2-results__option--highlighted,
.posts-select .select2-results__option.select2-results__option--highlighted {
	background: -o-linear-gradient(344.14deg, #ff6a16 -14.72%, #ffa216 111.57%);
	background: linear-gradient(105.86deg, #ff6a16 -14.72%, #ffa216 111.57%)
}

.catalog__header,
.catalogroups__item-title,
.contents-item .contents-title,
.lastnews__list,
.reviews-header,
.single-product .summary-characteristics>.title,
li.product .product-price {
	margin-bottom: 20px
}

.aboutasic__item-image,
.banner-cf7 .form-row-wrap,
.dinamicbunner,
.posts-select,
.products__tabs-wrap-head,
.woocommerce-product-gallery {
	position: relative
}

.posts,
.searchsec,
.slidetabs {
	padding: 0 0 40px
}

.news-item,
.news-mini-item .title {
	line-height: 25px
}

.data-time {
	font-size: 14px;
	color: #7d8389
}

.news-mini-item {
	padding: 18px 0;
	border-bottom: 2px solid var(--grayl)
}

.news-mini-item .post-thumbnail {
	width: 100%;
	max-width: 100px;
	min-width: 100px;
	border-radius: 5px;
	overflow: hidden
}

.news-mini-item .post-thumbnail img {
	border-radius: 5px;
	max-height: 80px
}

.news-item {
	position: relative
}

.news-item .post-thumbnail {
	overflow: hidden;
	background: #f2f2f2;
	border-radius: 20px;
	margin-bottom: 20px
}

.news-item .post-thumbnail img {
	width: 100%;
	height: 250px;
	border-radius: 20px;
	-webkit-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.news-item .entry-title {
	margin-bottom: 10px;
	font-size: var(--s18)
}

.news-tags {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 2
}

.news-tags-item {
	background: var(--gray);
	border-radius: 60px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	padding: 5px 10px
}

.catalog__items .lmp_load_more_button,
.conntactsec .form__block .wpcf7,
.posts .btn-load {
	margin-top: 30px
}

.catalog__wrap .filters__items:not(:last-child),
.posts-cats,
.singled__main-thumb,
.woo-checkout .checkout-title {
	margin-bottom: 40px
}

.posts-select.select-open {
	width: 100%;
	max-width: 225px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.posts-cat-dropdown {
	position: relative;
	width: 100%;
	max-width: 225px;
	flex: 1
}

.posts-cat-dropdown__summary {
	display: block;
	padding: 15px 36px 15px 20px;
	line-height: 20px;
	color: var(--gray);
	font-weight: 600;
	font-size: 14px;
	border: 2px solid var(--grayl);
	border-radius: 60px;
	cursor: pointer;
	list-style: none
}

.posts-cat-dropdown__summary::-webkit-details-marker {
	display: none
}

.posts-cat-dropdown__summary::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 16px;
	width: 10px;
	height: 10px;
	transform: translateY(-50%);
	background: url(../img/icons/arrow-down-dark.svg) center/contain no-repeat;
	transition: .4s ease-in-out
}

.posts-cat-dropdown[open] .posts-cat-dropdown__summary {
	border-radius: 30px 30px 0 0
}

.posts-cat-dropdown[open] .posts-cat-dropdown__summary::after {
	transform: translateY(-50%) rotateX(180deg)
}

.posts-cat-dropdown__list {
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	margin: 0;
	padding: 8px 0;
	background: #fff;
	border: 1px solid var(--grayl);
	border-top: 0;
	border-radius: 0 0 20px 20px
}

.posts-cat-dropdown__link {
	display: block;
	padding: 8px 20px;
	color: #7d8389;
	text-decoration: none;
	font-size: 14px;
	transition: .3s ease
}

.posts-cat-dropdown__link:hover,
.posts-cat-dropdown__link.is-active {
	color: var(--gray);
	font-weight: 600
}

.posts-select .select2-container {
	font-size: 14px;
	line-height: 20px;
	width: 100% !important;
	z-index: 10 !important
}

.posts-select .select2-container .select2-selection--single {
	height: auto;
	border: 2px solid var(--grayl);
	border-radius: 60px
}

.posts-select .select2-container .select2-selection__rendered {
	padding: 15px 20px;
	line-height: 20px;
	color: var(--gray);
	font-weight: 600
}

.posts-select .select2-container+.select2-container {
	left: auto !important;
	right: 0;
	min-width: 200px
}

.posts-select .select2-container .post-dropdown {
	width: 100% !important;
	border: 1px solid var(--grayl)
}

.posts-select .select2-container .select2-selection__arrow {
	top: 50%;
	right: 8px;
	width: 10px;
	height: 10px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.posts-select .select2-container .select2-selection__arrow::after {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: url(../../img/icons/arrow-down-dark.svg) center/contain no-repeat;
	width: 100%;
	height: 100%;
	right: 0;
	-webkit-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.banner-cf7 .wpcf7-response-output,
.conntactsec .form__block form.sent .wpcf7-response-output,
.popup-buy-info a.btn-remove,
.popup-comments-form .comment-form-rating select,
.popup-comments-form .comment-notes #email-notes,
.popup-comments-form .comment-notes .required-field-message,
.popup-quarantee .wpcf7-form.sent .wpcf7-response-output,
.popup-wc-info .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.popup-wc-info .wpcf7-form.sent .wpcf7-response-output,
.posts-select .select2-container .select2-selection__arrow b {
	display: none
}

.posts-select .select2-container.select2-container--open.select2-container--below .select2-selection--single {
	border-radius: 30px 30px 0 0
}

.posts-select .select2-container.select2-container--open .select2-selection__arrow {
	-webkit-transform: translate(0, -50%) rotateX(180deg);
	transform: translate(0, -50%) rotateX(180deg)
}

.posts-select .select2-container .select2-results__option {
	padding: 5px 10px 5px 20px
}

.posts-items {
	min-height: 25vh;
	grid-gap: 30px 20px
}

.cats-item-link {
	display: block;
	padding: 13px 20px;
	line-height: 20px;
	color: #7d8389;
	border: 2px solid #f8f8fa;
	border-radius: 60px;
	-webkit-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.cats-item-link.current-cat,
.cats-item-link:hover {
	background: var(--gray);
	color: #fff;
	border: 2px solid var(--gray)
}

.singled__aside-posts-title {
	padding: 15px 30px;
	margin-bottom: 10px;
	background: var(--gray);
	border-radius: 20px 20px 0 0
}

.singled__aside-posts-title.title {
	line-height: 30px
}

@media all and (min-width:1100px) {
	.posts-select {
		display: none
	}
}

@media all and (max-width:1200px) {
	.news-item .post-thumbnail img {
		height: 230px
	}
}

@media all and (max-width:1100px) {
	.posts-cats .cats {
		display: none
	}

	.posts-cats {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.posts-items {
		grid-template-columns: repeat(2, 1fr)
	}

	.singled__aside-posts-title.title {
		font-size: 16px
	}
}

@media all and (max-width:850px) {
  .lastnews__list {
  		grid-template-columns: repeat(2, 1fr)
  	}
  .lastnews__list .news-item:nth-child(3) {
  		display: none
  	}
}

@media all and (max-width:721px) {
  .lastnews__list .news-item:nth-child(2),
  	.preloader-wrap .preloader-slog,
  	.preloader-wrap i,
  	.products__tabs-wrap-head .swiper__btns {
  		display: none
  	}
  .lastnews__list .news-item .post-thumbnail img {
  		height: auto
  	}
}

@media all and (max-width:480px) {
  .lastnews__list .news-item .post-thumbnail img {
  		max-height: 250px
  	}
}
