@font-face {
	font-family: 'AmazonEmberLight';
	src: url('https://pages.awscloud.com/rs/112-TZM-766/images/AmazonEmber_Lt.woff2') format('woff2'), url('https://pages.awscloud.com/rs/112-TZM-766/images/AmazonEmber_Lt.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AmazonEmber';
	src: url('https://pages.awscloud.com/rs/112-TZM-766/images/AmazonEmber_Rg.woff2') format('woff2'), url('https://pages.awscloud.com/rs/112-TZM-766/images/AmazonEmber_Rg.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AmazonEmberBold';
	src: url('https://pages.awscloud.com/rs/112-TZM-766/images/AmazonEmber_Bd.woff2') format('woff2'), url('https://pages.awscloud.com/rs/112-TZM-766/images/AmazonEmber_Bd.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.main-container h2 {
	text-align: left;
	line-height: 1.3;
	margin: 0 0 20px;
	color: #ff9900;
	text-align: left;
	font-family: 'AmazonEmber' !important;
}

.main-container p {
	text-align: left;
	color: #000000;
	font-size: 16px;
	line-height: 35px;
	margin: 0 0 15px;
	font-family: 'AmazonEmberLight' !important;
}

.main-container p:last-of-type {
	margin: 0;
}

.main-container strong {
	font-family: 'AmazonEmberBold' !important;
	font-weight: normal;
}

.container {
	max-width: 1200px;
	width: 100%;
	padding: 0 15px;
	margin: auto;
}

.container .row {
	width: auto;
	max-width: initial;
}

.top-banner {
	min-height: 370px;
	background-image: url('https://pages.awscloud.com/rs/112-TZM-766/images/banner-online-tech.jpg');
	background-size: cover;
	background-position: center;
	padding-top: 60px;
	padding-bottom: 60px;
}
.clasnder {
    background-image: url('https://pages.awscloud.com/rs/112-TZM-766/images/calendar_icon_220x220.png');
    background-size: 18px;
    background-repeat: no-repeat;
    padding: 0 0 0 24px;
    color: #fff;
    line-height: 1.4;
    font-size: 19px;
    font-family: 'AmazonEmber' !important;
    margin: 15px 0 0px;
    display: block;
    text-transform: uppercase;
    background-position: 0 4px;
}
.top-banner .banner-logo-text {
	padding-top: 30px;
}

.top-banner .banner-logo-text h1 {
	font-size: 50px;
	color: #ffffff;
	margin: 0;
	font-family: 'AmazonEmber' !important;
}

.top-banner .banner-logo-text small {
	font-size: 30px;
	color: #ffffff;
}

.main-container {
	padding: 60px 0;
}

.main-container .thankyou-content p {
	margin: 0 0 15px;
}

.main-container .thankyou-content p:last-of-type {
	margin: 0;
}

.thankyou-content {
	margin: 0 0 30px;
}

.main-container .Thnku-conetnt-hading p {
	margin: 0 0 60px;
	color: #1b243d;
	font-family: 'AmazonEmber' !important;
}

.main-container ul.bclds {
	margin: 0 -15px;
	width: auto;
	float: left;
	display: inline-block;
}

.main-container ul.bclds li {
	width: 33.333333333333333333%;
	float: left;
	padding: 0 25px;
	list-style: none;
	margin: 0 0 40px;
	display: inline-block;
}

.ty-bloxk {
	border: 2px solid #e6e6e6;
	padding: 15px 30px;
	width: 100%;
	display: inline-block;
}

.ty-bloxk small {
	font-size: 12px;
	font-family: AmazonEmber !important;
	color: #aaaaaa;
	width: 70%;
	float: left;
	margin: 0 0 5px;
}

.ty-bloxk p {
	color: #5a5d5a;
	line-height: 1.4;
	font-size: 15px;
	margin: 0;
	width: 70%;
}

.ty-bloxk a {
	width: 30%;
	float: right;
	margin: -22px 0 0;
	text-align: right;
	color: #ff9900;
	font-family: AmazonEmberBold !important;
}

@media (min-width:1200px) and (max-width:1439px) {
	.container {
		max-width: 1200px;
		width: 100%;
		padding: 0 15px;
		margin: auto;
	}
}

@media (min-width:1024px) and (max-width:1199px) {
	.container {
		max-width: 1000px;
		width: 100%;
		padding: 0 15px;
		margin: auto;
	}
	.main-container ul.bclds li {
		width: 50%;
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.container {
		max-width: 760px;
		width: 100%;
		padding: 0 15px;
		margin: auto;
	}
	.top-banner .banner-logo-text h1 {
		font-size: 45px;
	}
	.main-container ul.bclds li {
		width: 50%;
	}
}

@media screen and (max-width:767px) {
	.main-container ul.bclds li {
		width: 100%;
		padding: 0 15px;
	}
	.main-container ul.bclds {
		margin: 0 -15px;
	}
	.ty-bloxk {
		padding: 15px;
	}
	.ty-bloxk p {
		font-size: 15px;
	}
	.top-banner .banner-logo-text h1 {
		font-size: 40px;
	}
	.main-container {

	    padding: 40px 0 0;

	}
	.main-container p {

	    font-size: 18px;
	    line-height: 25px;
	}
	.main-container .Thnku-conetnt-hading p {

    	margin: 0 0 40px;
    }
}