/* Demo styles */

.slickModal.underConstruction {
	margin: 40px;
	color: #fff;
	text-align: left;
	padding: 0;
	height: auto;
}
.slickModal.underConstruction .title {
	color: #fff;
	opacity: 1;
	font-size: 48px;
	font-weight: 700;
}
.slickModal.underConstruction .intro {
	font-weight: 400;
	font-size: 22px;
}
.slickModal.underConstruction #countdown1 {
	margin-top: 20px;
}
.slickModal.underConstruction #countdown1 li {
	display: inline-block;
	padding: 5px;
	margin: 0 20px 0 0;
	color: #fff;
	font-size: 12px;
}
.slickModal.underConstruction #countdown1 li p {
	color: #fff;
	display: inline;
}
.slickModal.underConstruction #countdown1 li p span {
	font-weight: 700;
	font-size: 36px;
}
.slickModal.underConstruction .progress {
	display: inline-block;
	width: 100%;
	height: 3px;
	position: relative;
	background: rgba(255,255,255,0.2);
}
.slickModal.underConstruction .progress .current {
	width: 68%;
	height: 100%;
	background: rgba(255,255,255,1);
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}
.slickModal.underConstruction .progress span {
	position: absolute;
	right: -50px;
	top: -12px;
	font-size: 12px;
	background: #fff;
	color: #009ab2;
	font-weight: 700;
	padding: 6px;
	border-radius: 4px;
}
.slickModal.underConstruction .progress span:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 5px 0;
	border-color: transparent #fff transparent transparent;
	content: "";
	position: absolute;
	left: -4px;
	top: 9px;
}
.overlay.closeModal {
	cursor: default;
}

/* Responsive */
@media screen and (max-width: 560px) {
    .slickModal.underConstruction #countdown1 li p span {
        font-size: 24px;
    }
    .slickModal.underConstruction .progress span {
        display: none;
    }
}