html
{
	scroll-behavior: smooth;
}

body
{
	font-family: 'CiscoSans';
	-webkit-text-size-adjust: none !important;
	-webkit-font-smoothing: antialiased !important;
	-ms-text-size-adjust: none !important;
	scroll-margin-top: 100px;
	padding-top:65px;
}

.cisco-bold
{
	font-family: 'CiscoSans-Bold';
}

li.nav-item
{
	border: 1px solid white !important;
	border-radius: 5px;
	margin:5px 15px;
}

.navbar-toggler
{
	background:white;
	color:white !important;
}

#home,
#register,
#tnc,
#about
{
	scroll-margin:68px;
}

.about-title
{
	border:1px solid white;
	border-radius: 5px;
	padding:10px 20px;
	text-decoration:none;
	color:white;
	font-size:24px;
}

.program-duration
{
	font-size:20px;
	color:white;
	font-family:'CiscoSans';
}

.about-content
{
	color:white;
	font-size:20px;
}

#sku-section
{
	background:black;
}

.sku-container
{
	background:white;
	border-radius:5px;
}

.sku-title-container
{
	background:black;
	color:black;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 20px 10px;
}

.sku-title-col
{
	border-right: 2px solid white;
}

.sku-title
{
	color:white;
	font-size:24px;
	font-weight: bold;
	text-align: center;
}

.sku-description
{
	color:white;
	font-size:18px;
	text-align: left;
}

.sku-img
{

	margin:0px 20px;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.reward-title
{
	border:1px solid black;
	border-radius: 5px;
	padding:10px 20px;
	text-decoration:none;
	color:black;
	background:white;
	font-size:24px;
}

.reward-description
{
	color:black;
	font-size:20px;
}

.reward-table
{
	font-size:14	px;
}

th.reward-table,
td.reward-table
{
	vertical-align: middle;
	font-family: 'CiscoSans';
}

th.reward-table,
thead.reward-table,
{
	font-family: 'CiscoSans-Bold';
}

#tnc
{
	background:black;
}

.tnc-title
{
	border:1px solid white;
	border-radius: 5px;
	padding:10px 20px;
	text-decoration:none;
	color:white;
	font-size:24px;
}

.tnc-content
{
	color:white;
	font-size:20px;
	font-family:'CiscoSans-Thin';
	line-height:26px;
}

.tnc-content > ul > li
{
	margin-top:10px;
}

#register
{
	background:black;
}

.register-form-container
{
	width: 100%;
	background:white;
	border-radius:5px;
	border:2px solid white;
}

.register-now-title
{
	background:black;
	color:white;
	padding:20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size:24px;
	font-family:'CiscoSans-Bold';
}

.form-label{
	font-family: 'CiscoSans-Bold';
	color:black;
}

.form-control{
	border-radius:2px;
	font-family: 'CiscoSans';
}

::-webkit-input-placeholder {
	font-family: 'CiscoSans-Thin';
}

:-ms-input-placeholder { 
	font-family: 'CiscoSans-Thin';
}

::placeholder {
	font-size:14px;
	color:white;
	font-family: 'CiscoSans-Thin';
}

.form-label > sup
{
	color:red;
}

.error{
	margin-top:5px;
	color:red;
	font-size:12px;
	font-weight: bold;
}

.btn-custom
{
	outline: none;
	background:black;
	color:white;
	border:1px solid black;
	border-radius:5px;
}

.btn-custom:hover
{
	outline: none;
	background:white;
	color:black;
	border:1px solid black;
	border-radius:5px;
	transition: 0.5s;
}

.thank-you-msg
{
	font-size:20px;
	font-family:'CiscoSans-Bold';
	padding: 20px 10px;
	text-align: center;
}

.footer
{
	color:black;
	font-family: 'CiscoSans';
	font-size:14px;
}


@media screen and (max-width:728px)
{
	.navbar-nav{
		margin-top:15px !important;
	}	

	.about-title
	{
		font-size:20px;
	}

	.about-content
	{
		color:white;
		font-size:16px;
	}

	.program-duration
	{
		font-size:16px;
	}

	.sku-title-col
	{
		border:none;
	}

	.sku-title
	{
		font-size:18px;
	}

	.sku-description
	{
		margin-top:10px;
		font-size:14px;
		text-align: center;
	}

	.reward-title
	{
		font-size:20px;
	}

	.reward-description
	{
		color:black;
		font-size:16px;
	}

	.reward-table
	{
		font-size:12px;
	}

	.tnc-title
	{
		text-decoration: none;
		color:white;
		font-size:16px;
	}

	.tnc-content
	{		
		font-size:16px;
		margin-top:5px !important;
	}

	.footer
	{
		color:black;
		font-family: 'CiscoSans';
		font-size:10px;
	}
}