/* zoom iamge */
.mz-zoom-thumbnail-yes .rbt-carousel-thumbnail img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition: all .4s ease-in-out;
}
.mz-zoom-thumbnail-yes .mz-posts:hover .rbt-carousel-thumbnail img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	transition: all .3s ease-in-out;
}
.rbt-carousel-thumbnail img {display: block;}

/* data */ 
.rbt-carousel-data {position: absolute;bottom: 0;left: 0;background: red;color: #fff;z-index: 1;padding:10px 30px}

.swiper-slide{
	overflow: visible !important;
}

.mz-posts{
	position: relative;
}

@media (max-width: 959px){
	.rbt-visible\@m {
	    display: none !important;
	}
}

.rbt-carousel .swiper-slide {
  padding: 0px 20px 40px 20px;
}

/*####################### style-1 ######################## */

.sp-1 .rbt-carousel-thumbnail {overflow: hidden;position: relative;}

/* thumbnail */
.sp-1 .rbt-carousel-thumbnail::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .3s linear;
	overflow: hidden;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	opacity: 1;
	background-color: rgba(255,255,255,.2);
}
 
.sp-1.mz-posts:hover .rbt-carousel-thumbnail::after {
    transition: all .3s ease-in-out;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
	opacity: 1;
}

.sp-1 .rbt-carousel-thumbnail, .sp-1 .rbt-carousel-thumbnail img {border-radius: 5px 5px 0 0;}

/* title */
.sp-1 .rbt-carousel-title a{color: #292929;}
.sp-1 .rbt-carousel-title a:hover {color: #D83030;}
.sp-1 .rbt-carousel-title {margin-top: 20px;margin-bottom:15px;font-size: 20px;}

/* meta */
.sp-1 .rbt-carousel-meta span * {color: #7A7A7A;}
.sp-1 .rbt-carousel-meta span:hover,.sp-1 .rbt-carousel-meta span:hover a { color: #D83030;}
.sp-1 .rbt-carousel-meta {margin-bottom:15px}

/* button redmore */
.sp-1 .rbt-carousel-button {background-color:#D83030;border-radius:50px;padding: 2px 4px 0px 4px;color:#fff;right:87%;bottom:-12px;}

.sp-1 .rbt-carousel-button .rbt-carousel-button-icon {font-size:15px}

.sp-1 .rbt-carousel-button:hover {background-color:#292929;}

/* other */
.sp-1.mz-posts{background-color: #fff;border-radius: 5px;}

.sp-1 .info-post {padding: 0 20px 10px 20px;}

.sp-1 .rbt-carousel-excerpt {color:#676767;margin-bottom: 30px;}

/* box shodow */
.sp-1.mz-posts {transition: .5s;box-shadow: 0px 0px 20px 0px rgba(5, 5, 5, 0.08);}
.sp-1.mz-posts:hover {box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.15);}

/*####################### style-2 ######################## */

.sp-2.mz-posts {
	display: block;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    overflow: hidden;
    margin-top: 15px;
}

.sp-2.mz-posts .overlay {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	background-color: rgba(0,0,0,1);
	opacity: 0;
	z-index: 2;
	transition: all 500ms ease;
	-webkit-all: opacity 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.sp-2.mz-posts:hover .overlay {
	opacity: .8;
	top: 0;
}

.sp-2.mz-posts img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.sp-2.mz-posts .info-post {
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 10px 15px;
	background-color: rgba(0,0,0,.5);
	font-size: 14px;
	z-index: 3;
	opacity: 0;
	color: #fb4848;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	border-top: 3px solid #D83030;
}

.sp-2.mz-posts:hover .info-post {
	opacity: 1;
	bottom: 0;
}

/* title */
.sp-2 .rbt-carousel-title a {color: #D83030;}
.sp-2 .rbt-carousel-title {margin-bottom: 10px;}

/* category */
.rbt-carousel-categories a {color:#fff;}

/* button redmore */
.sp-2 .rbt-carousel-button {color:#fff;right:46%;bottom:110px;}
.sp-2 .rbt-carousel-button .rbt-carousel-button-icon i {font-size:20px}

/*
.mz-posts.sp-2 {
	position: relative;
	display: block;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    overflow: hidden;
    margin-top: 15px;
	border: 1px solid #fb4848;
	border-top-color: rgb(251, 72, 72);
	border-right-color: rgb(251, 72, 72);
	border-bottom-color: rgb(251, 72, 72);
	border-left-color: rgb(251, 72, 72);
	border-color: #fb4848;
}

.sp-2.mz-posts .overlay {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background: red;
	background-color: rgba(0, 0, 0, 0);
	background-color: rgba(0,0,0,1);
	opacity: 0;
	z-index: 2;
	transition: all 500ms ease;
	-webkit-all: opacity 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.sp-2.mz-posts:hover .overlay {
	opacity: .8;
	top: 0;
}

.sp-2.mz-posts img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	transform-style: preserve-3d;
}

.sp-2.mz-posts .info-post {
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 10px 15px;
	background-color: rgba(0,0,0,.5);
	font-size: 14px;
	z-index: 3;
	opacity: 0;
	color: #fb4848;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	border-top: 2px solid #fb4848;
	border-top-color: rgb(251, 72, 72);
}
*/





.post-grid .page-header {
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-content {
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(5, 5, 5, 0.08);
	padding: 30px 20px 40px 20px;
	text-align: center;
	border-radius: 10px;
}

.page-content h1, .page-content p {
	margin-bottom: 15px;
}

.page-content label,
.page-content input {
	background: #EEEEEE;
}

.page-content .search-form label input {
	background-color: #EEEEEE;

}

.page-content .search-form label {
	padding: 2px 10px 4px 0;
	border-radius: 0 10px 10px 0px;
	background-color: #EEEEEE;
}

.page-content .search-form > input {
	cursor: pointer;
	background: #D83030;
	padding: inherit;
	padding: 5px 15px 5px 15px;
	border-radius: 10px 0 0 10px;
}