.sec1 {
	margin: auto;
	margin-top: 5vh;
	width: 75%;
	background-color: #d4def2;
	border: 1px solid #323c8e;
	border-radius: 4px;
}

#divsec1 {
	position: relative;
	margin: 3vw;
	background-color: #fff;
	border: 1px solid #47bfd9;
	border-radius: 8px;
}

#divsec1 h1 {
	width: 90%;
	margin: 3% auto 5% auto;
	color: #fc362f;
}

.clstabfrm {
	border-left: 1px solid #24226a;
	font-size: 11pt;
	text-align: justify;
	padding: 3%;
}

.clstabfrm p i {
	font-size: 80%;
}

.clstabfrm h3 {
	line-height: 130%;
}

.tablog {
	margin: 7vh auto;
	width: 90%;
	font-size: 12pt;
	box-shadow: 0 2px 5px #24226a;
	border-radius: 4px;
	border-collapse: collapse;
}

.tablog td {
	padding: 17px;
	text-align: left;
}

.clsinpt input {
	min-width: 90px;
	padding: 0.7vh 0.5vw;
}

.cslsend {
	border-top: 1px solid #24226a;
}

.animh {
	font-size: 4rem;
	font-family: RobotoBold;
	line-height: 1;
}

.animh span {
	color: #f0f0ff;
	font-size: 230px;
	text-transform: uppercase;
	padding: 0 5px;
}

.abutton {
	font-size: 19px !important;
	padding: 10px 20px;
	font-family: Roboto !important;
	text-transform: none;
}

.animh span:first-child {
	animation: pweek 5s linear infinite;
	animation-delay: 0s;
	animation-delay: .3s;
}

.animh span:nth-child(2) {
	animation: pweek 5s linear infinite;
	animation-delay: 0s;
	animation-delay: .6s;
}

.animh span:nth-child(3) {
	animation: pweek 5s linear infinite;
	animation-delay: 0s;
	animation-delay: .9s;
}

.animh div {
	color: #24226a;
}

@keyframes pweek {
	0% {
		color: #f0f0ff
	}

	20% {
		color: #f0f0ff
	}

	40% {
		color: #7088b6
	}

	60% {
		color: #24226a
	}

	80% {
		color: #fee7e3
	}

	to {
		color: #d44233
	}
}

@media (max-width: 992px) {

	.sec1 {
		width: 100%;
	}

	.sec1.nobrd {
		margin: 20vh auto;
	}

	.tablog {
		width: 96%;
	}

	.clsinpt input {
		min-width: auto;
		max-width: 90px;
	}

	.tablog td {
		padding: 10px 7px;
	}

	.animh {
		font-size: 2.75rem;
	}

	.animh span {
		font-size: 120px;
	}

	.abutton {
		font-size: 15px !important;
	}
}