/**
* Custom Style for Oolson goes here IF REALLY NEEDED
* You should use the SASS structure instead in scss/*
**/


.jet-smart-tiles-slide__wrap {
	display: grid;
	display: -ms-grid;
	-webkit-box-pack: stretch;
	-webkit-justify-content: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
}

.jet-smart-tiles-slide__wrap {
	min-height: 588px;
	grid-column-gap: 8px;
	grid-row-gap: 8px;
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h {
	grid-template-columns: 50% 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	-ms-grid-columns: 50% 1fr 1fr;
	-ms-grid-rows: 1fr 1fr;
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(1) {
	grid-column-start: 1;
	grid-row-start: 1;
	grid-row-end: 3;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(2) {
	grid-column-start: 2;
	grid-column-end: 4;
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	-ms-grid-row: 1;
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(3) {
	-ms-grid-column: 2;
	-ms-grid-row: 2;
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(4) {
	-ms-grid-column: 3;
	-ms-grid-row: 2;
}

.jet-smart-tiles__box {
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	padding: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	overflow: hidden;
	background-position: center;
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

.jet-smart-tiles__box:before {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: '';
	-webkit-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	background-color: transparent;
	background-image: linear-gradient(0deg, #1f2229 0%, rgba(41,52,78,0) 50%);
}

.jet-smart-tiles__box-content {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.jet-smart-tiles__box-content-inner {
	position: absolute;
	bottom: 0;
	left: 0;
}

.jet-smart-tiles__box-title {
	font-family: "Lato", Sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	color: #ffffff;
	text-transform: uppercase;
}

.jet-smart-tiles-slide__wrap.layout-1-1-2-h > div:nth-child(1) .jet-smart-tiles__box-title{
	font-size:30px;
}

.jet-smart-tiles__button {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	border: 1px solid #fff;
	font-size: 16px;
	padding: 3px 20px;
	display: inline-block;
	margin-top: 10px;
	border-radius: 30px;
}

.jet-smart-tiles__button:hover{
	background-color:#ffffff;
	color:#000000;
}


@media only screen and (max-width:1024px){
	.jet-smart-tiles-slide__wrap.layout-1-1-2-h {
		grid-template-columns: 1fr 1fr !important;
		grid-template-rows: 1fr 1fr 1fr;
		-ms-grid-columns: 1fr 1fr !important;
		-ms-grid-rows: 1fr 1fr 1fr;
	}

	.jet-smart-tiles-slide__wrap {
		min-height: 1200px;
	}

	.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(1) {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
	}

	.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(2) {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
	}

	.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(3) {
		-ms-grid-column: 1;
		-ms-grid-row: 3;
	}

	.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(4) {
		-ms-grid-column: 2;
		-ms-grid-row: 3;
	}

	.jet-smart-tiles-slide__wrap.layout-1-1-2-h > div:nth-child(1) .jet-smart-tiles__box-title,
	.jet-smart-tiles-slide__wrap.layout-1-1-2-h > div:nth-child(2) .jet-smart-tiles__box-title{
		font-size:28px;
	}
}

@media only screen and (max-width:767px){
	.jet-smart-tiles-slide__wrap{
		min-height: 900px;
	}

	.jet-smart-tiles-slide__wrap.layout-1-1-2-h > div:nth-child(1) .jet-smart-tiles__box-title,
	.jet-smart-tiles-slide__wrap.layout-1-1-2-h > div:nth-child(2) .jet-smart-tiles__box-title{
		font-size:25px;
	}

}

@media only screen and (max-width:480px){
	.jet-smart-tiles-slide__wrap.layout-1-1-2-h {
		grid-template-columns: 1fr !important;
		grid-template-rows: 1fr 1fr 1fr 1fr;
	}

	.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-column: 1/2;
		grid-row: 1/2;
	}

	.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(2) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-column: 1/2;
		grid-row: 2/3;
	}

	.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(3) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-column: 1/2;
		grid-row: 3/4;
	}

	.jet-smart-tiles-slide__wrap.layout-1-1-2-h>div:nth-child(4) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 4;
		-ms-grid-row-span: 1;
		grid-column: 1/2;
		grid-row: 4/5;
	}

	.jet-smart-tiles-slide__wrap.layout-1-1-2-h > div:nth-child(1) .jet-smart-tiles__box-title,
	.jet-smart-tiles-slide__wrap.layout-1-1-2-h > div:nth-child(2) .jet-smart-tiles__box-title{
		font-size:16px;
	}

}