﻿#centernav {
	display: none;
}

#pdintro, #bannerlist8, #stayupated {
	padding: 60px 5% 60px 10%;
}

#pdintro .b11kh1title {
	padding-left: 0;
}

.pdmedia {
	text-align: right;
}

#pdintro h2.b11kh1title {
	margin-bottom: 20px;
}

#pdintro p, #bannerlist8 p, #stayupated p {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 20px;
}

#pdintro p a i {
	padding-left: 5px;
}

#pdintro p a:hover {
	transition: color 0.5s;
	color: #0D9AA4;
}

.pdmedia iframe {
	width: 100%;
	max-width: 648px;
	height: 35vh;
}

#footerpartners {
	background-color: #0C474B;
}

#partnerfooterbox {
	margin: 20px 4% 0 5%;
}

#partnerfooterbox a:hover img {
	filter: brightness(66%) contrast(36%) saturate(39%) sepia(100%) hue-rotate(111deg);
}

#bannerlist8 .b11kh1title, #stayupated .b11kh1title {
	margin-bottom: 50px;
	padding-left: 0;
	text-align: center;
}

#slideshow li img {
	max-width: 300px;
	margin: 0 0 -10px 0;
}

.slideshowcontent {
	color: white;
	width: 100%;
	position: absolute;
	padding-left: 0;
	text-align: center;
	bottom: 0;
}

@media screen and (min-width:730px) {
	#pdintro {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.pdinrotxt {
	}

	.pdmedia {
		padding: 1% 10%;
	}
}

@media screen and (max-width:729px) {
	#pdintro, #stayupated {
		padding: 60px 5%;
	}

	#slideshow li img {
		max-width: 100px;
	}
}

/* banner 8 */

#loader {
	display: none;
}

#bannerlist8.banneritem {
}

#bannerlist8 .btitle {
	padding-bottom: 40px;
	padding-left: 40px;
}

#bannerlist8 li {
	width: 100%;
	display: table;
}

#bannerlist8 .imagespace {
	width: 42%;
	float: left;
}

#bannerlist8 .imagespace img {
	width: 100%;
	max-width: 340px;
	height: auto;
}

#bannerlist8 .contentspace {
	width: 58%;
	float: left;
	padding: 0 5% 0 5%;
	max-width: 1400px;
}

#bannerlist8 ul li:nth-child(2) .contentspace {
	float: right;
}

#bannerlist8 .contentspace h2 {
	font-size: 20px;
	margin-bottom: 28px;
	line-height: 25px;
}

#bannerlist8 .contentspace h3.b11kh2title {
	margin-bottom: 10px;
	font-family: 'NeueHaasDisplayBold';
	padding-left: 0;
	text-transform: none;
}

#bannerlist8 .contentspace h4 {
	font-family: 'PoppinsRegular';
	margin-bottom: 30px;
}

#bannerlist8 #bloggrid li:not(last-child) {
	margin-bottom: 5%;
}

#viewmorebtn {
	text-align: center;
}

#viewmorebtn .b11kbtt {
	padding: 18px 70px 20px 40px;
}

#viewmorebtn .b11kbtt i {
	right: 30px;
	top: 6px;
}

@media screen and (min-width: 1421px) {
	#bannerlist8 .b11kh1title {
	}
}

@media screen and (max-width: 1325px) {
	#bannerlist8.banneritem {
		padding-bottom: calc(0.01944* 100vw + 25px);
	}

	#bannerlist8 .b11kh1title {
		padding-left: 20px;
	}

	#bannerlist8.banneritem .bannercontent {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1500px) {
	#bannerlist8 .contentspace, #bannerlist8 .imagespace {
		width: 90%;
		float: none !important;
		padding: 0 5%;
	}

	#bannerlist8 .btitle {
		padding-left: 0;
	}

	#bannerlist8 .b11kh1title {
		padding-left: 0px;
	}

	#bannerlist8.banneritem .bannercontent {
		padding-left: 20px;
		padding-right: 20px;
	}

	#bannerlist8 .imagespace img {
		margin-bottom: 25px;
		max-height: 400px;
	}

	#bannerlist8 #bloggrid li:not(last-child) {
		margin-bottom: 50px;
	}

	#viewmorebtn .b11kbtt {
		padding: 12px 60px 14px 40px;
	}

	#viewmorebtn .b11kbtt i {
		right: 35px;
		top: 1px;
	}
}

@media screen and (min-width: 768px) {
	#bloggrid {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 767px) {
	#bannerlist8 .contentspace, #bannerlist8 .imagespace {
		width: 100%;
		float: none !important;
		padding: 0;
	}

	#bannerlist8 .btitle {
		padding-left: 0;
	}

	#bannerlist8 .b11kh1title {
		padding-left: 0px;
	}

	#bannerlist8.banneritem .bannercontent {
		padding-left: 20px;
		padding-right: 20px;
	}

	#bannerlist8 .imagespace img {
		margin-bottom: 25px;
		max-height: 400px;
	}

	#bannerlist8 #bloggrid li:not(last-child) {
		margin-bottom: 50px;
	}

	#viewmorebtn .b11kbtt {
		padding: 12px 60px 14px 40px;
	}

	#viewmorebtn .b11kbtt i {
		right: 35px;
		top: 1px;
	}
}

/* end banner 8 */

#stayupated {
	text-align: center;
}
