/* default */
.dark .light , .light  , .dark .light  , .light  {
	font-size: 14px;
	line-height: 1.5;
	color: #555;
}
.light .dark , .dark  , .light .dark  , .dark  {
	font-size: 14px;
	line-height: 1.5;
	color: #ffffff;
}
.light-page {
	background-color: #ffffff;
}
.dark-page {
	background-color: #232122;
}
section.light, footer.light, header.light {
	margin: 60px 0 0 0;
}
section.dark, footer.dark, header.dark {
}
.dark .section-line.light, .light .section-line, .dark .light .section-line, .section-line.light, .dark .section-line-container.light::after, .light .section-line-container::after, .dark .light .section-line-container::after, .section-line-container.light::after {
	border-color: #D1D7DD;
}
.light .section-line.dark, .dark .section-line, .light .dark .section-line, .section-line.dark, .light .section-line-container.dark::after, .dark .section-line-container::after, .light .dark .section-line-container::after, .section-line-container.dark::after {
	border-color: #888888;
}
.dark .bg-wrap.light, .light .bg-wrap, .dark .light .bg-wrap, .bg-wrap.light, .dark .bg-default.light, .light .bg-default, .dark .light .bg-default, .bg-default.light {
	background-color: #fff;
}
.light .bg-wrap.dark, .dark .bg-wrap, .light .dark .bg-wrap, .bg-wrap.dark, .light .bg-default.dark, .dark .bg-default, .light .dark .bg-default, .bg-default.dark {
	background-color: #232122;
}
.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-size: 40px;
	font-weight: bold;
	font-style: normal;
	color: #222;
}
.light h1.dark, .dark h1, .light .dark h1, h1.dark {
	font-size: 40px;
	font-weight: bold;
	font-style: normal;
	color: #fff;
}
.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	color: #222;
}
.light h2.dark, .dark h2, .light .dark h2, h2.dark {
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	color: #fff;
}
.dark h3.light, .light h3, .dark .light h3, h3.light {
	font-size: 28px;
	font-weight: bold;
	font-style: normal;
	color: #444;
}
.light h3.dark, .dark h3, .light .dark h3, h3.dark {
	font-size: 28px;
	font-weight: bold;
	font-style: normal;
	color: #fff;
}
.dark h4.light, .light h4, .dark .light h4, h4.light {
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	color: #ffac00;
}
.light h4.dark, .dark h4, .light .dark h4, h4.dark {
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	color: #fff;
}
.dark a.light:not(.btn), .light a:not(.btn), .dark .light a:not(.btn), a.light:not(.btn) {
}
.light a.dark:not(.btn), .dark a:not(.btn), .light .dark a:not(.btn), a.dark:not(.btn) {
}
.dark a.light:not(.btn):hover, .light a:not(.btn):hover, .dark .light a:not(.btn):hover, a.light:not(.btn):hover {
	color: #000000;
	text-decoration: underline;
}
.light a.dark:not(.btn):hover, .dark a:not(.btn):hover, .light .dark a:not(.btn):hover, a.dark:not(.btn):hover {
	color: #fff;
	text-decoration: underline;
}
/* end default */
@media all and (max-width: 1279px) {
	.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-size: 24px;
	}
	.light h1.dark, .dark h1, .light .dark h1, h1.dark {
	font-size: 24px;
	}
	.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-size: 22px;
	}
	.light h2.dark, .dark h2, .light .dark h2, h2.dark {
	font-size: 22px;
	}
}
@media all and (max-width: 576px) {
	.dark h1.light, .light h1, .dark .light h1, h1.light {
	font-size: 24px;
	}
	.light h1.dark, .dark h1, .light .dark h1, h1.dark {
	font-size: 24px;
	}
	.dark h2.light, .light h2, .dark .light h2, h2.light {
	font-size: 22px;
	}
	.light h2.dark, .dark h2, .light .dark h2, h2.dark {
	font-size: 22px;
	}
	.dark h3.light, .light h3, .dark .light h3, h3.light {
	font-size: 22px;
	}
	.light h3.dark, .dark h3, .light .dark h3, h3.dark {
	font-size: 22px;
	}
	.dark h4.light, .light h4, .dark .light h4, h4.light {
	font-size: 18px;
	}
	.light h4.dark, .dark h4, .light .dark h4, h4.dark {
	font-size: 18px;
	}
}