.col-1 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-1.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-1 {
		width: calc(((100% - 6em) / 12 * 1));
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.col-1.no-padding {
		width: calc(0.5em + ((100% - 6em) / 12 * 1));
		padding-left: 0;
		padding-right: 0;
	}
}

.col-2 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-2.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-2 {
		width: calc(0.5em + ((100% - 6em) / 12 * 2));
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.col-2.no-padding {
		width: calc(1em + ((100% - 6em) / 12 * 2));
		padding-left: 0;
		padding-right: 0;
	}
}

.col-3 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-3.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-3 {
		width: calc(1em + ((100% - 6em) / 12 * 3));
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.col-3.no-padding {
		width: calc(1.5em + ((100% - 6em) / 12 * 3));
		padding-left: 0;
		padding-right: 0;
	}
}

.col-4 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-4.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-4 {
        width: 33.33%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
	}

	.col-4.no-padding {
		width: 33.33%;
		padding-left: 0;
		padding-right: 0;
        box-sizing: border-box;
	}
}

.col-5 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-5.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-5 {
		width: calc(2em + ((100% - 6em) / 12 * 5));
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.col-5.no-padding {
		width: calc(2.5em + ((100% - 6em) / 12 * 5));
		padding-left: 0;
		padding-right: 0;
	}
}

.col-6 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-6.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-6 {
		width: calc(2.5em + ((100% - 6em) / 12 * 6));
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.col-6.no-padding {
		width: calc(3em + ((100% - 6em) / 12 * 6));
		padding-left: 0;
		padding-right: 0;
	}
}

.col-7 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-7.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-7 {
		width: calc(3em + ((100% - 6em) / 12 * 7));
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.col-7.no-padding {
		width: calc(3.5em + ((100% - 6em) / 12 * 7));
		padding-left: 0;
		padding-right: 0;
	}
}

.col-8 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-8.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-8 {
		width: calc(3.5em + ((100% - 6em) / 12 * 8));
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.col-8.no-padding {
		width: calc(4em + ((100% - 6em) / 12 * 8));
		padding-left: 0;
		padding-right: 0;
	}
}

.col-9 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-9.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-9 {
		width: calc(4em + ((100% - 6em) / 12 * 9));
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.col-9.no-padding {
		width: calc(4.5em + ((100% - 6em) / 12 * 9));
		padding-left: 0;
		padding-right: 0;
	}
}

.col-10 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-10.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-10 {
		width: calc(4.5em + ((100% - 6em) / 12 * 10));
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.col-10.no-padding {
		width: calc(5em + ((100% - 6em) / 12 * 10));
		padding-left: 0;
		padding-right: 0;
	}
}

.col-11 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-11.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-11 {
		width: calc(5em + ((100% - 6em) / 12 * 11));
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.col-11.no-padding {
		width: calc(5.5em + ((100% - 6em) / 12 * 11));
		padding-left: 0;
		padding-right: 0;
	}
}

.col-12 {
	width: calc(5.5em + (100% - 6em));
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.col-12.no-padding {
	width: calc(6em + (100% - 6em));
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 600px) {
	.col-12 {
		width: calc(5.5em + (100% - 6em));
		padding-left: 0.25em;
		padding-right: 0.25em;
	}

	.col-12.no-padding {
		width: calc(6em + (100% - 6em));
		padding-left: 0;
		padding-right: 0;
	}
}

.m-none {
	margin: 0px;
}

.m-auto {
	margin-left: auto;
	margin-right: auto;
}

.m-xs {
	margin: 5px;
}

.m-sm {
	margin: 10px;
}

.m-md {
	margin: 15px;
}

.m-lg {
	margin: 20px;
}

.m-xl {
	margin: 25px;
}

.m-xlg {
	margin: 30px;
}

.m-big {
	margin: 50px;
}

/* spacement top	*/
.mt-none {
	margin-top: 0px;
}

.mt-xs {
	margin-top: 5px;
}

.mt-sm {
	margin-top: 10px;
}

.mt-md {
	margin-top: 15px;
}

.mt-lg {
	margin-top: 20px;
}

.mt-xl {
	margin-top: 25px;
}

.mt-xlg {
	margin-top: 30px;
}

.mt-big {
	margin-top: 50px;
}

/* spacement bottom	*/
.mb-none {
	margin-bottom: 0px;
}

.mb-xs {
	margin-bottom: 5px;
}

.mb-sm {
	margin-bottom: 10px;
}

.mb-md {
	margin-bottom: 15px;
}

.mb-lg {
	margin-bottom: 20px;
}

.mb-xl {
	margin-bottom: 25px;
}

.mb-xlg {
	margin-bottom: 30px;
}

.mb-big {
	margin-bottom: 50px;
}

/* spacement left	*/
.ml-none {
	margin-left: 0px;
}

.ml-xs {
	margin-left: 5px;
}

.ml-sm {
	margin-left: 10px;
}

.ml-md {
	margin-left: 15px;
}

.ml-lg {
	margin-left: 20px;
}

.ml-xl {
	margin-left: 25px;
}

.ml-xlg {
	margin-left: 30px;
}

.ml-big {
	margin-left: 50px;
}

/* spacement right	*/
.mr-none {
	margin-right: 0px;
}

.mr-xs {
	margin-right: 5px;
}

.mr-sm {
	margin-right: 10px;
}

.mr-md {
	margin-right: 15px;
}

.mr-lg {
	margin-right: 20px;
}

.mr-xl {
	margin-right: 25px;
}

.mr-xlg {
	margin-right: 30px;
}

.mr-big {
	margin-right: 50px;
}

/* Spacement Padding */
.p-none {
	padding: 0px;
}

.p-xs {
	padding: 5px;
}

.p-sm {
	padding: 10px;
}

.p-md {
	padding: 15px;
}

.p-lg {
	padding: 20px;
}

.p-xl {
	padding: 25px;
}

.p-xlg {
	padding: 30px;
}

.p-big {
	padding: 50px;
}

/* spacement top	*/
.pt-none {
	padding-top: 0px;
}

.pt-xs {
	padding-top: 5px;
}

.pt-sm {
	padding-top: 10px;
}

.pt-md {
	padding-top: 15px;
}

.pt-lg {
	padding-top: 20px;
}

.pt-xl {
	padding-top: 25px;
}

.pt-xlg {
	padding-top: 30px;
}

.pt-big {
	padding-top: 50px;
}

/* spacement bottom	*/
.pb-none {
	padding-bottom: 0px;
}

.pb-xs {
	padding-bottom: 5px;
}

.pb-sm {
	padding-bottom: 10px;
}

.pb-md {
	padding-bottom: 15px;
}

.pb-lg {
	padding-bottom: 20px;
}

.pb-xl {
	padding-bottom: 25px;
}

.pb-xlg {
	padding-bottom: 30px;
}

.pb-big {
	padding-bottom: 50px;
}

/* spacement left	*/
.pl-none {
	padding-left: 0px;
}

.pl-xs {
	padding-left: 5px;
}

.pl-sm {
	padding-left: 10px;
}

.pl-md {
	padding-left: 15px;
}

.pl-lg {
	padding-left: 20px;
}

.pl-xl {
	padding-left: 25px;
}

.pl-xlg {
	padding-left: 30px;
}

.pl-big {
	padding-left: 50px;
}

/* spacement right	*/
.pr-none {
	padding-right: 0px;
}

.pr-xs {
	padding-right: 5px;
}

.pr-sm {
	padding-right: 10px;
}

.pr-md {
	padding-right: 15px;
}

.pr-lg {
	padding-right: 20px;
}

.pr-xl {
	padding-right: 25px;
}

.pr-xlg {
	padding-right: 30px;
}

.pr-big {
	padding-right: 50px;
}

.row {
	display: flex;
	flex-wrap: wrap;
}

.row.reverse {
	flex-direction: column-reverse;
}

@media only screen and (min-width: 600px) {
	.row.reverse {
		flex-direction: row;
	}
}

.light-text {
	font-weight: 100;
}

.thin-text {
	font-weight: 300;
}

.normal-text {
	font-weight: 400;
}

.bold-text {
	font-weight: 700;
}

.italic-text {
	font-style: italic;
}

.full-width {
	width: 100%;
}

.full-height {
	height: 100%;
}

.btn {
	text-decoration: none;
	padding: 10px;
	background: #f44336;
	color: #fff;
	display: inline-block;
}

.btn:focus,
.btn:hover {
	text-decoration: none;
	background: #e53935;
}

.btn.btn-outline {
	background: white;
	color: #f44336;
	border: 2px solid #f44336;
}

.btn.btn-outline.btn-blue {
	border-color: #2196f3;
	color: #2196f3;
}

.btn.btn-blue {
	background: #2196f3;
}

.btn.btn-blue:focus,
.btn.btn-blue:hover {
	background: #1e88e5;
}

.btn.btn-cyan {
	background: #00bcd4;
}

.btn.btn-cyan:focus,
.btn.btn-cyan:hover {
	background: #00acc1;
}

.uppercase {
	text-transform: uppercase;
}

.capital {
	text-transform: capitalize;
}

.lowercase {
	text-transform: lowercase;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.block-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-justify {
	text-align: justify;
}

img.img-responsive {
	max-width: 100%;
}

.icon-block {
	display: flex;
	flex-wrap: wrap;
}

.icon-block .at-icon-box.rn::after {
	background-position: 0 10px;
}

.icon-block .at-icon-box.ug::after {
	background-position: -109px 23px;
}

.icon-block .at-icon-box.pi::after {
	background-position: -206px 14px;
}

.icon-block .at-icon-box.gdpr::after {
	background-position: -200px -76px;
}

.icon-block .at-icon-box.kb::after {
	background-position: 0 -75px;
}

.icon-block .at-icon-box.solar::after {
	background-position: -104px -173px;
}

.icon-block .at-icon-box.relic::after {
	background-position: -104px -173px;
}

.icon-block .at-icon-box {
	background-color: #fafafa;
	position: relative;
	color: #000;
	line-height: 1;
	top: 0;
	max-height: 100%;
	height: auto;
	transition: all 0.2s ease-out;
	padding: 45px 100px 45px 28px;
	opacity: 0.9;
}

.icon-block .at-icon-box::after {
	width: 90px;
	height: 90px;
	background-image: url("../../images/help-document.png");
	background-repeat: no-repeat;
	display: block;
	content: '';
	position: absolute;
	bottom: 20px;
	right: 13px;
	z-index: 0;
	filter: contrast(1) contrast(1);
	transition: all 0.5s ease;
}

.icon-block .at-icon-box:hover {
	opacity: 1;
}

.icon-block .at-icon-box:hover::after {
	transform: scale(1.1);
	bottom: 30px;
	right: 20px;
}

.icon-block .at-icon-box .link {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.icon-block .at-icon-box-text {
	font-weight: 300;
	vertical-align: middle;
	display: table-cell;
	z-index: 2;
}

.icon-block .at-icon-box-text h4 {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 10px;
}

.icon-block .at-icon-box-text p {
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 0;
}

.icon-block .at-icon-box-icon {
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
	width: 110px;
	height: 110px;
}

.ftrmnhdr {
	font-size: 30px;
}

.ftrpg-inrhdr {
	font-size: 19px;
}

.ebook-thumbnail {
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
}

.ebook-thumbnail>span {
	width: 120px;
    height: 450px;
	background: url("../../images/ebook/apm-ebook.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.ebook-thumbnail .hybrid-cloud-monitoring {
    background-position: 0px 0px;
}

.post-module {
	position: relative;
	z-index: 1;
	display: block;
	background: #ffffff;
	margin: auto;
	max-width: 326px;
	width: 100%;
	height: 370px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
	transition: all 0.3s linear 0s;
	overflow: hidden;
}

.post-module:hover {
	box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.3);
}

.post-module:hover .thumbnail img {
	transform: scale(1.1);
	opacity: 0.6;
}

.post-module:hover a {
	text-decoration: none;
}

.post-module .thumbnail {
	width: 326px;
	height: 179px;
	overflow: hidden;
	/* background: #333 url("../../images/apm_blog_sprite.jpg") no-repeat; */
	background: #333 url("../../images/apm_blog_sprite.webp") no-repeat;
}

.post-module .thumbnail .date {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	background: #e74c3c;
	width: 55px;
	height: 55px;
	padding: 12.5px 0;
	border-radius: 100%;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	box-sizing: border-box;
}

.post-module .thumbnail.blog01 {
	background-position: -650px -2956px;
}

.post-module .thumbnail.blog02 {
	background-position: -315px -2960px;
}

.post-module .thumbnail.blog03 {
	background-position: 0px -2954px;
}

.post-module .thumbnail.blog04 {
	background-position: 0px -2768px;
}

.post-module .thumbnail.blog05 {
	background-position: -330px -2780px;
}

.post-module .thumbnail.blog06 {
	background-position: -650px -2755px;
}

.post-module .thumbnail.blog07 {
	background-position: 0px -2584px;
}

.post-module .thumbnail.blog08 {
	background-position: -645px -2395px;
}

.post-module .thumbnail.blog09 {
	background-position: -654px -1658px;
}

.post-module .thumbnail.blog10 {
	background-position: 0px -1842px;
}

.post-module .thumbnail.blog11 {
	background-position: -328px -1842px;
}

.post-module .thumbnail.blog12 {
	background-position: -648px -1842px;
}

.post-module .thumbnail.blog13 {
	background-position: 0px -2025px;
}

.post-module .thumbnail.blog14 {
	background-position: -328px -2025px;
}

.post-module .thumbnail.blog15 {
	background-position: -654px -2025px;
}

.post-module .thumbnail.blog16 {
	background-position: 0px -2212px;
}

.post-module .thumbnail.blog17 {
	background-position: -327px -2212px;
}

.post-module .thumbnail.blog18 {
	background-position: -654px -2210px;
}

.post-module .thumbnail.blog19 {
	background-position: 0px -2400px;
}

.post-module .thumbnail.blog20 {
	background-position: -329px -2395px;
}

.post-module .thumbnail.blog21 {
	background-position: -328px -1658px;
}

.post-module .thumbnail.blog22 {
	background-position: 0px -1658px;
}

.post-module .thumbnail.blog23 {
	background-position: 0px -1474px;
}

.post-module .thumbnail.blog24 {
	background-position: -328px -1474px;
}

.post-module .thumbnail.blog25 {
	background-position: -654px -1472px;
}

.post-module .thumbnail.blog26 {
	background-position: -654px -1290px;
}

.post-module .thumbnail.blog27 {
	background-position: 0 0;
}

.post-module .thumbnail.blog28 {
	background-position: -326px 0px;
}

.post-module .thumbnail.blog29 {
	background-position: -653px 0px;
}

.post-module .thumbnail.blog30 {
	background-position: 0px -188px;
}

.post-module .thumbnail.blog31 {
	background-position: -327px -188px;
}

.post-module .thumbnail.blog32 {
	background-position: -654px -188px;
}

.post-module .thumbnail.blog33 {
	background-position: -654px -368px;
}

.post-module .thumbnail.blog34 {
	background-position: -327px -370px;
}

.post-module .thumbnail.blog35 {
	background-position: 0px -552px;
}

.post-module .thumbnail.blog36 {
	background-position: -328px -552px;
}

.post-module .thumbnail.blog37 {
	background-position: -654px -552px;
}

.post-module .thumbnail.blog38 {
	background-position: 0px -733px;
}

.post-module .thumbnail.blog39 {
	background-position: -327px -738px;
}

.post-module .thumbnail.blog40 {
	background-position: -654px -738px;
}

.post-module .thumbnail.blog41 {
	background-position: 0px -924px;
}

.post-module .thumbnail.blog42 {
	background-position: -327px -924px;
}

.post-module .thumbnail.blog43 {
	background-position: -654px -920px;
}

.post-module .thumbnail.blog44 {
	background-position: 0px -1104px;
}

.post-module .thumbnail.blog45 {
	background-position: -328px -1104px;
}

.post-module .thumbnail.blog46 {
	background-position: -654px -1104px;
}

.post-module .thumbnail.blog47 {
	background-position: 0px -1288px;
}

.post-module .thumbnail.blog48 {
	background-position: -328px -1288px;
}

.post-module .thumbnail.blog49 {
	background-position: 0px -3128px;
}

.post-module .thumbnail.blog50 {
	background-position: -305px -3128px;
}

.post-module .thumbnail.blog51 {
	background-position: -654px -3128px;
}

.post-module .thumbnail.blog52 {
	background-position: -324px -3305px;
}

.post-module .thumbnail.blog53 {
	background-position: 0px -3305px;
}

.post-module .thumbnail.blog54 {
	background-position: -654px -3305px;
}

.post-module .thumbnail.blog55 {
	background-position: -4px -3495px;
}

.post-module .thumbnail.blog56 {
	background-position: -338px -3495px;
}

.post-module .thumbnail.blog57 {
	background-position: -642px -3491px;
}

.post-module .thumbnail.blog58 {
	background-position: 0px -3678px;
}

.post-module .thumbnail.blog59 {
	background-position: -330px -3678px
}

.post-module .thumbnail.blog60 {
	background-position: -328px -3854px;
}

.post-module .thumbnail.blog61 {
	background-position: -654px -3678px;
}

.post-module .thumbnail.blog62 {
	background-position: 0px -3858px;
}

.post-module .thumbnail.blog63 {
	background-position: -650px -3860px;
}

.post-module .thumbnail.blog64 {
	background-position: -659px -4265px;
}

.post-module .thumbnail.blog65 {
	background-position: 0px -4270px;
}

.post-module .thumbnail.blog66 {
	background-position: -330px -4270px;
}

.post-module .thumbnail.blog67 {
	background-position: -659px -4454px;
}

.post-module .thumbnail.blog68 {
	background-position: -18px -4454px;
}

.post-module .thumbnail.blog69 {
	background-position: -348px -4448px;
}

.post-module .thumbnail.blog70 {
	background-position: -10px -4083px
}

.post-module .thumbnail.blog71 {
	background-position: -330px -4083px;
}

.post-module .thumbnail.blog72 {
	background-position: -664px -4083px
}

.post-module .thumbnail.blog73 {
	background-position: -336px -4633px;
}

.post-module .thumbnail.blog74 {
	background-position: -16px -4633px;
}

.post-module .thumbnail.blog75 {
	background-position: -6px -5005px;
}

.post-module .thumbnail.blog76 {
	background-position: 0px -4819px;
}

.post-module .thumbnail.blog77 {
	background-position: -330px -4819px;
}

.post-module .thumbnail.blog78 {
	background-position: -656px -4819px;
}

.post-module .thumbnail.blog79 {
	background-position: -658px -4633px;
}

/* ========= Tech topics start=========*/
.blog-card-section .col-4 {
	padding-left: 12px;
	padding-right: 12px;
	box-sizing: border-box;
	width: 100%;
}

.tech-topic-section .post-module {
	height: 316px;
}

.tech-topic-section .post-module .thumbnail,
.whitepaper-cont .post-module .thumbnail {
	margin: 0px;
	max-width: 326px;
}

.post-module .techtopic-thumbnail.techtopic-thumbnail2 {
	background-position: -328px 0px
}

.post-module .techtopic-thumbnail.techtopic-thumbnail3 {
	background-position: -653px 0px
}

.post-module .techtopic-thumbnail.techtopic-thumbnail4 {
	background-position: 0px -184px
}

/* ========= Tech topics end=========*/
.post-module .thumbnail .date .day {
	font-size: 18px;
}

.post-module .thumbnail .date .month {
	font-size: 12px;
	text-transform: uppercase;
}

.post-module .thumbnail img {
	display: block;
	width: 120%;
	transition: all 0.3s linear 0s;
}

.post-module .post-content {
	position: absolute;
	bottom: 0;
	background: #ffffff;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
	left: 0;
}

.post-module .post-content .category {
	position: absolute;
	top: -40px;
	left: 0;
	background: #e9132b;
	padding: 8px 20px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.post-module .post-content .title {
	margin: 0;
	padding: 0 0 10px;
	color: #333333;
	font-size: 26px;
	font-weight: 700;
}

.post-module .post-content .sub_title {
	margin: 0;
	padding: 0 0 20px;
	color: #333;
	font-size: 16px;
	height: 75px;
	line-height: 1.4;
	font-weight: 400;
}

.post-module .post-content .description {
	display: none;
	color: #666666;
	font-size: 14px;
	line-height: 1.8em;
}

.post-module .post-content .post-meta {
	margin: 30px 0 0;
	color: #999999;
}

.post-module .post-content .post-meta .timestamp {
	margin: 0 16px 0 0;
}

.post-module .post-content .post-meta a {
	color: #999999;
	text-decoration: none;
}

.post-module {
	transform: scale(0.97);
	margin-bottom: 20px;
	height: 350px;
}

.post-module.wo-date {
	height: 320px;
}

.post-module.wo-date .thumbnail {
	background: url(../../images/apm_whitepaper_sprite.jpg);
}

.post-module.wo-date .thumbnail.wht-papper-ebook01 {
	background-position: 0 0;
}

.post-module.wo-date .thumbnail.wht-papper-ebook02 {
	background-position: -835px -682px;
}

.post-module.wo-date .thumbnail.wht-papper-ebook03 {
	background-position: -400px 0px;
}

.post-module.wo-date .thumbnail.wht-papper-ebook04 {
	background-position: -835px -8px;
}

.post-module.wo-date .thumbnail.wht-papper-ebook05 {
	background-position: -400px -680px;
}

.post-module.wo-date .thumbnail.wht-papper-ebook06 {
	background-position: -400px -230px;
}

.post-module.wo-date .thumbnail.wht-papper-ebook07 {
	background-position: -800px -234px;
}

.post-module.wo-date .thumbnail.wht-papper-ebook08 {
	background-position: 0px -450px;
}

.post-module.wo-date .thumbnail.wht-papper-ebook09 {
	background-position: -400px -450px;
}

.post-module.wo-date .thumbnail.wht-papper-ebook10 {
	background-position: 0 -680px;
}

.post-module.wo-date .thumbnail.wht-papper-ebook11 {
	background-position: 0 0;
}

.post-module.wo-date .thumbnail.wht-papper-ebook12 {
    background-position: -800px -454px;
}

.post-module.wo-date .thumbnail.wht-papper-ebook13 {
	background-position: -34px -912px;
}


/*.post-module.wo-date.ebook .thumbnail {background: url("../../images/itom-ebook.jpg");}*/
.post-module.wo-date .post-content .category,
.ebook-strip .category {
	background-color: #3458ad;
}

.post-module .post-content {
	background-color: #fafafa;
	padding: 30px 20px;
}

.post-module .post-content .sub_title {
	padding: 0;
	line-height: 1.6;
}

.post-tag {
	display: none;
}

.post-module .post-content .post-meta {
	margin-top: 15px;
}

.hover {
	box-shadow: 0 1px 35px 0 rgba(0, 0, 0, 0.3);
}

.hover .thumbnail img {
	transform: scale(1.1);
	opacity: 0.6;
}

.hover .post-content .description {
	display: block !important;
	height: auto !important;
	opacity: 1 !important;
}

.video-playlist {
	background: #111;
	height: 400px;
	display: flex;
}

.video-playlist .iframeCont {
	margin: 0;
	max-width: 66%;
	display: inline-block;
}

.video-playlist .topVid {
	border: 0 solid transparent;
}

.video-playlist .vid-list {
	max-width: 34%;
	display: inline-block;
	width: 100%;
	height: 400px;
	overflow-y: scroll;
}

.video-playlist .vid-list-items {
	display: flex;
	flex-direction: column;
}

.video-playlist .vid-list-items>li {
	width: 100%;
	height: 90px;
	border-left: 5px solid transparent;
}

.video-playlist .vid-list-items>li:hover {
	border-left: 5px solid #333;
	background: #222;
}

.video-playlist .vid-list-items>li>a {
	padding: 10px 20px;
	display: flex;
	flex-direction: row;
}

.video-playlist .vid-list-items>li>a:focus,
.video-playlist .vid-list-items>li>a:hover {
	text-decoration: none;
}

.video-playlist .vid-list-items>li .vid-title {
	color: #fff;
	line-height: 1.4;
	display: block;
	display: -webkit-box;
	max-width: 100%;
	margin: 5px 10px;
	height: 61px;
	-webkit-line-clamp: 3;
	font-size: 14px;
	font-weight: bold;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.video-playlist .vid-list-items>li img {
	height: 70px;
	width: auto;
}

.header-icons {
	margin-bottom: 0;
}

.header-icons span {
	display: inline-block;
	margin: 0 15px;
}

.header-icons span svg {
	height: 1.5rem;
	fill: #fff;
}

/* colors */
/* tab setting */
/* breakpoints */
/* selectors relative to radio inputs */
.tabss {
	margin: auto;
	display: block;
	min-width: 300px;
}

.tabss hr {
	opacity: 0.15;
}

.tabss input[name="tab-control"] {
	display: none;
}

.tabss>ul li label {
	color: #2e95d2;
}

.tabss>ul {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}

.tabss>ul>li {
	box-sizing: border-box;
	flex: 1;
	width: 20%;
	padding: 0 10px;
	text-align: center;
}

.tabss>ul>li label {
	transition: all 0.3s ease-in-out;
	color: gray;
	line-height: 1.2;
	padding: 5px auto;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	display: block;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tabss>ul>li label br {
	display: none;
}

.tabss>ul>li label svg {
	fill: gray;
	height: 1.5em;
	vertical-align: bottom;
	margin-right: 0.2em;
	transition: all 0.2s ease-in-out;
}

.tabss>ul>li label:active,
.tabss>ul>li label:focus,
.tabss>ul>li label:hover {
	outline: 0;
	color: #5a5a5a;
}

.tabss>ul>li label:active svg,
.tabss>ul>li label:focus svg,
.tabss>ul>li label:hover svg {
	fill: #5a5a5a;
}

.tabss .slider {
	position: relative;
	width: 20%;
	transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
	margin: 0;
}

.tabss .slider .indicator {
	position: relative;
	width: 50px;
	max-width: 100%;
	margin: 0 auto;
	height: 4px;
	background: #2e95d2;
	border-radius: 1px;
}

.tabss .content {
	margin-top: 30px;
}

.tabss .content section {
	display: none;
	line-height: 1.4;
	animation-name: content;
	animation-direction: normal;
	animation-duration: 0.3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
}

.tabss input[name="tab-control"]:nth-of-type(1):checked~ul>li:nth-child(1)>label {
	cursor: default;
	color: #2e95d2;
}

.tabss input[name="tab-control"]:nth-of-type(1):checked~ul>li:nth-child(1)>label svg {
	fill: #2e95d2;
}

@media (max-width: 750px) {
	.tabss input[name="tab-control"]:nth-of-type(1):checked~ul>li:nth-child(1)>label {
		background: rgba(0, 0, 0, 0.08);
	}
}

.tabss input[name="tab-control"]:nth-of-type(1):checked~.slider {
	transform: translateX(-8%);
}

.tabss input[name="tab-control"]:nth-of-type(1):checked~.content>section:nth-child(1) {
	display: block;
}

.tabss input[name="tab-control"]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
	cursor: default;
	color: #2e95d2;
}

.tabss input[name="tab-control"]:nth-of-type(2):checked~ul>li:nth-child(2)>label svg {
	fill: #2e95d2;
}

@media (max-width: 750px) {
	.tabss input[name="tab-control"]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
		background: rgba(0, 0, 0, 0.08);
	}
}

.tabss input[name="tab-control"]:nth-of-type(2):checked~.slider {
	transform: translateX(75%);
}

.tabss input[name="tab-control"]:nth-of-type(2):checked~.content>section:nth-child(2) {
	display: block;
}

.tabss input[name="tab-control"]:nth-of-type(3):checked~ul>li:nth-child(3)>label {
	cursor: default;
	color: #2e95d2;
}

.tabss input[name="tab-control"]:nth-of-type(3):checked~ul>li:nth-child(3)>label svg {
	fill: #2e95d2;
}

@media (max-width: 750px) {
	.tabss input[name="tab-control"]:nth-of-type(3):checked~ul>li:nth-child(3)>label {
		background: rgba(0, 0, 0, 0.08);
	}
}

.tabss input[name="tab-control"]:nth-of-type(3):checked~.slider {
	transform: translateX(156%);
}

.tabss input[name="tab-control"]:nth-of-type(3):checked~.content>section:nth-child(3) {
	display: block;
}

.tabss input[name="tab-control"]:nth-of-type(4):checked~ul>li:nth-child(4)>label {
	cursor: default;
	color: #2e95d2;
}

.tabss input[name="tab-control"]:nth-of-type(4):checked~ul>li:nth-child(4)>label svg {
	fill: #2e95d2;
}

@media (max-width: 750px) {
	.tabss input[name="tab-control"]:nth-of-type(4):checked~ul>li:nth-child(4)>label {
		background: rgba(0, 0, 0, 0.08);
	}
}

.tabss input[name="tab-control"]:nth-of-type(4):checked~.slider {
	transform: translateX(245%);
}

.tabss input[name="tab-control"]:nth-of-type(4):checked~.content>section:nth-child(4) {
	display: block;
}

.tabss input[name="tab-control"]:nth-of-type(5):checked~ul>li:nth-child(5)>label {
	cursor: default;
	color: #2e95d2;
}

.tabss input[name="tab-control"]:nth-of-type(5):checked~ul>li:nth-child(5)>label svg {
	fill: #2e95d2;
}

@media (max-width: 750px) {
	.tabss input[name="tab-control"]:nth-of-type(5):checked~ul>li:nth-child(5)>label {
		background: rgba(0, 0, 0, 0.08);
	}
}

.tabss input[name="tab-control"]:nth-of-type(5):checked~.slider {
	transform: translateX(335%);
}

.tabss input[name="tab-control"]:nth-of-type(5):checked~.content>section:nth-child(5) {
	display: block;
}

.tabss input[name="tab-control"]:nth-of-type(6):checked~ul>li:nth-child(6)>label {
	cursor: default;
	color: #2e95d2;
}

.tabss input[name="tab-control"]:nth-of-type(6):checked~ul>li:nth-child(6)>label svg {
	fill: #2e95d2;
}

@media (max-width: 750px) {
	.tabss input[name="tab-control"]:nth-of-type(6):checked~ul>li:nth-child(6)>label {
		background: rgba(0, 0, 0, 0.08);
	}
}

.tabss input[name="tab-control"]:nth-of-type(6):checked~.slider {
	transform: translateX(415%);
}

.tabss input[name="tab-control"]:nth-of-type(6):checked~.content>section:nth-child(6) {
	display: block;
}

@keyframes content {
	from {
		opacity: 0;
		transform: translateY(5%);
	}

	to {
		opacity: 1;
		transform: translateY(0%);
	}
}

@media (max-width: 1250px) {
	.tabss ul li label {
		white-space: initial;
	}

	.tabss ul li label br {
		display: initial;
	}

	.tabss ul li label span {
		margin-top: 5px;
	}

	.tabss ul li label svg {
		height: 1.5em;
	}
}

@media (max-width: 750px) {
	.tabss ul li label {
		padding: 5px;
		border-radius: 5px;
	}

	.tabss ul li label span {
		display: none;
	}

	.tabss .slider {
		display: none;
	}

	.tabss .content {
		margin-top: 20px;
	}

	.tabss .content section h2 {
		display: block;
	}
}

.vidBanner {
	background: #2b2b2b;
	min-height: 500px;
}

.ulThumbnail {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0 !important;
}

.ulThumbnail li {
	display: inline-block;
	margin: 10px 15px;
	background: #fff;
	box-shadow: 7px 7px 10px 0 #c1c1c1;
	border: solid 1px #C4C4C4;
	max-width: 215px;
	width: 100%;
	vertical-align: top;
	min-height: 190px;
	transition: 0.3s ease-in-out;
	text-align: center;
}

.loadMore {
	display: block;
	margin: 20px auto 10px;
	text-align: center;
	color: #fff;
	background: #0166c3;
	border-width: 0;
	outline: none;
	color: #fff;
	font-size: 22px;
	line-height: 30px;
	padding: 4px 10px;
	width: 148px;
	border-radius: 5px;
}

.ulThumbnail.set_one li,
.ulThumbnail.set_two li {
	display: none;
}

.ulThumbnail li img {
	border-bottom: solid 1px #222;
	text-align: center;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}

.ulThumbnail li a {
	text-align: center;
	font-size: 0.9em;
	color: #222;
	display: inline-block;
}

.ulThumbnail li a:hover {
	text-decoration: none;
}

.ulThumbnail li:hover {
	transform: scale(1.1);
	z-index: 9;
}

.topVid {
	max-width: 100%;
	width: 100%;
	height: 400px;
	border: solid 1px #4b5c61;
	position: relative;
	z-index: 3;
	background: #111;
}

.vidBg {
	background: url("thumbnail/vidBg.png") no-repeat top center;
	background-size: cover;
	position: relative;
	min-height: 500px;
}

.vidBg::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.75;
}

.divTitle {
	color: #fff !important;
	position: relative;
	z-index: 4;
	margin-bottom: 10px;
	border-bottom: solid 1px #4f5050;
}

.divTitle h1 {
	color: #fff;
	padding: 10px 0;
	margin: 0;
}

.spnCont {
	position: absolute;
	top: 25px;
	right: 20px;
	display: inline-block;
}

.spnCont a {
	color: #fff;
}

.iframeCont {
	width: 100%;
	max-width: 80%;
	margin-right: 15px;
	transition: ease all 1s;
	text-align: center;
	margin: 0 auto;
}

.divVidDet {
	background: #000;
	min-height: 400px;
	float: left;
	width: 30%;
	text-align: center;
	padding: 5px 15px;
	color: #d8d8d8;
	z-index: 4;
	position: relative;
	line-height: 35px;
}

.divVidDet strong {
	font-size: 1.3em;
}

/*--------- Tech topic css -------------*/
.post-module .techtopic-thumbnail {
	width: 326px;
	height: 179px;
	overflow: hidden;
	background: #333 url("../../images/apm_techtopic_sprite.jpg") no-repeat;
}

.techtopic-thumbnail1 {
	background-position: 0px 0px;
}