/* Theme Banner */

.theme-banner {
	clear: both;
    display: block;
    overflow: hidden;
}
.theme-banner .swiper-pager {
	width: calc(100% - 60px);
	left: 30px !important;
}
.theme-banner .swiper-viewport {
	margin-bottom: 0 !important;
}
#column-left .theme-banner, #column-right .theme-banner {
	max-width: 100%;
}
#content .theme-banner {
	margin-left: -30px;
	margin-right: -30px;
}
.theme-banner div {
	padding: 0;
	text-align: center;
}
#column-left .theme-banner > div, #column-right .theme-banner > div {
	text-align: center;
	width: 100%;
	padding: 0;
}
.theme-banner-title {
	position: absolute;
	margin-top: 0;
	margin-bottom: 0;
	transition: 0.2s ease-in-out 0s;
	opacity: 0;
}
.title-bottom-center .theme-banner-title,
.title-top-center .theme-banner-title,
.title-center .theme-banner-title {
	text-align: center;
}
.title-bottom-left .theme-banner-title,
.title-top-left .theme-banner-title,
.title-left .theme-banner-title {
	text-align: left;
}
.title-bottom-right .theme-banner-title,
.title-top-right .theme-banner-title,
.title-right .theme-banner-title {
	text-align: right;
}

.title-bottom-center .theme-banner-title {
	bottom: 15%;
	left: 15%;
	right: 15%;
}
.title-bottom-center .theme-banner-item:hover .theme-banner-title {
	bottom: 18%;
}
.title-bottom-left .theme-banner-title {
	bottom: 15%;
	left: 10%;
	margin-right: 30%;
}
.title-bottom-left .theme-banner-item:hover .theme-banner-title {
	bottom: 18%;
}
.title-bottom-right .theme-banner-title {
	bottom: 15%;
	right: 10%;
	margin-left: 30%;
}
.title-bottom-right .theme-banner-item:hover .theme-banner-title {
	bottom: 18%;
}

.title-top-center .theme-banner-title {
	top: 15%;
	left: 15%;
	right: 15%;
}
.title-top-center .theme-banner-item:hover .theme-banner-title {
	top: 18%;
}
.title-top-left .theme-banner-title {
	top: 15%;
	left: 10%;
	margin-right: 30%;
}
.title-top-left .theme-banner-item:hover .theme-banner-title {
	top: 18%;
}
.title-top-right .theme-banner-title {
	top: 15%;
	right: 10%;
	margin-left: 30%;
}
.title-top-right .theme-banner-item:hover .theme-banner-title {
	top: 18%;
}

.title-center .theme-banner-title {
	top: 50%;
	left: 15%;
	right: 15%;
	margin-top: -22px;
}
.title-left .theme-banner-title {
	top: 50%;
	left: 10%;
	margin-top: -22px;
	margin-right: 30%;
}
.title-right .theme-banner-title {
	top: 50%;
	right: 10%;
	margin-top: -22px;
	margin-left: 30%;
}

.theme-banner-item {
	overflow: hidden;
}
.theme-banner-item.slide-0 .theme-banner-title {
	opacity: 1;
}
.theme-banner-item:hover .theme-banner-title {
	opacity: 1;
}
.btn.theme-banner-title.no-link {
	cursor: default;
}
.theme-banner-item img {
	transition: all 1.5s cubic-bezier(0.2, 1, 0.3, 1) 0s;
}
.theme-banner-item:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.theme-banner-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in 0s;
	opacity: 0;
}
.theme-banner-item:hover .theme-banner-bg {
	opacity: 0.7;
}
@media (min-width: 768px){
div.pr1  {
	width: 100%;
}
div.pr2 {
	width: 50%;
}
div.pr3 {
	width: 33.33333%;
}
div.pr4 {
	width: 25%;
}
div.pr5 {
	width: 20%;
}
div.pr6 {
	width: 16.66667%;
}
div.pr7 {
	width: 14.2857%;
}
div.pr8 {
	width: 12.5%;
}
}