.style-1.cards-wrapper {
	position: relative;
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 320px;
	margin: auto;
}

.style-1.card-wrapper {
	display: block;
	float: left;
	position: relative;
	margin: 0;
	width: 100%;
	height: 0;
	padding: 0 0 28%;
	perspective: 700px;
	height: 170px;
}

.style-1 .card-object {
	color: #FFF;
	display: block;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 88%;
	transform-style: preserve-3d;
}

.style-1 .card-object.card-1 .front {
	background-size: cover !important;
	background-repeat: no-repeat;
	object-fit: contain;
	background-size: 115%;
}

.style-1 .face {
	color: #fff !important;
	text-decoration: none;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.style-1 .face.front {
	z-index: 20;
	overflow: hidden;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
}

.style-1 .ffLay {
	display: block;
	height: calc(100% - 40px);
	margin: 20px;
	/*background: rgba(255, 255, 255, 0.9);*/
	padding: 10px 10px;
}

.style-1 .face.front::before {
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	content: "";
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.1) 100%) no-repeat;
	opacity: .7;
	z-index: 20;
	transition: opacity .2s ease;
}

.style-1 .face.front::after {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	border: 2px solid rgb(255, 255, 255);
	z-index: 100;
	content: "";
}

.style-1 .face.front .title-wrapper {
	position: absolute;
	bottom: 12%;
	left: 22%;
	right: 22%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-wrap: wrap;
	z-index: 100;
	transform: translateY(0);
	transition: transform .28s ease;
}

.style-1 .face.front .title-wrapper .title {
	position: relative;
	width: 100%;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 23px;
	opacity: 1;
	transition: opacity .2s ease;
	font-weight: bold;
	font-family: roboto;
}

.style-1 .face.front .title-wrapper .title::after {
	display: block;
	margin: 6% auto 8% auto;
	width: 100%;
	height: 1.5px;
	content: "";
	background-color: #fff;
	opacity: 1;
	transform: scale(1);
	transition: transform .15s;
}

.style-1 .face.front .title-wrapper .subtitle {
	font-size: 15px;
	line-height: 1;
	letter-spacing: 1px;
	transition: opacity .15s;
	font-family: roboto;
}

.style-1 .face.back {
	color: #222;
	background: #fff;
	z-index: 10;
}

@-webkit-keyframes flip-2-ver-right-fwd {
	0% {
		-webkit-transform: translateX(0) translateZ(0) rotateY(0);
		transform: translateX(0) translateZ(0) rotateY(0);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
	}
	100% {
		-webkit-transform: translateX(100%) translateZ(160px) rotateY(180deg);
		transform: translateX(100%) translateZ(160px) rotateY(180deg);
		-webkit-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
	}
}

@keyframes flip-2-ver-right-fwd {
	0% {
		-webkit-transform: translateX(0) translateZ(0) rotateY(0);
		transform: translateX(0) translateZ(0) rotateY(0);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
	}
	100% {
		-webkit-transform: translateX(100%) translateZ(0) rotateY(180deg);
		transform: translateX(100%) translateZ(0) rotateY(180deg);
		-webkit-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
	}
}

.style-1 .card-object.flip-in.card-1 {
	animation: flip-2-ver-right-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

.style-1 .card-object.flip-out.card-1 {
	animation: flip-2-ver-right-fwd 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) reverse both;
}

.style-1 .card-object-hf .back {
	transform: rotateY(180deg);
}
/*.table td, .table th {
    padding: 3px 10px !important;
    vertical-align: top !important;
    border-top: 0px solid #dee2e6 !important;
    font-size: 12px !important;
}*/
.lablediv{
   padding: 4px 7px;
    margin-bottom: 9px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 12px !important;
    font-weight: bold;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 0px solid #ddd;
}
tr:nth-child(even) {background-color: #fcf8e3;}
 
.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 60px !important;
    height: 100%;
    height: 90px;
    opacity: 0.4;
    background-size: cover;
    box-shadow: 0 1px 6px rgba(32, 33, 36, 1);
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 23px;
    height: 22px !important;
    margin-top: -12px !important;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}