height: 15px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
}

/* Blog header - tag listing */

.blog-index__tag-header {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	padding: 1rem;
}

.blog-index__tag-subtitle {
	font-size: 1.16rem;
	line-height: 1.1;
}

.blog-index__tag-heading {
	border-bottom: 3px solid #d1d6dc;
	padding-bottom: 1rem;
}

/* Blog listing */

.blog-index {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.blog-index::after {
	content: "";
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
}

.blog-index__post {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 1rem;
}

@media screen and (min-width: 768px) {
	.blog-index__post {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% / 2);
		flex: 0 0 calc(100% / 2);
	}
}

@media screen and (min-width: 1000px) {
	.blog-index__post {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% / 3);
		flex: 0 0 calc(100% / 3);
	}
}

@media screen and (min-width: 768px) {
	.blog-index__post--large {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
		justify-items: space-between;
	}
}

.blog-index__post.blog-index__post--small {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.blog-index__post-inner-card {
	background: #fff;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	width: 100%;
}

.blog-index__post-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px 5px 0 0;
	display: block;
	padding-bottom: 63%;
}

@media (min-width: 1000px) {
	.full-width .blog-index__post-image {
		min-height: 300px;
		padding-bottom: unset;
	}
}

.blog-index__post-inner-card .blog-index__post-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	padding: 24px 30px 30px 30px;
}

.blog-post__tag-link,
.blog-post__tags {
	font-size: 12px;
	font-weight: 200;
	letter-spacing: 0.01rem;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.blog-post__tag-link:hover {
	text-decoration: none;
}

.blog-index__post-content h2 {
	margin: 0.5rem 0;
}

.blog-index__post-content--small h2 {
	font-size: 18px;
}

.blog-index__post-content--small h2 a:hover {
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.blog-post__meta-section {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 30px;
}
.blog-post__meta-section.no-min {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.blog-post__read-more a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.blog-post__read-more a:hover {
	text-decoration: none;
}

.read-more__arrow {
	padding-left: 10px;
	position: relative;
	top: 3px;
}

.blog-post__read-more svg {
	height: auto;
	width: 15px;
}

.blog-post__read-more a svg {
	-webkit-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

/* Blog listing - sidebar */

@media screen and (min-width: 1000px) {
	.sidebar.full-width .blog-index .blog-index__post,
	.sidebar .full-width .blog-index .blog-index__post {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.sidebar.two-col .blog-index .blog-index__post,
	.sidebar .two-col .blog-index .blog-index__post {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% / 2);
		flex: 0 0 calc(100% / 2);
	}
	.sidebar.three-col .blog-index .blog-index__post,
	.sidebar .three-col .blog-index .blog-index__post {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% / 3);
		flex: 0 0 calc(100% / 3);
	}
	.sidebar.four-col .blog-index .blog-index__post,
	.sidebar .four-col .blog-index .blog-index__post {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% / 4);
		flex: 0 0 calc(100% / 4);
	}
}

@media screen and (max-width: 999px) {
	.sidebar.two-col .blog-index .blog-index__post,
	.sidebar .two-col .blog-index .blog-index__post {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
}

@media screen and (max-width: 767px) {
	.sidebar .blog-index {
		padding: 1rem 0 3.3rem;
	}
}

@media screen and (max-width: 767px) {
	.blog-sidebar {
		padding: 2rem 1rem 0;
	}
}

.blog-sidebar h3 {
	font-size: 21px;
	font-weight: 600;
	line-height: 37px;
	margin-bottom: 20px;
	margin-top: 8px;
}

.blog-sidebar ul {
	background: #fff;
	border-radius: 5px;
	list-style: none;
	padding: 30px;
}

.blog-sidebar ul li {
	border-top: 1px solid #dfddd9;
	font-weight: 600;
	padding: 10px 0;
}

.blog-sidebar ul li:first-child {
	border-top-color: transparent;
	padding-top: 0;
}

.blog-sidebar ul li:last-child {
	padding-bottom: 0;
}

.blog-sidebar a {
	text-decoration: none;
}

.blog-sidebar a:hover {
	text-decoration: none;
}

.blog-sidebar .filter-link-count {
	display: none;
}

.blog-sidebar .filter-expand-link {
	position: relative;
	top: -15px;
	display: block;
	margin-bottom: 25px;
	text-transform: capitalize;
	text-align: center;
}

.blog-sidebar-post-listing ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	counter-increment: list-number;
}

.blog-sidebar-post-listing li:before {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	content: counter(list-number);
	font-size: 36px;
	font-weight: 600;
	padding-right: 22px;
}

.blog-sidebar-post-listing li a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* Blog mobile sidebar */

@media (max-width: 767px) {
	.hs-blog-listing .content-wrapper > .row-fluid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.hs-blog-listing .span3 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.hs-blog-listing .span9 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.hs-blog-listing .blog-pagination {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.blog-sidebar.mobile .blog-sidebar-topic-filter ul,
	.blog-sidebar.mobile .blog-sidebar-post-listing ul {
		display: none;
		opacity: 0;
		-webkit-transition: all 5s;
		-o-transition: all 5s;
		transition: all 5s;
		visibility: hidden;
	}

	.blog-sidebar.mobile .blog-sidebar-topic-filter h3,
	.blog-sidebar.mobile .blog-sidebar-post-listing h3 {
		cursor: pointer;
	}
	.blog-sidebar.mobile .blog-sidebar-topic-filter h3:after,
	.blog-sidebar.mobile .blog-sidebar-post-listing h3:after {
		content: "+";
		padding-left: 6px;
	}

	.blog-sidebar.mobile .blog-sidebar-topic-filter.clicked h3:after,
	.blog-sidebar.mobile .blog-sidebar-post-listing.clicked h3:after {
		content: "-";
		padding-left: 7px;
	}

	.blog-sidebar.mobile .clicked ul {
		display: block;
		opacity: 1;
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		visibility: visible;
	}
}

/* Blog pagination */

.blog-pagination {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}
.blog-pagination.linked {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.blog-pagination__link {
	border: 2px solid transparent;
	border-radius: 7px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	line-height: 1;
	margin: 0 0.1rem;
	padding: 0.25rem 0.4rem;
	text-decoration: none;
}

.blog-pagination__link--active {
	border: 2px solid #b0c1d4;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
	text-decoration: none;
}

.blog-pagination__prev-link,
.blog-pagination__next-link {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.blog-pagination__prev-link {
	margin-right: 0.25rem;
	text-align: right;
}

.blog-pagination__next-link {
	margin-left: 0.25rem;
	text-align: left;
}

.blog-pagination__link.blog-pagination__prev-link--disabled,
.blog-pagination__link.blog-pagination__next-link--disabled {
	color: #b0c1d4;
	cursor: default;
	pointer-events: none;
}

.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
	fill: #494a52;
	margin: 0 5px;
}

.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
	fill: #b0c1d4;
}

.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
	border: 2px solid #b0c1d4;
}

/* Blog post */

.post-featured-image {
	background-position: center center;
	background-size: cover;
	border-radius: 5px;
	margin-bottom: -110px;
	margin-top: 40px;
	min-height: 300px;
}

.blog-post {
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	max-width: 960px;
	padding: 84px 100px 80px 100px;
	position: relative;
	width: 90%;
}

.blog-post.no-image {
	margin-top: 50px;
}

.blog-post__title {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.25;
}

.blog-post__meta {
	margin: 1rem 0;
}

.blog-post__meta a {
	text-decoration: none;
}

.blog-post__timestamp {
	display: inline-block;
}

.blog-post__tags svg {
	height: auto;
	margin-right: 10px;
	width: 15px;
}

.blog-post__links-container {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 26px 0;
}

@media (max-width: 767px) {
	.blog-post__links-container {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.hs-blog-social-share {
		height: 0 !important;
	}
	.hs-blog-social-share-list {
		padding-top: 20px;
	}
}

.hs-blog-social-share .hs-blog-social-share-item-linkedin {
	margin-top: -7px;
}

.blog-post__back-to-blog,
.blog-post__back-to-blog:hover {
	text-decoration: none;
}

.blog-post__back-to-blog svg {
	margin-right: 10px;
	position: relative;
	top: 6px;
	-webkit-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	width: 20px;
}

@media (max-width: 767px) {
	.blog-post img {
		float: none !important;
		width: 100% !important;
	}

	.blog-post {
		width: 90%;
		padding: 30px;
	}

	.blog-post h1 {
		font-size: 1.6rem;
	}
}

/* Blog related posts */

.blog-related-posts {
	margin-top: 3rem;
	padding: 2rem 0;
}

.blog-related-posts h2 {
	text-align: center;
}

.blog-related-posts__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.blog-related-posts .blog-index__post-content h2 {
	text-align: left;
}

.blog-related-posts .blog-post__meta-section {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.blog-related-posts__image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	max-width: 100%;
	padding-bottom: 63%;
}

.blog-related-posts__title {
	margin: 1rem 0 0.5rem;
}

.blog-related-posts__title a {
	color: #494a52;
}

/* Blog comments */

.blog-comments {
	margin: 0 auto;
	max-width: 100%;
}

.blog-comments form {
	max-width: 100%;
	padding-top: 2em;
}

.blog-comments .hs-submit {
	text-align: center;
}

.comment.depth-0:first-child {
	margin-top: 2em;
}

.comment.depth-1 {
	padding-left: 2em;
	padding-top: 1em;
	margin-top: 1em;
}

.blog-comments .comment-reply-to {
	border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
	background-color: transparent;
	text-decoration: underline;
}
.body-container--blog-index .dnd-section {
	padding-left: 0;
	padding-right: 0;
}
/* Subscription section */

.subscription-form {
	display: block;
	margin: 0 auto;
	padding:0;
	text-align: center;
}
p.blog-header__subtitle {
	padding: 0;
}
.sidebar.span9 .dnd-section,
.blog-sidebar.span3 .dnd-section {
	padding-left: 0;
	padding-right: 0;
}
.blog-sidebar.span3 .dnd-section {
	padding-right: 15px;
}
.body-container--blog-index .content-wrapper .dnd-section > div {
	padding-left: 0;
	padding-right: 0;
}

.body-container--blog-index .dnd-section .row-fluid {
	padding: 0;
}
.body-container--blog-index > .content-wrapper {
	padding: 0;
}

@media (max-width: 991px) {
	.blog-sidebar ul {
		margin-top: 0;
		padding: 15px;
	}
	.blog-sidebar h3 {
		margin-bottom: 0;
		padding-bottom: 10px;
		margin-top: 0;
	}
	.blog-sidebar-post-listing li:before {
		font-size: 30px;
		padding-right: 10px;
	}
}

@media (max-width: 767px) {
	.subscription-form {
		width: 85%;
	}
	.body-container--blog-index .dnd-section{
		padding-top:30px;
		padding-bottom:30px;
	}
	.blog-header {
		padding-bottom: 50px;
		padding-top: 50px;
	}
}

.subscription-form label {
	text-align: center;
}


@media(max-width:400px){
	.hs_recaptcha {
		overflow: auto;
	}
}


/* blog banner css */
.banner-section .dnd-section {
	padding: 0px;
}
.custom-banner-main {
	background-size: cover;
}
.custom-banner {
	padding: 130px 0;
}
.custom-banner-title {
	max-width: 75rem;
	margin: auto;
	padding: 25px;
	z-index: 1;
	position: relative;
}
.custom-banner-title h1 {
	color: #fff;
	margin-bottom: 0;
}

@media only screen and (min-width: 960px) and (max-width: 1199px){
	.custom-banner-title {
		max-width: 60rem;
	}
}

@media (min-width: 768px) and (max-width: 959px){
	.custom-banner-title h1  {
		font-size: 45px;
	}
	.custom-banner-title {
		max-width: 48rem;
	}
}

@media(max-width:767px){
	.custom-banner {
		padding: 50px 0;
	}

	.custom-banner-title {
		max-width: 30rem;
	}

	.custom-banner-title h1 {
		font-size: 35px;
	}

	.custom-banner-wrapper {
		width: 100%;
		position: relative;
		z-index: 10;
	}
}





.blog-lisitng .blog_item.columns-3 {
	display: grid;
	grid-auto-flow: row;
	grid-gap: 50px;
	margin: 0;
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
}

.blog-lisitng .com-content-category-blog__item.blog-item {
	position: relative;
	background: #8d3a47;
	width: auto;
	max-width: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.blog.otg_blog .blog-item .item-image {
	margin-top: 0;
	margin-bottom: 0;
}

.item-image img {
	height: auto;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	border: 0;
}
.blog-page .dnd-section>.row-fluid {
	max-width: 75rem;
}

.blog.otg_blog .blog-item .item-content {
	padding: 25px;
	line-height: 1.5;
}

.item-content {
	padding: 25px;
	line-height: 1.5;
}

.item-content .page-header h2 {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 10px;
	line-height: 1.5;
}

.blog-lisitng .readmore {
	margin: 0;
}

.blog-lisitng .btn-secondary {
	border: none;
	padding: 0;
	text-transform: none;
	font-weight: 400;
	color: #ffc60b;
	transition: all 0.2s;
	font-size: 16px;
	line-height: 125%;
	vertical-align: middle;
	letter-spacing: 0;
}
.blog-lisitng {
	margin: 10px 10px 0;
	padding: 15px 15px 0;
}
.blog-page .dnd-section .dnd-column {
	padding: 0;
}
.custom-topic-section .dnd-section {
	padding: 130px 0 0 0;
}


.custom-topic-section .collapse {
	margin: 10px 10px 0;
	padding: 15px 15px 0;
}

.custom-topic-section ul.nav {
	display: flex;
	align-items: center;
	list-style: none;
	position: relative;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0;
	line-height: unset;
	justify-content: flex-start;
}

.custom-topic-section ul.nav ul {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	padding: 0;
}

.custom-topic-section ul.nav li {
	margin: 0;
	padding: 0 25px 0 0;
	line-height: 100%;
}

.custom-topic-section ul.nav li a {
	text-decoration: none;
	color: #4a0e17;
	transition: all 0.2s;
	font-size: 20px;
	font-weight: 600;
	padding: 10px 25px;
	display: block;
	line-height: 100%;
	opacity: 1;
}

.custom-topic-section ul li.active a {
	text-decoration: none;
	background: #4a0e17;
	color: #fff;
	opacity: 1;
}
.custom-blog-listing .dnd-section {
	padding: 130px 0 0 0;
}
.blog-lisitng figure.left.item-image {
	margin: 0;
}
.custom-blog-pagination .dnd-section {
	padding: 0;
}
.custom-topic-section ul li a:hover {
	background: #4a0e17;
	color: #fff;
	opacity: 1;
}
.blog-pagination {
	margin-bottom: 0 ;
	margin-top: 50px;
	margin-left: 0;
	justify-content: flex-start;
}
.blog-pagination-center a:hover {
	opacity: 0.7;
	color: #fff;
}
.custom-pagination {
	padding: 0 15px 145px;
	margin: 0 10px 10px;
}
.blog-pagination .prev-link.start:before {
	font-family: FontAwesome;
	font-weight: 400;
	content: "\f100";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	color: #fff;
}

.blog-pagination-left, 
.blog-pagination-center,
.blog-pagination-right {
	background: #4a0e17;
	color: #fff;
	border-radius: 0;
	border: none;
	outline: none;
}

.blog-pagination .prev-link:before {
	content: "\f104";
	color: #fff;
	font-family: FontAwesome;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
}
.blog-pagination-center .active {
	opacity: 0.7;
}
.blog-pagination a {
	padding: 0.375rem 0.72rem;
	display: inline-block;
	position: relative;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background: #4a0e17;
	font-size: 16px;
	color: #fff;
}

.blog-pagination .next-link:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: 400;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
}
.blog-pagination .next-link.last:before {
	content: "\f101";
}
.custom-bottom-pane-form {
	flex: 0 62%;
	width: 62%;
}
.mod-custom .hs-main-font-element {
	z-index: 1;
}
.mod-custom .hs-main-font-element h3 {
	font-weight: 600;
	margin-top: 0;
	font-size: 40px;
	line-height: 1.5;
	color: #fff;
}
.mod-custom.custom form {
	max-width: 580px;
	z-index: 1;
	position: relative;
}
.mod-custom .hs-form-field input {
	box-shadow: none;
	outline: none ;
	text-shadow: none;
	color: #404040;
	border-radius: 0;
	background-color: #fff;
	transition: border linear .2s,box-shadow linear .2s;
	border: 1px solid #ccc;
	height: 40px;
	width: 100%;
	max-width: 380px;
	padding: 10px;
	border-color: #404040 ;
	font-size: 16px;
}

.mod-custom .hs-error-msgs li label {
	padding-left: 0;
	color: #b94a48;
	font-size: 13px;
	font-weight: 400;
	vertical-align: top;
	margin: 0 0 25px 0;
	height: auto;
	display: block;
	text-transform: none;
}
.mod-custom .hs-form-field input:focus {
	background-color: #fff;
}
.mod-custom .hs-button {
	color: #fff;
}
.moduletable .mod-custom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.mod-custom .hs-button:hover {
	transition: all 0.2s;
	outline: 0;
	color: #fff;
	background: initial;
	opacity: 0.7;
}
.mod-custom.custom {
	padding: 160px;
	text-align: center;
	position: relative;
}
.custom-bottom-pane-form .mod-custom.custom:after {
	content: url(//24338099.fs1.hubspotusercontent-na1.net/hubfs/24338099/raw_assets/public/OTG_Asset_Management_June2023/images/continent-burg-dark-220.png);
	position: absolute;
	top: 0;
	right: 0;
}
.mod-custom h3 {
	margin: 0;
}
.mod-custom .hs-form-field .input {
	margin-right: 0;
}

.mod-custom form .hs-form-field>label {
	margin-bottom: 0;
}
.mod-custom form .hs-richtext {
	margin-bottom: 25px;
}
::placeholder {
	opacity: 0.5;
	filter: none;
}
.mod-custom form .hs-form-field {
	margin-bottom: 25px;
}
.custom-blog-post-wrapper {
	margin: 10px;
	padding: 15px;
}
.date {
	font-weight: bold;
}
.custom-col h2 {
	margin: 0 0 75px 0;
	line-height: 120%;
}
.prev-link.start.inactive {
	pointer-events: none;
}
.prev-link.start.active {
	pointer-events: all;
}
.blog-pagination .active {
	opacity: 0.7;
}
.blog-pagination a:hover {
	color: #fff;
}

/* blog post css */

.custom-blog-post-wrapper .blog-post {
	max-width: 100%;
	padding: 130px 0;
	width: 100%;
}

@media (max-width: 1024px) and (min-width:768px){
	.mod-custom.custom {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media only all and (min-width: 60rem) and (max-width: 74.99rem){
	.blog-page .dnd-section>.row-fluid {
		max-width: 60rem;
	}

	/* 	post css */
	.custom-topic-list-wrapper .container {
		width: 60rem;
	}
}

@media only all and (min-width: 30.01rem) and (max-width: 47.99rem){
	.blog-page .dnd-section>.row-fluid {
		max-width: 30rem;
	}
	/* 	post css */
	.custom-topic-list-wrapper .container {
		width: 30rem;
	}
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem){
	.blog-page .dnd-section>.row-fluid {
		max-width: 48rem;
	}
}

@media only all and (max-width: 30rem){
	.blog-page .dnd-section>.row-fluid {
		max-width: 100%;
	}
}

@media (max-width:959px){
	.mod-custom .hs-main-font-element h3 {
		font-size: 35px;
	}
}

@media (max-width:767px){
	.blog-lisitng .blog_item.columns-3 {
		grid-template-columns: 1fr;
	}
	.custom-topic-section .dnd-section {
		padding: 50px 0 0 0;
	}
	.custom-topic-section ul.nav li a {
		font-size: 16px;
		padding: 10px 15px;
	}
	.custom-blog-listing .dnd-section {
		padding: 50px 0  0;
	}
	.custom-topic-section .collapse {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.custom-topic-section ul.nav li {
		padding: 0 10px 0 0;
	}
	.blog-pagination {
		margin-top: 25px;
	}
	section.custom-blog-bottom-pane .g-block.custom_bg_img {
		width: 100%;
		flex: 0 100%;
		flex-grow: 0;
	}
	.custom-bottom-pane-form {
		flex-grow: 0;
		flex-basis: 100%;
		max-width: 100%;
	}
	.mod-custom.custom {
		width: 30rem;
		padding: 75px 25px;
		margin: auto;
	}
	.mod-custom .hs-main-font-element h3 {
		font-size: 25px;
	}
	.mod-custom.custom .hs-form {
		margin-bottom: 0;
	}

	/* 	post css */
	.custom-blog-post-wrapper .blog-post {
		padding: 50px 0;
	}
	.custom-col h2 {
		font-size: 25px;
		margin: 0 0 50px 0;
	}
}

@media (max-width:480px){
	.mod-custom.custom {
		width: 100%;
	}
}