/* Add here all your css styles (customizations) */

.offers-div {
	position: relative;
	width: 100%; 
	padding-top: 155%;
}

.offer-col ul {
	padding-left: 15px;
}

@media (min-width: 375px) {
	.offers-div {
		position: relative;
		width: 100%; 
		padding-top: 130%;
	}
}

@media (min-width: 420px) {
	.offers-div {
		position: relative;
		width: 100%; 
		padding-top: 120%;
	}
}

@media (min-width: 576px) {
	.offers-div {
		position: relative;
		width: 100%; 
		padding-top: 105%;
	}
}

@media (min-width: 768px) {
	.offers-div {
		position: relative;
		width: 100%; 
		padding-top: 81%;
	}
}

@media (min-width: 992px) {
	.offers-div {
		position: relative;
		width: 100%; 
		padding-top: 75%;
	}
}

@media (min-width: 1200px) {
	.offers-div {
		position: relative;
		width: 100%; 
		padding-top: 125%;
	}
}

@media (min-width: 1400px) {
	.offers-div {
		position: relative;
		width: 100%; 
		padding-top: 115%;
	}
}

@media (min-width: 1600px) {
	.offers-div {
		position: relative;
		width: 100%; 
		padding-top: 100%;
	}
}

@media (min-width: 2400px) {
	.offers-div {
		position: relative;
		width: 100%; 
		padding-top: 80%;
	}
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(20, 20, 20, 0.7);
	z-index: 1000;
	display: none;
}

.loading-inner {
	padding: 10px;
	background-color: #fff;
	position: relative;
	top: calc(50%);
	width: calc(20%);
	margin: 0 auto;
	text-align: center;
}

.loading-inner img {
	position:relative;
	padding: 5px;
	vertical-align: middle;
	margin: 0 auto;
}

.exc-hdr, .nm-hdr {
	display: none;
}

.nm-hdr {
	padding-top: 10px;
	margin-bottom: 5px;
}

.exc-lbl {
	display: block;
}

.upg-lbl {
	display: inline-block;
}

@media (min-width: 992px) {
	.exc-hdr, .nm-hdr {
		display: block;
	}

	.exc-lbl, .upg-lbl {
		display: none;
	}
}

.sky-form .state-error+em {
    margin-top: -5px;
    margin-bottom: 6px;
}