@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Playfair+Display:400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:300,300i,400,400i,500,500i,700,700i');
@font-face {
	font-family: 'FRUTIGERCE55ROMAN';
	src: url('../fonts/FRUTIGERCE55ROMAN.eot');
	src: url('../fonts/FRUTIGERCE55ROMAN.eot') format('embedded-opentype'), url('../fonts/FRUTIGERCE55ROMAN.woff2') format('woff2'), url('../fonts/FRUTIGERCE55ROMAN.woff') format('woff'), url('../fonts/FRUTIGERCE55ROMAN.ttf') format('truetype'), url('../fonts/FRUTIGERCE55ROMAN.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FRUTIGERLTSTD-LIGHT';
	src: url('../fonts/FRUTIGERLTSTD-LIGHT.eot');
	src: url('../fonts/FRUTIGERLTSTD-LIGHT.eot') format('embedded-opentype'), url('../fonts/FRUTIGERLTSTD-LIGHT.woff2') format('woff2'), url('../fonts/FRUTIGERLTSTD-LIGHT.woff') format('woff'), url('../fonts/FRUTIGERLTSTD-LIGHT.ttf') format('truetype'), url('../fonts/FRUTIGERLTSTD-LIGHT.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FRUTIGERLTSTD-ROMAN';
	src: url('../fonts/FRUTIGERLTSTD-ROMAN.eot');
	src: url('../fonts/FRUTIGERLTSTD-ROMAN.eot') format('embedded-opentype'), url('../fonts/FRUTIGERLTSTD-ROMAN.woff2') format('woff2'), url('../fonts/FRUTIGERLTSTD-ROMAN.woff') format('woff'), url('../fonts/FRUTIGERLTSTD-ROMAN.ttf') format('truetype'), url('../fonts/FRUTIGERLTSTD-ROMAN.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BebasNeueBold';
	src: url('../fonts/BebasNeueBold.eot');
	src: url('../fonts/BebasNeueBold.eot') format('embedded-opentype'), url('../fonts/BebasNeueBold.woff2') format('woff2'), url('../fonts/BebasNeueBold.woff') format('woff'), url('../fonts/BebasNeueBold.ttf') format('truetype'), url('../fonts/BebasNeueBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../fonts/BebasNeueRegular.eot');
	src: url('../fonts/BebasNeueRegular.eot') format('embedded-opentype'), url('../fonts/BebasNeueRegular.woff2') format('woff2'), url('../fonts/BebasNeueRegular.woff') format('woff'), url('../fonts/BebasNeueRegular.ttf') format('truetype'), url('../fonts/BebasNeueRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,
body,
a,
*,
button {
	outline: none !important;
}

body {
	background-color: #FFF;
	outline: none !important;
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: none;
	font-smoothing: antialiased;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #4a4a4a;
	font-family: 'FRUTIGERLTSTD-ROMAN';
	outline: none !important;
	max-width: 100%;
	overflow-x: hidden;
}

body img {
	max-width: 100%;
}

a {
	outline: none !important;
}

.top-bar {
	height: 77px;
	background-color: #9a9a9a;
}

.top-container {
	max-width: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
}

.top-subscribe-bar {
	margin-top: 82px;
}

.main-logo {
	max-width: 112px;
	height: auto;
	margin-left: 32px;
}

.keirsey-text {
	margin-left: 22px;
}

.container-own {
	width: 819px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.subs-btn a {
	width: 153.1px;
	height: 49.5px;
	border: solid 2px #979797;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	font-size: 15px;
	letter-spacing: 0.7px;
	text-align: center;
	color: #4a4a4a;
	font-family: 'FRUTIGERLTSTD-ROMAN';
	padding-top: 13px;
	text-decoration: none !important;
	margin-left: 110px;
}

.magazine-details-box {
	margin-top: 78px;
	border-bottom: solid 1px rgba(151, 151, 151, 0.5);
	border-top: solid 1px rgba(151, 151, 151, 0.5);
	max-width: 100%;
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	min-height: 446px;
}

.large-magazine-image {
	margin-left: 25px;
}

.large-magazine-image img {
	max-width: 100%;
	width: 370px;
	height: 444px;
	border-top: 0px;
	border-bottom: 0px;
	border: solid 1px rgba(151, 151, 151, 0.5);
}

.magazine-texts {
	display: block;
	width: 370px;
	margin-top: 65px;
	margin-left: 20px;
	max-width: 100%;
}

.magazine-texts h2 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.60;
	letter-spacing: 0.7px;
	text-align: left;
	color: #4a4a4a;
	font-family: 'FRUTIGERCE55ROMAN';
	text-decoration: none !important;
}

.magazine-texts h3 {
	margin: 0px;
	padding: 0px;
	clear: both;
	color: #9b9b9b;
	font-size: 15px;
	font-family: 'FRUTIGERLTSTD-ROMAN';
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.20;
	letter-spacing: 0.7px;
}

.magazine-texts p {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0.1px;
	text-align: left;
	color: #4a4a4a;
	font-family: 'FRUTIGERLTSTD-ROMAN';
	position: relative;
	margin-top: 24px;
	width: 325px;
}

.read-issue {
	margin-top: 33px;
}

.read-issue a {
	width: 153.1px;
	height: 44px;
	border: solid 2px #979797;
	display: block;
	font-size: 13px;
	letter-spacing: 0.7px;
	text-align: center;
	color: #4a4a4a;
	font-family: 'FRUTIGERLTSTD-ROMAN';
	padding-top: 11px;
	text-decoration: none !important;
	position: relative;
}

.read-issue-mobile {
	display: none;
}

#stage {
	display: block;
	position: relative;
}

#stage span {
	position: absolute;
	background-color: #fff;
}

#stage span img {
	padding: 0px;
	border-top: 0px;
	border-bottom: 0px;
}

#stage span:nth-of-type(1) {
	animation-name: fader;
	animation-delay: 3s;
	animation-duration: 1s;
	z-index: 20;
}

#stage span:nth-of-type(2) {
	z-index: 10;
}

#stage span:nth-of-type(n+3) {
	display: none;
}

@keyframes fader {
	from {
		opacity: 1.0;
	}
	to {
		opacity: 0.0;
	}
}

.bottom-small-boxes {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	width: 735px;
	margin-top: 87px;
}

.bottom-small-boxes ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.bottom-small-boxes ul li {
	width: 221px;
	max-width: 100%;
	float: left;
	margin-right: 35px;
	text-align: center;
	margin-bottom: 57px;
}

.bottom-small-boxes ul li img {
	border: solid 1px rgba(151, 151, 151, 0.5);
}

.bottom-small-boxes ul li h4 {
	margin: 0px;
	padding: 0px;
	margin-top: 17px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.18;
	letter-spacing: 0.5px;
	text-align: center;
	color: #000000;
	font-family: 'FRUTIGERLTSTD-ROMAN';
}

.bottom-small-boxes ul li h5 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.38;
	color: #4a4a4a;
	margin-top: 2px;
	font-family: 'FRUTIGERLTSTD-ROMAN';
	letter-spacing: 0.5px;
}

.bottom-small-boxes ul li h6 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.38;
	color: #4a4a4a;
	font-family: 'FRUTIGERLTSTD-LIGHT';
	margin-top: 2px;
}

.bottom-small-boxes ul li a {
	text-decoration: none !important;
}

.bottom-small-boxes ul li:nth-child(3n) {
	margin-right: 0px;
}

.blue-text {
	color: #2377b9 !important;
}

.green-text {
	color: #00a149 !important;
}

.red-text {
	color: #eb212e !important;
}

.yellow-text {
	color: #e5c616 !important;
}

.modal-backdrop.show {
	opacity: 1;
}

.modal-backdrop {
	background-color: rgba(74, 74, 74, 0.65);
}

.my-modal {
	box-shadow: none;
	border: none;
}

.my-modal .modal-dialog {
	width: 90%;
	max-width: 100%;
	border-radius: 0px;
	margin-top: 125px;
	border: none;
	box-shadow: none;
}

.my-modal .modal-content {
	border-radius: 0px;
	border: none;
}

.my-modal .close {
	border: none;
	width: 50px;
	height: 50px;
	position: absolute;
	right: -35px;
	top: -35px;
	opacity: 0.3;
	outline: none !important;
}

.my-modal .close:hover {
	color: #fff;
	opacity: 1;
}

.my-modal .modal-body {
	padding: 0px;
}

.issuuembed {
	height: 750px !important;
	width: 100%;
}

@media (max-width: 991px) {
	/*.main-logo {
		margin-left: 20px;
	}
	*/
	.top-subscribe-bar {
		max-width: 99%;
		overflow: hidden;
	}
	.magazine-details-box {
		width: 720px;
	}
	.large-magazine-image {
		margin-left: 0px;
	}
	.magazine-texts {
		max-width: 99%;
		margin-left: 0px;
	}
	.large-magazine-image img {
		height: 408px;
	}
	.magazine-details-box {
		min-height: 410px;
	}
}

@media (max-width: 767px) {
	.main-logo {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.top-subscribe-bar {
		margin-top: 40px;
	}
	.keirsey-text {
		margin-left: 20px;
		height: auto;
	}
	.subs-btn a {
		margin-left: 0px;
		margin-right: 20px;
		float: right;
		margin-top: 20px;
	}
	.magazine-details-box {
		margin-top: 45px;
		min-height: 320px;
		max-width: 100%;
	}
	.magazine-texts {
		margin-top: 20px;
		margin-left: -10px;
		width: 100%;
	}
	.large-magazine-image img {
		height: 318px;
		margin-left: -12px;
		width: 390px;
	}
	.magazine-texts p {
		margin-top: 15px;
		max-width: 100%;
	}
	.read-issue {
		margin-top: 0px;
	}
	.bottom-small-boxes {
		margin-top: 50px;
		max-width: 100%;
		width: 600px;
	}
	.bottom-small-boxes ul li {
		margin-left: 30px;
		margin-right: 0px;
		margin-bottom: 40px;
	}
	.bottom-small-boxes ul li:nth-child(2n) {
		margin-right: 30px;
		float: right;
	}
	.my-modal .modal-dialog {
		max-width: 93%;
		margin-top: 30px;
	}
	.issuuembed {
		height: 370px !important;
	}
}

@media (max-width: 575px) {
	.top-subscribe-bar {
		text-align: center;
		margin: 0px;
	}
	.keirsey-text {
		max-width: 100%;
		width: 212px;
		margin-top: 68px;
	}
	.subs-btn a {
		margin-top: 41px;
		margin-left: auto;
		float: none;
		margin-right: auto;
		width: 136px;
	}
	.magazine-details-box {
		margin-top: 61px;
		border: none;
		float: none;
		display: block;
		min-height: 620px;
	}
	.large-magazine-image {
		display: block;
		float: none;
		max-width: 100%;
		width: 220px;
		margin-left: auto;
		margin-right: auto;
	}
	.large-magazine-image img {
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		border: solid 1px #979797 !important;
	}
	.magazine-texts h2 {
		font-size: 12px;
		text-align: center;
		letter-spacing: 0.4px;
	}
	.magazine-texts h3 {
		font-size: 12px;
		text-align: center;
		letter-spacing: 0.3px;
		margin-top: 3px;
	}
	.magazine-texts {
		max-width: 285px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 44px;
		border-bottom: solid 0.5px #979797;
	}
	.read-issue {
		display: none;
	}
	.read-issue-mobile {
		margin-top: 33px;
		display: block;
	}
	.read-issue-mobile a {
		width: 153.1px;
		height: 44px;
		border: solid 2px #979797;
		display: block;
		font-size: 13px;
		letter-spacing: 0.7px;
		text-align: center;
		color: #4a4a4a;
		font-family: 'FRUTIGERLTSTD-ROMAN';
		padding-top: 11px;
		text-decoration: none !important;
		position: relative;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 35px;
	}
	.magazine-texts p {
		margin-top: 53px;
		margin-bottom: 0px;
		max-width: 100%;
	}
	.bottom-small-boxes {
		width: 220px;
		margin-left: auto;
		margin-right: auto;
	}
	.bottom-small-boxes ul li {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.bottom-small-boxes ul li:nth-child(2n) {
		float: none;
	}
	.my-modal .modal-dialog {
		max-width: 89%;
		margin-top: 100px;
		margin-left: auto;
		margin-right: auto;
	}
}


/* NEW CSS WHEN TOP MENU AND NEW PAGES ADDED */

.top-bar .navbar-nav .nav-link {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.69;
	letter-spacing: 1.4px;
	color: #e4e2e4;
	margin-right: 45px;
}

.top-bar .dropdown-toggle::after {
	color: #fff;
	margin-left: 10px;
	vertical-align: 0px;
	content: "";
	border-top: .5em solid;
	border-right: .5em solid transparent;
	border-bottom: 0;
	border-left: .5em solid transparent;
}

.top-bar .dropdown-menu {
	background-color: #ffffff;
	border-radius: 0px;
	margin: 0px;
	border: 0px !important;
	padding-bottom: 115px;
	border-bottom: solid 0.3px #d7d7d7 !important;
}

.top-bar .dropdown-menu .container {
	width: 750px;
	max-width: 100%;
}

.top-bar .dropdown-menu .keirsey-text {
	margin-left: 0px;
	margin-top: 131px;
}

.top-bar .dropdown-menu h5 {
	margin-top: 75px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.33;
	letter-spacing: 1.4px;
	color: #4a4a4a;
}

.top-bar .dropdown-menu .nav-link {
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.9px;
	color: #4a4a4a;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 7px;
}
.top-bar .dropdown-menu .nav-link:hover{
	font-weight: 600;
}

.top-bar .navbar-toggler-icon {
	background-image: url(../images/nav-bar.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.top-bar .collapse.show {
	display: block;
	position: absolute;
	width: 100%;
	background: #fff;
	left: 0px;
	top: 90px;
	min-height: 100vh;
	z-index: 99999;
}

.visible-after-767 {
	display: none;
}

.second-menu {
	width: 1090px;
	max-width: 100%;
	border-bottom: solid 0.5px #d0d0d0;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding: 25px;
	padding-bottom: 5px;
}

.second-menu h4 {
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.33;
	letter-spacing: 0.2px;
	color: #828282;
	font-family: 'Open Sans', sans-serif;
}

.second-menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	text-align: right;
}

.second-menu ul li {
	display: inline;
	margin-left: 70px;
}

.second-menu ul li:first-child {
	margin-left: 0px;
}

.second-menu ul li a {
	width: 131px;
	height: 27px;
	object-fit: contain;
	font-family: OpenSans;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.33;
	letter-spacing: 0.2px;
	color: #828282;
	font-family: 'Open Sans', sans-serif;
	display: inline;
}

.second-menu ul li.active a {
	color: #4a4a4a;
}

.second-menu ul li a:hover {
	text-decoration: none;
	color: #4a4a4a;
}

.title-page-banner {
	width: 1024px;
	max-width: 100%;
	height: 385px;
	margin-top: 68px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/banner-trianble-back.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fce5e7;
	padding: 75px;
	padding-top: 120px;
}

.faith-banner-green {
	background-color: #e3f0ee;
}

.money-matter-banner-green {
	background-color: #e7eedf;
}

.title-page-banner h1 {
	font-family: 'Playfair Display', serif;
	font-size: 40px;
	line-height: 0.7;
	color: #4a4a4a;
	opacity: 1;
}

.title-page-banner h3 {
	font-family: 'FRUTIGERLTSTD-ROMAN';
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #4a4a4a;
	max-width: 457px;
	margin-top: 45px;
}

.faith-banner-green h3 {
	width: 593px;
	max-width: 100%;
}

.container.title-page-boxes {
	width: 952px;
	max-width: 100%;
}

.container.title-page-boxes .single-box {
	margin-top: 70px;
	font-family: 'Open Sans', sans-serif;
}

.container.title-page-boxes .single-box img {
	width: 100%;
	max-width: 290px;
}

.container.title-page-boxes .single-box h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 15px;
	margin-bottom: 8px;
}

.container.title-page-boxes .single-box p {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.58;
	letter-spacing: normal;
	color: #7c7c7c;
}

.title-page-devider {
	width: 1062px;
	max-width: 100%;
	border-bottom: solid 1px #d7d7d7;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	margin-bottom: 80px;
}

.title-page-bottom-container {
	width: 714px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Open Sans', sans-serif;
	max-width: 100%;
}

.title-page-bottom-container h4 {
	font-size: 17px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 5px;
	margin-bottom: 0px;
}

.title-page-bottom-container h6 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	color: #9b9b9b;
	margin-top: 0px;
	margin-bottom: 8px;
}

.title-page-bottom-container p {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.58;
	letter-spacing: normal;
	color: #7c7c7c;
}

.margin-bottom-60 {
	margin-bottom: 60px;
}

.title-page-bottom-color-banner {
	font-family: 'Open Sans', sans-serif;
	width: 1024px;
	max-width: 100%;
	background-color: #ffe651;
	padding: 68px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 125px;
	padding-top: 63px;
	margin-bottom: 50px;
	padding-bottom: 15px;
}

.title-page-bottom-color-banner h5 {
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4a4a4a;
}

.title-page-bottom-color-banner p {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4a4a4a;
}

.title-page-bottom-color-banner h6 {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #4a4a4a;
}

.title-page-bottom-color-banner img {
	max-width: 85px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	display: block;
}

.different-kind-of-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 23px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.22;
	letter-spacing: 1.6px;
	text-align: center;
	color: #4a4a4a;
	text-align: center;
	margin-top: 60px;
}

.different-kind-of-icon-contain {
	width: 840px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Open Sans', sans-serif;
	margin-top: 45px;
	overflow: hidden;
}

.different-kind-of-icon-contain a {
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ec1d24;
}

.different-kind-of-icon-contain .artisan-icons a {
	color: #ec1d24;
}

.different-kind-of-icon-contain .guardian-icons a {
	color: #be834a;
}

.different-kind-of-icon-contain .idealist-icons a {
	color: #00833c;
}

.different-kind-of-icon-contain .rational-icons a {
	color: #1c75bb
}

.different-kind-of-icon-contain a:hover {
	text-decoration: none;
}

.different-kind-of-icon-contain .top-icon a {
	font-size: 18px;
}

.different-kind-of-icon-contain a img {
	margin-right: 13px;
}

.different-kind-of-icon-contain .small-icons a {
	background-repeat: no-repeat;
	background-size: 61px 62px;
	margin-top: 52px;
	margin-left: 5px;
	display: block;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	/* ...and now for the proper property */
	transition: .5s;
}

.different-kind-of-icon-contain .small-icons a img {
	display: inline-block;
	height: 61px;
	width: 62px;
	margin-right: 0px;
}

.different-kind-of-icon-contain .small-icons a span {
	display: inline-block;
	margin-top: 0px;
	top: 12px;
	position: relative;
}

.different-kind-of-icon-contain .small-icons.promoter a {
	background-image: url(../images/promoter.svg);
}

.different-kind-of-icon-contain .small-icons.promoter a:hover {
	background-image: url(../images/1-promoter.png);
}

.different-kind-of-icon-contain .small-icons.crafter a {
	background-image: url(../images/crafter.svg);
}

.different-kind-of-icon-contain .small-icons.crafter a:hover {
	background-image: url(../images/2-crafter.png);
}

.different-kind-of-icon-contain .small-icons.performer a {
	background-image: url(../images/performer.svg);
}

.different-kind-of-icon-contain .small-icons.performer a:hover {
	background-image: url(../images/3-performer.png);
}

.different-kind-of-icon-contain .small-icons.composer a {
	background-image: url(../images/composer.svg);
}

.different-kind-of-icon-contain .small-icons.composer a:hover {
	background-image: url(../images/4-composer.png);
}

.different-kind-of-icon-contain .small-icons.supervisor a {
	background-image: url(../images/supervisor.svg);
}

.different-kind-of-icon-contain .small-icons.supervisor a:hover {
	background-image: url(../images/1-supervisor.png);
}

.different-kind-of-icon-contain .small-icons.inspector a {
	background-image: url(../images/inspector.svg);
}

.different-kind-of-icon-contain .small-icons.inspector a:hover {
	background-image: url(../images/2-inspector.png);
}

.different-kind-of-icon-contain .small-icons.provider a {
	background-image: url(../images/provider.svg);
}

.different-kind-of-icon-contain .small-icons.provider a:hover {
	background-image: url(../images/3-provider.png);
}

.different-kind-of-icon-contain .small-icons.protector a {
	background-image: url(../images/protector.svg);
}

.different-kind-of-icon-contain .small-icons.protector a:hover {
	background-image: url(../images/4-protector.png);
}

.different-kind-of-icon-contain .small-icons.teacher a {
	background-image: url(../images/teacher.svg);
}

.different-kind-of-icon-contain .small-icons.teacher a:hover {
	background-image: url(../images/1-teacher.png);
}

.different-kind-of-icon-contain .small-icons.counselor a {
	background-image: url(../images/counselor.svg);
}

.different-kind-of-icon-contain .small-icons.counselor a:hover {
	background-image: url(../images/2-counselor.png);
}

.different-kind-of-icon-contain .small-icons.champion a {
	background-image: url(../images/champion.svg);
}

.different-kind-of-icon-contain .small-icons.champion a:hover {
	background-image: url(../images/3-champion.png);
}

.different-kind-of-icon-contain .small-icons.healer a {
	background-image: url(../images/healer.svg);
}

.different-kind-of-icon-contain .small-icons.healer a:hover {
	background-image: url(../images/4-healer.png);
}

.different-kind-of-icon-contain .small-icons.fieldmarshal a {
	background-image: url(../images/fieldmarshal.svg);
}

.different-kind-of-icon-contain .small-icons.fieldmarshal a:hover {
	background-image: url(../images/1-fieldmarshal.png);
}

.different-kind-of-icon-contain .small-icons.mastermind a {
	background-image: url(../images/mastermind.svg);
}

.different-kind-of-icon-contain .small-icons.mastermind a:hover {
	background-image: url(../images/2-mastermind.png);
}

.different-kind-of-icon-contain .small-icons.inventor a {
	background-image: url(../images/inventor.svg);
}

.different-kind-of-icon-contain .small-icons.inventor a:hover {
	background-image: url(../images/3-inventor.png);
}

.different-kind-of-icon-contain .small-icons.architect a {
	background-image: url(../images/architect.svg);
}

.different-kind-of-icon-contain .small-icons.architect a:hover {
	background-image: url(../images/4-architect.png);
}

.km-page-top {
	padding-top: 80px;
	margin-left: 48px;
	font-family: 'Open Sans', sans-serif;
}

.km-page-top h1 {
	font-size: 36px;
	line-height: 0.78;
	color: #4a4a4a;
	font-weight: 600;
}

.km-page-top h2 {
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	margin-top: 10px;
	margin-bottom: 7px;
	letter-spacing: normal;
	color: #09a04f;
}

.km-page-top h2 span {
	color: #4a4a4a;
}

.km-page-top h3 {
	font-size: 12px;
	font-weight: normal;
	line-height: 0.5;
	color: #09a04f;
}

.km-page-top h3 span {
	color: #4a4a4a;
}

.loving-uncond-banner {
	background-image: url(../images/loving-unconditionally-banner.jpg);
	font-family: 'Open Sans', sans-serif;
	width: 984px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: auto;
	margin-right: auto;
	height: 392px;
	padding-top: 95px;
	margin-top: 70px;
	max-width: 100%;
}

.loving-uncond-banner h3 {
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.28;
	letter-spacing: normal;
	color: #4a4a4a;
	text-align: right;
	padding-right: 100px;
}

.loving-uncond-content-area {
	width: 920px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 110px;
	padding: 20px;
}

p.loving-uncond-green-text {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: normal;
	color: #09a04f;
}

p.grey-text {
	font-family: 'Open Sans', sans-serif;
	font-size: 14.2px;
	font-style: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: normal;
	color: #4a4a4a;
	font-weight: 400;
}

.small-grey-line {
	width: 41px;
	height: 6px;
	background-color: #d8d8d8;
	margin-top: 30px;
	margin-bottom: 40px;
}

.red-tree {
	width: 360px;
	max-width: 100%;
	float: right;
}

.loving-uncond-content-area h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.37;
	letter-spacing: normal;
	color: #eb212e;
	margin-top: 115px;
	margin-bottom: 20px;
}

.red-text-color-only {
	color: #eb212e !important;
}

.green-text-color-only {
	color: #09a04f !important;
}

.yellow-text-color-only {
	color: #e5c616 !important;
}

.blue-text-color-only {
	color: #2377b9 !important;
}

.green-green-text-color-only {
	color: #b8e986 !important;
}

.dark-red-text-color-only {
	color: #86383d !important;
}

.dark-green-text-color-only {
	color: #417505 !important;
}

.dark-green-text-color-only-b {
	color: #366105 !important;
}

.dark-yellow-text-color-only {
	color: #bfa514 !important;
}

.dark-yellow-text-color-only-b {
	color: #67590b !important;
}

.dark-blue-text-color-only {
	color: #124770 !important;
}

.dark-blue-text-color-only-b {
	color: #114874 !important;
}

.container.another-article {
	width: 1004px;
	max-width: 100%;
	padding: 20px;
	margin-top: 0px;
}

.container.another-article .single-box {
	margin-top: 70px;
	font-family: 'Open Sans', sans-serif;
}

.container.another-article .single-box h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 15px;
	margin-bottom: 8px;
}

.container.another-article .single-box p {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.58;
	letter-spacing: normal;
	color: #7c7c7c;
}

.google-ad-box {
	text-align: right;
	visibility: hidden;
}

.green-back-page {
	background-color: #e2f5f5;
	background-image: url(../images/green-page-clouds-back.svg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center 300px;
}

.green-back-page-banner {
	width: 940px;
	padding: 20px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.green-back-page-banner h3 {
	object-fit: contain;
	font-family: 'BebasNeueBold';
	font-size: 36px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 160px;
}

.green-back-page-banner h3 span {
	font-size: 55px;
	line-height: 1;
	color: #09a04f;
}

.green-back-page-banner img {
	margin-top: 120px;
	float: right;
}

.green-back-page-banner-bottom-strip {
	background-color: #dcf2f2;
	height: 65px;
	width: 100%;
	max-width: 100%;
	margin-top: 80px;
}

.green-back-page-content-area {
	width: 945px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 110px;
	padding: 20px;
}

.green-back-page-content-area h2 {
	object-fit: contain;
	font-family: 'BebasNeueBold';
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 2.4px;
	color: #4a4a4a;
	margin-top: 100px;
	margin-bottom: 32px;
}

.turnhim-banner {
	background-image: url(../images/turn-him-banner.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 425px;
	margin-top: 50px;
}

.turnhim-banner h3 {
	object-fit: contain;
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.28;
	letter-spacing: normal;
	color: #4a4a4a;
	font-family: 'Open Sans', sans-serif;
	width: 950px;
	padding: 20px;
	text-align-last: left;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	padding-top: 90px;
}

.turhim-page-bottom-container {
	width: 950px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-top: 90px;
	font-family: 'Open Sans', sans-serif;
}

.small-red-text {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #eb212e;
}

.turhim-page-bottom-container h2 {
	object-fit: contain;
	font-size: 30px;
	font-weight: 300;
	font-style: italic;
	font-stretch: normal;
	line-height: 1.37;
	letter-spacing: 2.4px;
	color: #eb212e;
	margin-top: 67px;
}

.italic-grey-text {
	font-size: 15px;
	font-weight: 300;
	font-style: italic;
	font-stretch: normal;
	line-height: 2.33;
	letter-spacing: normal;
	color: #636567;
}

.turhim-page-bottom-container h4 {
	font-size: 20px;
	line-height: 2.1;
	letter-spacing: 0.6px;
	font-style: italic;
	margin-top: 80px;
	color: #636567;
	font-weight: 400;
}

.turhim-page-bottom-container h4 span {
	font-weight: 600;
}

.turhim-page-bottom-container.artisan-back {
	background-image: url(../images/turn-on-him-artisan-back.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
}

.turhim-page-bottom-container.guardian-back {
	background-image: url(../images/turn-on-him-guardian-back.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	margin-top: 40px;
	padding-top: 40px;
}

.turhim-page-bottom-container.idealist-back {
	background-image: url(../images/turn-on-him-idealist-back.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	margin-top: 40px;
	padding-top: 40px;
}

.turhim-page-bottom-container.rational-back {
	background-image: url(../images/turn-on-him-rational-back.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	margin-top: 40px;
	padding-top: 40px;
}

.becoming-the-one-banner {
	max-width: 100%;
	width: 1015px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 90px;
}

.dark-grey-text {
	color: #4a4a4a !important;
}

.becoming-the-one-container {
	max-width: 100%;
	padding: 20px;
	width: 955px;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Open Sans', sans-serif;
}

.adventure-fish-back {
	background-image: url(../images/adventure-fish.png);
	background-position: right top;
	margin-top: 100px;
	background-repeat: no-repeat;
	width: 100%;
}

.becoming-the-one-container h2 {
	object-fit: contain;
	font-size: 36px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 1.14;
	letter-spacing: normal;
	color: #eb212e;
	margin-bottom: 25px;
}

.star-fish-back {
	background-image: url(../images/star-fish.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	background-size: auto;
	padding-top: 0px;
	margin-top: 0px;
}

.yellow-fish-back {
	background-image: url(../images/yellow-fish.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto;
	padding-top: 0px;
	margin-top: -30px;
}

.blue-octo-back {
	background-image: url(../images/blue-octopus.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto;
	padding-top: 0px;
	margin-top: -20px;
	padding-bottom: 40px;
}

.barbara-banner {
	max-width: 100%;
	width: 1151px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/barbara-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 386px;
}

.barbara-banner h3 {
	font-family: 'BebasNeueBold';
	font-size: 75px;
	font-weight: 800;
	font-style: normal;
	font-stretch: normal;
	line-height: 68px;
	letter-spacing: normal;
	color: #4a4a4a;
	padding-top: 95px;
	padding-left: 190px;
}

.barbara-text-container {
	padding: 20px;
	margin-top: 130px;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.barbara-text-container h2 {
	object-fit: contain;
	font-size: 34px;
	font-weight: 600;
	font-style: italic;
	font-stretch: normal;
	line-height: 1.21;
	letter-spacing: normal;
	color: #eb212e;
	font-family: 'Open Sans', sans-serif;
	margin-top: 70px;
	margin-bottom: 15px;
}

.impulsive-back {
	background-image: url(../images/impuslive-back.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-top: -70px;
	display: block;
}

.depressed-back {
	background-image: url(../images/depressed-back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-top: -130px;
	display: block;
}

.hyesterical-back {
	background-image: url(../images/hyestrical-back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-top: -130px;
	display: block;
}

.obessive-back {
	background-image: url(../images/obessive-back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-top: -130px;
	display: block;
	margin-bottom: -70px;
}

.why-dating-banner {
	background-image: url(../images/why-dating-banner.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	min-height: 500px;
	width: 870px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
}

.why-dating-banner h2 {
	font-size: 30px;
	font-weight: 600;
	font-style: italic;
	font-stretch: normal;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.4;
	letter-spacing: normal;
	color: #4a4a4a;
	padding: 25px;
	padding-top: 140px;
	padding-left: 70px;
}

.why-dating-container {
	width: 957px;
	padding: 20px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	font-family: 'Open Sans', sans-serif;
}

.why-dating-container .blue-text-small {
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #2377b9;
}

.artisan-back-why-dating {
	background-image: url(../images/why-dating-artisan-back.png);
	background-repeat: no-repeat;
	background-size: 970px auto;
	background-position: 55% bottom;
	padding-bottom: 100px;
}

.guardian-back-why-dating {
	background-image: url(../images/why-dating-guardian-back.png);
	background-repeat: no-repeat;
	background-size: 590px auto;
	background-position: 70% top;
	padding-bottom: 50px;
}

.idealist-back-why-dating {
	background-image: url(../images/why-dating-idealist-back.png);
	background-repeat: no-repeat;
	background-size: 840px auto;
	background-position: 80% top;
	padding-bottom: 50px;
}

.rational-back-why-dating {
	background-image: url(../images/why-dating-rational-back.png);
	background-repeat: no-repeat;
	background-size: 505px auto;
	background-position: 80% top;
	padding-bottom: 50px;
}

.why-dating-container h2 {
	object-fit: contain;
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.17;
	letter-spacing: 2.4px;
	color: #4a4a4a;
	margin-top: 100px;
	margin-bottom: 40px;
}

.is-there-antidote-banner {
	background-image: url(../images/is-there-banner.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 1050px;
	max-width: 100%;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	height: 407px;
	margin-top: 50px;
}

.is-there-antidote-banner h3 {
	font-size: 75px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 70px;
	letter-spacing: normal;
	color: #4a4a4a;
	font-family: 'BebasNeueBold';
	margin-left: 55px;
	margin-top: 75px;
}

.is-there-antidote-container {
	padding: 20px;
	margin-top: 130px;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.blue-ractangle {
	width: 948px;
	border: solid 3px #666464;
	max-width: 100%;
	padding: 80px;
	margin-top: -110px;
	padding-top: 60px;
	padding-bottom: 50px;
}

.blue-ractangle h4 {
	font-size: 23px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 35px;
	margin-bottom: 25px;
}

.is-there-bottom-blocks {
	width: 995px;
	padding: 100px;
	margin-top: 90px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.is-there-bottom-blocks h2 {
	object-fit: contain;
	font-family: 'Playfair Display', serif;
	font-size: 50px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 3px;
	color: #86383d;
	text-align: center;
	margin-top: 30px;
}

.is-there-bottom-blocks h6 {
	object-fit: contain;
	font-family: 'Roboto Mono', monospace;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #29000c;
	font-size: 24px;
	font-weight: 500;
}

.is-there-bottom-blocks p {
	color: #29000c;
	font-size: 14px;
	font-family: 'Roboto Mono', monospace;
	font-weight: 400;
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.is-there-bottom-blocks p strong {
	font-size: 15px;
}

.is-there-artisan-back {
	background-image: url(../images/is-there-artisan-back.png);
}

.is-there-guardian-back {
	background-image: url(../images/is-there-guardian-back.png);
}

.is-there-idealist-back {
	background-image: url(../images/is-there-idealist-back.png);
}

.is-there-rational-back {
	background-image: url(../images/is-there-rational-back.png);
}

.why-its-hard-banner {
	width: 940px;
	max-width: 100%;
	margin-top: 150px;
	margin-left: auto;
	margin-right: auto;
}

.why-its-hard-banner h3 {
	object-fit: contain;
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.28;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 60px;
	padding-left: 25px;
}

.why-its-hard-top-container {
	padding: 20px;
	margin-top: 130px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.small-yellow-text {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #e5c616;
}

.why-its-hard-bottom-container {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	background-color: #e5e5db;
	font-family: 'Open Sans', sans-serif;
	padding: 20px;
	padding-top: 80px;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 270px;
}

.why-its-hard-bottom-container h2 {
	font-size: 35px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.36;
	letter-spacing: normal;
	color: #404042;
	margin-top: 20px;
	margin-bottom: 35px;
	width: 460px;
}

.why-its-hard-bottom-container p {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.62;
	letter-spacing: normal;
	color: #404042;
	margin-top: 30px;
}

.why-its-hard-bottom-container .container {
	padding: 0px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

.why-its-hard-bottom-container .container .col-md-5 {
	padding: 0px;
}

.why-its-hard-bottom-container.artisan-clas-back {
	background-image: url(../images/clashes-artisan-back.jpg);
}

.why-its-hard-bottom-container.rational-clas-back {
	background-image: url(../images/clashes-rational-back.jpg);
}

.why-its-hard-bottom-container.idealist-clas-back {
	background-image: url(../images/clashes-idealist-back.jpg);
}

.why-its-hard-bottom-container.guardian-clas-back {
	background-image: url(../images/clashes-guardian-back.jpg);
}

.making-sense-banner {
	background-image: url(../images/making-sense-cloud.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 1130px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 65px;
	height: 420px;
}

.making-sense-banner h3 {
	object-fit: contain;
	font-size: 43px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: normal;
	color: #4a4a4a;
	font-family: 'BebasNeueBold';
	margin-left: 575px;
	padding-top: 148px;
}

.making-sese-container {
	padding: 20px;
	margin-top: 130px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.small-blue-text {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #2377b9;
}

.making-sese-container h2 {
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: normal;
	font-family: 'BebasNeueBold';
	color: #eb212e;
	padding-top: 30px;
	margin-bottom: -5px;
}

.making-sese-container h4 {
	color: #9b9b9b;
	font-size: 20px;
	line-height: 2.05;
	font-weight: 600;
	margin-bottom: 25px;
}

.making-sense-guardian-back {
	background-image: url(../images/making-sense-guardian-back.png);
	background-repeat: no-repeat;
	background-position: 25px bottom;
	padding-bottom: 100px;
}

.making-sense-idealist-back {
	background-image: url(../images/making-sense-idealist-back.png);
	background-repeat: no-repeat;
	background-position: 80% bottom;
	margin-bottom: -100px;
	margin-top: -200px;
	display: block;
}

.making-sense-ratioinal-back {
	background-image: url(../images/making-sense-rational-back.png);
	background-repeat: no-repeat;
	background-position: 25px bottom;
	padding-bottom: 100px;
	margin-bottom: -150px;
}

.faith-sp-rl-banner {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	padding: 20px;
	background-image: url(../images/faith-splash.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 520px auto;
	height: 350px;
	margin-top: 100px;
}

.faith-sp-rl-banner h3 {
	object-fit: contain;
	font-size: 43px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: normal;
	color: #4a4a4a;
	font-family: 'BebasNeueBold';
	padding-top: 148px;
	text-align: right;
}

.faith-sp-rl-container {
	padding: 20px;
	margin-top: 130px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.faith-sp-rl-small-yellow-text {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #e5c616;
}

.lets-roll-box {
	background-image: url('../images/lets-roll-back.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	min-height: 860px;
	margin-top: -450px;
	padding-left: 25px;
}

.faith-sp-rl-container h2 {
	font-family: 'Playfair Display', serif;
	font-size: 40px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 1.03;
	letter-spacing: normal;
	color: #eb212e;
	padding-top: 150px;
	margin-bottom: 45px;
}

.seeking-approval-box {
	background-image: url(../images/seeking-approval-back.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	padding-top: 200px;
	margin-top: -450px;
	padding-left: 25px;
	padding-bottom: 300px;
}

.one-love-box {
	background-image: url(../images/one-love-back.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	padding-top: 0px;
	margin-top: -400px;
	padding-left: 25px;
	padding-bottom: 100px;
}

.all-made-up-box {
	background-image: url(../images/all-made-up-back.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	padding-top: 50px;
	margin-top: -250px;
	padding-left: 25px;
	padding-bottom: 400px;
	margin-bottom: -350px;
}

.different-kinds-spirituality-banner {
	background-image: url(../images/different-kinds-spirituality.png);
	background-size: auto auto;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 500px;
	margin-top: 30px;
}

.different-kinds-spirituality-banner h3 {
	font-family: 'Playfair Display', serif;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.77;
	padding-top: 135px;
	text-align: center;
	color: #4a4a4a;
	display: inline-block;
	letter-spacing: 1px;
}

.different-kinds-spirituality-container {
	padding: 20px;
	margin-top: 80px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.different-kind-spi-red-text {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #eb212e;
	font-family: 'Open Sans', sans-serif;
}

.different-kinds-spirituality-container h2 {
	font-family: 'BebasNeueBold';
	font-size: 46px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 42px;
	letter-spacing: normal;
	color: #eb212e;
	margin-bottom: 50px;
}

.sensuality-back {
	background-image: url(../images/sensuality-back.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 200px;
	padding-bottom: 50px;
	margin-top: -300px;
}

.spirituality-back {
	background-image: url(../images/spirituality-back.png);
	background-position: 10% bottom;
	background-size: contain;
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-bottom: 150px;
	margin-top: 90px;
}

.love-back {
	background-image: url(../images/love-back.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 70px;
	padding-bottom: 50px;
	margin-top: -50px;
}

.knowledge-back {
	background-image: url(../images/knowledge-back.png);
	background-position: 15% bottom;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 5px;
	padding-bottom: 50px;
	margin-top: 100px;
}

.temp-inner-banner {
	width: 1253px;
	height: 420px;
	text-align: center;
	background-image: url(../images/temp-inner-banner.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 55px;
}

.temp-inner-banner h3 {
	font-family: 'BebasNeueBold';
	font-size: 37px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1.5px;
	text-align: center;
	color: #ffffff;
	padding-top: 175px;
}

.temp-inner-container {
	padding: 20px;
	margin-top: 80px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	font-family: 'Open Sans', sans-serif;
}

.small-green-text {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #09a04f;
}

.temp-inner-container h2 {
	object-fit: contain;
	font-family: 'BebasNeueBold';
	font-size: 37px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #eb212e;
	margin-top: 100px;
	margin-bottom: 5px;
}

.temp-inner-container h4 {
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 25px;
	margin-bottom: 35px;
}

.sex-ages-banner {
	width: 1253px;
	height: 420px;
	text-align: center;
	background-image: url(../images/sex-ages-banner.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 55px;
}

.sex-ages-banner h3 {
	font-family: 'Playfair Display', serif;
	font-size: 37px;
	font-weight: 100;
	font-style: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1.5px;
	text-align: center;
	color: #ffffff;
	padding-top: 190px;
	font-style: italic;
}

.sex-ages-container {
	padding: 20px;
	margin-top: 80px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	font-family: 'Open Sans', sans-serif;
}

.sex-ages-text {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #09a04f;
}

.sex-ages-container h2 {
	object-fit: contain;
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	font-weight: 600;
	font-style: italic;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #eb212e;
	margin-top: 100px;
	margin-bottom: 5px;
}

.sex-ages-container h4 {
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 25px;
	margin-bottom: 35px;
}

.spiritual-disci-banner {
	width: 1253px;
	height: 420px;
	text-align: center;
	background-image: url(../images/spiritual-disci-banner.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 55px;
	padding-top: 120px;
}

.spiritual-disci-banner h3 {
	font-family: 'Playfair Display', serif;
	padding-top: 190px;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.28;
	letter-spacing: normal;
	text-align: center;
	color: #4a4a4a;
	padding: 40px;
	padding-left: 80px;
	padding-right: 80px;
	background: #fff;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	display: block;
}

.spiritual-disci-container {
	padding: 20px;
	margin-top: 80px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	font-family: 'Open Sans', sans-serif;
}

.spiritual-disci-container h2 {
	object-fit: contain;
	font-family: 'BebasNeueBold';
	font-size: 44px;
	font-weight: 600;
	font-style: NORMAL;
	font-stretch: normal;
	line-height: 44px;
	letter-spacing: normal;
	color: #eb212e;
	margin-top: 100px;
	margin-bottom: 35px;
}

.artisan-restraining-back {
	background-image: url(../images/artisan-restraining-back.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 35px;
}

.guardian-rituals-back {
	background-image: url(../images/guardian-rituals-back.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 35px;
	margin-top: -50px;
}

.idealist-relationship-back {
	background-image: url(../images/idealist-relationship-back.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 85px;
	margin-top: -50px;
}

.rational-reflection-back {
	background-image: url(../images/relation-reflaction-back.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: auto auto;
	padding-bottom: 35px;
	margin-top: -50px;
}

.money-relationships-banner {
	width: 1253px;
	height: 420px;
	text-align: center;
	background-image: url(../images/money-relationship-banner.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 55px;
	padding-top: 145px;
}

.money-relationships-banner h3 {
	font-family: 'Open Sans', sans-serif;
	padding-top: 190px;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.28;
	letter-spacing: normal;
	text-align: center;
	color: #4a4a4a;
	padding: 40px;
	padding-left: 80px;
	padding-right: 80px;
	background: #fff;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	display: block;
	font-weight: 700;
}

.money-relationships-container {
	padding: 20px;
	margin-top: 80px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	font-family: 'Open Sans', sans-serif;
}

.money-relationship-back-image-box {
	background-image: url(../images/low-risk-back.png);
	background-size: 680px auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 120px;
}

.money-relationships-container h2 {
	object-fit: contain;
	font-family: 'BebasNeueBold';
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0px;
	color: #686868;
	text-align: center;
	float: left;
	display: inline-block;
	padding-left: 25px;
}

.money-relationships-container h5 {
	object-fit: contain;
	font-family: 'BebasNeueBold';
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0px;
	color: #686868;
	text-align: center;
	float: left;
	display: inline-block;
}

.money-relationships-container p.grey-text {
	padding-left: 25px;
	line-height: 20px;
}

.money-relationships-container .small-yellow-text {
	padding-left: 25px;
}

.money-relationships-container .small-grey-line {
	margin-left: 25px;
}

.money-relationships-container .plus-sign {
	color: #8c8c8c;
	font-size: 48px;
	padding: 0px;
	line-height: normal;
	text-align: center;
	font-family: 'BebasNeueBold';
	margin-top: -10px;
	float: left;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
}

.risk-bar {
	padding: 17px;
	display: block;
	width: 100%;
	padding-bottom: 0px;
	padding-left: 50px;
	margin-bottom: 65px;
}

.risk-bar h1 {
	font-family: 'BebasNeueBold';
	font-size: 40px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	color: #fefefe;
	letter-spacing: 1.5px;
}

.risk-bar p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13.5px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #fefefe;
	margin-top: 5px;
	line-height: 19px;
}

.green-risk-bar {
	background-color: #6abc0c;
}

.yellow-risk-bar {
	background-color: #ffdd17;
}

.orange-risk-bar {
	background-color: #f97f00;
}

.why-do-you-what-banner {
	width: 1177px;
	max-width: 100%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.why-do-you-what-banner h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.31;
	letter-spacing: normal;
	color: #4a4a4a;
	font-weight: 600;
	margin-top: 70px;
}

.why-do-you-what-banner h6 {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #4a4a4a;
	line-height: normal;
	margin-top: 25px;
}

.why-do-you-what-container {
	padding: 20px;
	margin-top: 130px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.why-do-you-what-container h2 {
	font-size: 36px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: normal;
	font-family: 'BebasNeueBold';
	color: #4a4a4a;
	padding-top: 30px;
	margin-bottom: -5px;
}

.why-do-you-what-container h4 {
	color: #9b9b9b;
	font-size: 16px;
	line-height: 2.05;
	font-weight: 400;
	margin-bottom: 25px;
	font-style: italic;
	margin-top: 15px;
}

.what-kind-philanthropist-banner {
	width: 1177px;
	max-width: 100%;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.what-kind-philanthropist-banner h3 {
	font-family: 'BebasNeueBold';
	font-size: 55px;
	font-style: normal;
	font-stretch: normal;
	line-height: 55px;
	letter-spacing: normal;
	color: #4a4a4a;
	font-weight: 600;
	margin-top: 60px;
}

.what-kind-philanthropist-container {
	padding: 20px;
	margin-top: 130px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.what-kind-philanthropist-container h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1px;
	color: #4a4a4a;
	margin-top: 60px;
}

.what-kind-philanthropist-container h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-weight: 500;
	font-style: italic;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #4a4a4a;
	padding: 20px;
	padding-top: 10px;
}

.what-kind-artisan-back {
	background-image: url(../images/artisan-give-back.png);
	background-size: auto auto;
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: -137px;
	min-height: 400px;
}

.what-kind-guardian-back {
	background-image: url(../images/guardian-give-back.png);
	background-size: auto auto;
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: -130px;
	min-height: 400px;
}

.what-kind-idealist-back {
	background-image: url(../images/idealist-give-back.png);
	background-size: auto auto;
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: -130px;
	min-height: 400px;
}

.what-kind-rational-back {
	background-image: url(../images/rational-give-back.png);
	background-size: auto auto;
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 40px;
	min-height: 400px;
}

.how-to-fun-banner {
	width: 1253px;
	height: 420px;
	text-align: center;
	background-image: url(../images/how-to-fun-banner.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 55px;
	padding-top: 145px;
}

.how-to-fun-banner h3 {
	font-family: 'Open Sans', sans-serif;
	padding-top: 190px;
	font-size: 30px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.28;
	letter-spacing: normal;
	text-align: center;
	color: #4a4a4a;
	padding: 40px;
	padding-left: 50px;
	padding-right: 50px;
	background: #fff;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	display: block;
	font-weight: 700;
}

.how-to-fun-container {
	padding: 20px;
	margin-top: 80px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	font-family: 'Open Sans', sans-serif;
}

.how-to-fun-container h2 {
	font-size: 34px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #eb212e;
	font-family: 'BebasNeueBold';
}

.artisan-spending-back {
	background-image: url(../images/artisan-spending-back.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto auto;
	padding-bottom: 95px;
}

.guardian-spending-back {
	background-image: url(../images/guardian-spending-back.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto auto;
	padding-bottom: 10px;
}

.idealist-spending-back {
	background-image: url(../images/idealist-spending-back.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto auto;
	padding-bottom: 95px;
}

.rational-spending-back {
	background-image: url(../images/rational-spending-back.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto auto;
	padding-bottom: 250px;
	padding-top: 20px;
	margin-bottom: -200px;
}

.pursuit-money-banner {
	width: 1200px;
	max-width: 100%;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.pursuit-money-banner h3 {
	font-family: 'BebasNeueBold';
	font-size: 65px;
	font-style: normal;
	font-stretch: normal;
	line-height: 55px;
	letter-spacing: normal;
	color: #636567;
	font-weight: 600;
	margin-top: 150px;
}

.pursuit-money-container {
	padding: 20px;
	margin-top: 130px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.pursuit-money-container h2 {
	font-family: 'BebasNeueBold';
	font-size: 34px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #eb212e;
	margin-top: 75px;
}

.pursuit-money-container h4 {
	font-size: 16px;
	font-weight: 600;
	font-style: italic;
	font-stretch: normal;
	line-height: 1.38;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-bottom: 25px;
}

.artisan-pursuit-back {
	background-image: url(../images/artisan-pursuit-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto auto;
	margin-top: -400px;
	padding-bottom: 15px;
}

.guardian-pursuit-back {
	background-image: url(../images/guardian-pursuit-back.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto auto;
	margin-top: -150px;
	padding-bottom: 25px;
}

.idealist-pursuit-back {
	background-image: url(../images/idealist-pursuit-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto auto;
	margin-top: -150px;
	padding-bottom: 25px;
}

.rational-pursuit-back {
	background-image: url(../images/rational-pursuit-back.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto auto;
	margin-top: -150px;
	padding-bottom: 25px;
}

.investing-people-banner {
	width: 800px;
	max-width: 100%;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.investing-people-banner h3 {
	font-family: 'BebasNeueBold';
	font-size: 65px;
	font-style: normal;
	font-stretch: normal;
	line-height: 55px;
	letter-spacing: normal;
	color: #4a4a4a;
	font-weight: 600;
	margin-top: 150px;
}

.investing-people-container {
	padding: 20px;
	margin-top: 130px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	font-family: 'Open Sans', sans-serif;
}

.investing-people-container p.grey-text {
	font-size: 15px;
}

.investing-people-container h2 {
	font-size: 30px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.37;
	letter-spacing: normal;
	color: #eb212e;
	margin-top: 100px;
	margin-bottom: 30px;
}

.investing-people-container h6 {
	font-size: 15px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #636567;
	font-weight: 600;
	margin-top: 35px;
	text-align: center;
	margin-bottom: 35px;
}

.people-bankrupt-banner {
	width: 1000px;
	max-width: 100%;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.people-bankrupt-banner h3 {
	font-family: 'BebasNeueBold';
	font-size: 65px;
	font-style: normal;
	font-stretch: normal;
	line-height: 55px;
	letter-spacing: normal;
	color: #636567;
	font-weight: 600;
	margin-top: 150px;
}

.people-bankrupt-container {
	padding: 20px;
	margin-top: 100px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.people-bankrupt-container h2 {
	font-family: 'BebasNeueBold';
	font-size: 37px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #eb212e;
	margin-top: 75px;
}

.people-bankrupt-container h4 {
	font-size: 16px;
	font-weight: 600;
	font-style: italic;
	font-stretch: normal;
	line-height: 1.38;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-bottom: 25px;
}

.bankrupt-guardian-back {
	background-image: url(../images/bankrupt-guardian-back.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto auto;
	background-color: #fdfaec;
	padding-bottom: 100px;
}

.bankrupt-artisan-back {
	background-image: url(../images/bankrupt-artisan-back.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto auto;
	background-color: #fdf3f3;
	padding-bottom: 100px;
	margin-top: -100px;
}

.bankrupt-idealist-back {
	background-image: url(../images/bankrupt-idealist-back.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto auto;
	background-color: #dbf0e5;
	padding-bottom: 100px;
	margin-top: -100px;
}

.bankrupt-rational-back {
	background-image: url(../images/bankrupt-rational-back.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto auto;
	background-color: #e5f0f5;
	padding-bottom: 100px;
	margin-top: -100px;
}

.about-top-title {
	padding-top: 80px;
	margin-left: 48px;
	font-family: 'Open Sans', sans-serif;
}

.about-top-title h1 {
	font-size: 34px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #4a4a4a;
}

.about-container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	max-width: 100%;
	width: 1330px;
	padding: 20px;
}

.about-container h3 {
	font-size: 30px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 100px;
}

.about-container h3 span {
	font-size: 26px;
}

.pol-timeline {
	width: 951px;
	max-width: 100%;
	border-bottom: solid 1.2px #d8d8d8;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	height: 32.5px;
}

.pol-timeline ul {
	list-style: none;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 100.5%;
}

.pol-timeline ul li {
	font-family: 'Open Sans', sans-serif;
	font-size: 10.2px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.4px;
	text-align: center;
	color: #000000;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 24.65%;
	padding-bottom: 20px;
}

.pol-timeline ul li a {
	color: #000000;
}

.pol-timeline ul li::before {
	content: " ";
	list-style: none;
	width: 10px;
	height: 10px;
	background-color: #d8d8d8;
	display: inline-block;
	border-radius: 10px;
	margin: 0px;
	padding: 0px;
	float: left;
	left: 0px;
	margin-top: 20px;
}

.pol-timeline ul li:last-child::after {
	content: " ";
	list-style: none;
	width: 10px;
	height: 10px;
	background-color: #d8d8d8;
	display: inline-block;
	border-radius: 10px;
	margin: 0px;
	padding: 0px;
	float: right;
	right: 0px;
	margin-top: 20px;
}

.blue-active::before {
	background-color: #2377b9 !important;
}

.green-active::before {
	background-color: #01a14a !important;
}

.yellow-active::before {
	background-color: #ffdd17 !important;
}

.red-active::before {
	background-color: #ed1c24 !important;
}

.blue-active-last::after {
	background-color: #2377b9 !important;
}

.yellow-active-last::after {
	background-color: #ffdd17 !important;
}

.green-active-last::after {
	background-color: #01a14a !important;
}

.red-active-last::after {
	background-color: #ed1c24 !important;
}

.pol-container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-top: 80px;
	padding: 20px;
}

.pol-container p {
	object-fit: contain;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 25px;
}

.pol-container h2 {
	font-size: 42px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	color: #2377b9;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	width: 500px;
}

.pol-container h3 {
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	color: #2377b9;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	margin-top: -7px;
	width: 500px;
}

.pol-container h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.6px;
	color: #4a4a4a;
	margin-bottom: 0px;
	margin-top: 15px;
}

.pol-container h5 {
	font-size: 21px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.27;
	letter-spacing: normal;
	color: #2377b9;
	text-transform: uppercase;
}

.pol-container .number {
	font-size: 44px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.57;
	letter-spacing: normal;
	color: #4a4a4a;
	text-align: right;
	margin-top: 10px;
}

.pol-disney-back {
	background-image: url(../images/pol-walt-disney-back.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: auto auto;
}

.pol-mlk-back {
	background-image: url(../images/pol-martin-luther-back.png);
	background-repeat: no-repeat;
	background-position: center 120px;
	background-size: auto auto;
}

.pol-anna-back {
	background-image: url(../images/pol-anna-back.png);
	background-repeat: no-repeat;
	background-position: center 60px;
	background-size: auto auto;
}

.pol-buffet-back {
	background-image: url(../images/pol-buffet-back.png);
	background-repeat: no-repeat;
	background-position: left 60px;
	background-size: auto auto;
}

.pol-diana-back {
	background-image: url(../images/pol-diana-back.png);
	background-repeat: no-repeat;
	background-position: left 60px;
	background-size: auto auto;
}

.pol-gandhi-back {
	background-image: url(../images/pol-gandhi-back.png);
	background-repeat: no-repeat;
	background-position: right 60px;
	background-size: auto auto;
}

.pol-monroe-back {
	background-image: url(../images/pol-monroe-back.png);
	background-repeat: no-repeat;
	background-position: left 60px;
	background-size: auto auto;
}

.pol-divider {
	height: 3px;
	background-color: #2377b9;
	width: 106%;
	display: block;
	margin-top: 90px;
	margin-bottom: 50px;
	margin-left: -3%;
}

.pol-divider.green {
	background-color: #01a14a;
}

.pol-divider.red {
	background-color: #ed1c24;
}

.pol-divider.yellow {
	background-color: #ffdd17;
}

.timeline-container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-top: 80px;
	padding: 20px;
}

.timeline-container p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: normal;
	color: #484444;
	padding-left: 17px;
}

.timeline-container p span {
	display: inline-block;
	width: 17px;
	margin-left: -17px;
}

.timeline-container p span.more-move {
	width: 100%;
	padding-left: 35px;
}

.timeline-container p span.more-move span {
	width: 17px;
	margin-left: -17px;
}

.timeline-container h2 {
	font-size: 44px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	color: #2377b9;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: -5px;
}

.timeline-container h3 {
	font-size: 16px;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4a4a4a;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	font-weight: 600;
}

.timeline-container h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.6px;
	color: #4a4a4a;
	margin-bottom: 0px;
	margin-top: 15px;
}

.timeline-container h5 {
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 1.31;
	letter-spacing: normal;
	color: #4a4a4a;
	margin-top: 25px;
}

.timeline-container h6 {
	font-size: 10.2px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #484444;
	min-height: 35px;
	margin-top: 50px;
	text-transform: uppercase;
}

.timeline-container .year {
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #484444;
	margin-top: 7px;
	margin-bottom: 10px;
}

.timeline-container img {
	min-height: 135px;
	width: auto;
	height: auto;
}

.timeline-container .col-lg-3.col-sm-6 {
	flex: 0 0 23%;
	max-width: 23%;
}

.timeline-alphabet-back {
	background-repeat: no-repeat;
	background-position: 85% 510px;
	background-size: auto auto;
}

.walt-disney-alphabet {
	background-image: url(../images/timeline-w.png);
}

.martin-luther-alphabet {
	background-image: url(../images/timeline-m-green.png);
}

.anna-wintour-alphabet {
	background-image: url(../images/timeline-a-red.png);
}

.warren-buffet-alphabet {
	background-image: url(../images/timeline-w-yellow.png);
}

.diana-alphabet {
	background-image: url(../images/timeline-p-green.png);
}

.marriott-alphabet {
	background-image: url(../images/timeline-m-yellow.png);
}

.martha-g-alphabet {
	background-image: url(../images/timeline-m-red.png);
}

.gandhi-alphabet {
	background-image: url(../images/timeline-m-green.png);
}

.marie-curie-alphabet {
	background-image: url(../images/timeline-m-blue.png);
}

.monroe-alphabet {
	background-image: url(../images/timeline-m-red.png);
}

.bruce-alphabet {
	background-image: url(../images/timeline-b-red.png);
}

.walters-alphabet {
	background-image: url(../images/timeline-w-yellow.png);
}

.drucker-alphabet {
	background-image: url(../images/timeline-p-blue.png);
}

.david-alphabet {
	/*background-image:  ;*/
}

.monroe-alphabet h6 {
	min-height: 15px;
}

.bruce-alphabet h6 {
	min-height: 15px;
}

.walters-alphabet h6 {
	min-height: 15px;
}

.col-container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-top: 90px;
	padding: 20px;
}

.col-container p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: normal;
	color: #484444;
	padding-left: 17px;
}

.col-container h2 {
	font-size: 34px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4a4a4a;
}

.col-devider {
	background-color: #1273bd;
	margin-bottom: 15px;
	width: 100%;
	text-align: center;
	height: 3px;
}

.green-back {
	background-color: #00a14b !important
}

.blue-back {
	background-color: #1273bd !important
}

.red-back {
	background-color: #ed2a25 !important;
}

.yellow-back {
	background-color: #ffdd17 !important;
}

.col-container h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 19px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #1273bd;
	text-transform: uppercase;
	margin-top: 10px;
}

.col-container h4 {
	font-family: 'BebasNeueBold';
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	font-stretch: condensed;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #4a4a4a;
	text-align: center;
	margin-top: 15px;
	text-transform: uppercase;
	width: 104.5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	min-height: 38px;
}

.col-container h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0px;
	color: #4a4a4a;
	text-align: center;
	margin-top: -2px;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.col-images {
	text-align: center;
	width: 100%;
	display: block;
	min-width: 100%;
	padding-left: 10px;
}

.col-images img {
	max-width: 95px;
	max-height: 95px;
	border-radius: 95px;
	border: solid 2px #1273bd;
	margin-top: 50px;
}

.green-border-img img {
	border-color: #00a14b;
}

.red-border-img img {
	border-color: #ed1c24;
}

.yellow-border-img img {
	border-color: #ffdd17;
}

.col-my-5 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	width: 20%;
	float: left;
}

.col-body-back {
	background-image: url(../images/col-blue-back.jpg);
	background-position: center 50%;
	background-repeat: repeat-x;
}

.col-blue-back {
	background-image: url(../images/col-blue-back.jpg);
}

.col-green-back {
	background-image: url(../images/col-green-back.jpg);
}

.col-red-back {
	background-image: url(../images/col-red-back.jpg);
}

.col-yellow-back {
	background-image: url(../images/col-yellow-back.jpg);
}

.quotes-container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-top: 80px;
	padding: 20px;
}

.quotes-container h2 {
	font-size: 48px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	color: #2377b9;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: -5px;
	width: 600px;
}

.quotes-container h3 {
	font-size: 36px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.1px;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.quotes-container p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #636567;
}

.quotes-divider {
	width: 21px;
	height: 1px;
	margin-top: 65px;
	margin-bottom: 65px;
	background-color: #09a04f;
}

body.col-body-back .d-sm-block {
	display: inline-block !important;
	padding-right: 5px;
}

.q-and-a-banner {
	background-image: url(../images/q-a-back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 70px;
	padding-bottom: 70px;
	margin-top: 65px;
}

.q-and-a-banner .banner-box {
	background-image: url(../images/q-a-white.png);
	background-repeat: no-repeat;
	width: 735px;
	height: 285px;
	margin-left: auto;
	margin-right: auto;
}

.q-and-a-banner .banner-box p {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 16.5px;
	letter-spacing: normal;
	color: #4a4a4a;
	width: 307px;
	float: right;
	margin-right: 30px;
	margin-top: 48px;
}

.q-and-a-banner .banner-box-mobile {
	background-image: url(../images/q-a-white-mobile.png);
	background-repeat: no-repeat;
	width: 99%;
	height: 475px;
	margin-left: auto;
	margin-right: auto;
	background-position: center top;
	background-size: 330px auto;
}

.q-and-a-banner .banner-box-mobile p {
	    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 16.5px;
    letter-spacing: normal;
    color: #4a4a4a;
    width: 290px;
    margin-left: auto;
    margin-right: auto;
    max-width: 85%;
    padding-top: 50px;
}

.q-and-a-titles {
	border: none;
	 
	font-size: 28px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.6px;
	color: #4a4a4a;
	font-family: 'BebasNeueBold';
	width: 415px;
	display: block;
	text-align: center;
	padding-top: 30px;
	margin-top: 120px;
	height: 120px;
	margin-bottom: 30px;
	background-image: url(../images/how-chase-title-back.svg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 415px auto;
}
.q-and-a-titles.left-arrow{
	
	background-image: url(../images/how-chase-title-back-left-arrow.svg);
	padding-top: 23px;
}

.q-and-a-titles::after {
 
}

.sex-revolution-first-box {
	background-color: #231f20;
	padding-top: 80px;
	padding-bottom: 120px;
	margin-top: 70px;
	background-image: url(../images/sex-revo-top-back.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

.sex-revolution-title {
	background-image: url(../images/sex-revolution-title-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: auto;
	margin-right: auto;
	font-family: 'BebasNeueBold';
	width: 650px;
	font-size: 92px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 3.7px;
	color: #231f20;
	padding: 15px;
	padding-left: 50px;
	margin-bottom: 150px;
}

.text-white {
	color: #fff !important;
}

.sex-revolution-second-box {
	background-color: #00a14b;
	padding-top: 90px;
	padding-bottom: 120px;
	
	background-image: url(../images/sex-revo-second-back.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

.sex-revolution-second-box p {
	color: #000000 !important;
}

.sex-revolution-second-box h2 {
	font-family: 'BebasNeueBold';
	font-size: 27px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0.5px;
	color: #231f20;
	margin-bottom: 25px;
}

.sex-revolution-second-box h2 span {
	text-decoration: underline;
}

.second-box-sex-revo-right {
	font-family: 'BebasNeueBold';
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	width: 330px;
	max-width: 99%;
	letter-spacing: 1px;
	color: #fefefe;
	background-image: url(../images/sex-revolution-second-box-right-back.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 20px;
	line-height: 40px;
	margin-top: 30px;
}

.third-box-sex-revo-right {
	font-family: 'BebasNeueBold';
	font-size: 23px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	width: 330px;
	max-width: 99%;
	letter-spacing: 1px;
	color: #fefefe;
	background-image: url(../images/sex-revolution-third--box-right-back.png);
	background-repeat: no-repeat;
	background-position: -30px bottom;
	padding: 20px;
	line-height: 30px;
	margin-top: 0px;
}

.fourth-box-sex-revo-right {
	font-family: 'BebasNeueBold';
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	width: 330px;
	max-width: 99%;
	letter-spacing: 1px;
	color: #fefefe;
	background-image: url(../images/sex-revolution-fourth-box-right-back.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 20px;
	line-height: 40px;
	margin-top: 30px;
}

.fifth-box-sex-revo-right {
	font-family: 'BebasNeueBold';
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	width: 380px;
	max-width: 99%;
	letter-spacing: 1px;
	color: #fefefe;
	background-image: url(../images/sex-revolution-fifth-box-right-back.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 20px;
	line-height: 37px;
	margin-top: 0px;
}

.sex-revolution-third-box {
	background-color: #ffdd17;
	
	
	background-image: url(../images/sex-revo-third-back.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

.sex-revolution-fourth-box {
	background-color: #ed1c24;
	
	
	background-image: url(../images/sex-revo-fourth-back.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

.sex-revolution-fifth-box {
	background-color: #1c75bb;
	
	background-image:url(../images/sex-revo-fifth-back.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

.have-dated-artisan-top{
	background-color: #000;
	padding-top: 70px;
	padding-bottom: 30px;
	margin-top: 70px;
}


.have-dated-artisan-top h1{
 
  font-size: 50px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.18;
  letter-spacing: -0.1px;
  color: #fefefe;
	font-family: 'Playfair Display', serif;
	line-height: normal;
}

.have-dated-artisan-top h1 span {
  color: #d1232a;
}
.have-dated-artisan-top  h2{
	font-family: 'BebasNeueBold';
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fefefe;
	margin-top: 30px;
}


.have-dated-artisan-top  h2 span{
	text-decoration: none;
	 	
}
.underline {
    padding-bottom: 1px;
    border-bottom: solid 1px #fff;
	display: inline;
	 
}

.have-dated-artisan-top  h3{
	 
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fefefe;
	margin-bottom: 40px;
}

.have-dated-artisan-top  h3 span{
  font-weight: 600;
  font-style: italic;
}
 



.have-dated-artisan-second{
	margin-top: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/mr.-&-mrs.-smith.png);
	padding-top: 120px;
}


.have-dated-artisan-third{
	margin-top: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../images/top-gun-back.png);
	padding-top: 120px;
}

.have-dated-artisan-fourth{
	margin-top: 0px;
	background-repeat: no-repeat;
	background-size: 1500px auto;
	background-image:url(../images/forrest-gump.png);
	padding-top: 120px;
	background-position: top right;
}


.have-dated-artisan-fifth{
	margin-top: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../images/house-of-cards.png);
	padding-top: 120px;
}

 
 
 











@media (max-width: 1399px) {
	.about-container {
		padding-left: 48px;
	}
}

@media (max-width: 1199px) {
	.why-its-hard-bottom-container h2 {
		width: 460px;
		max-width: 100%;
	}
	.why-its-hard-banner {
		overflow: hidden;
	}
	.why-its-hard-banner h3 {
		font-size: 28px;
		padding-left: 0px;
		padding: 0px;
		max-width: 100%;
	}
	.making-sense-banner h3 {
		margin-left: 375px;
		padding-top: 148px;
	}
	.faith-sp-rl-banner {
		padding: 20px;
		background-image: url(../images/faith-splash.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 200px auto;
		height: 200px;
		margin-top: 40px;
	}
	.faith-sp-rl-banner h3 {
		font-size: 35px;
		line-height: 30px;
		padding-top: 50px;
		text-align: right;
	}
	.faith-sp-rl-container {
		padding: 20px;
		margin-top: 130px;
		width: 950px;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	.faith-sp-rl-container {
		padding: 20px;
		margin-top: 0px;
	}
	.lets-roll-box {
		background-position: -50px center;
		background-size: 200px auto;
		min-height: 560px;
		margin-top: -450px;
		padding-left: 25px;
	}
	.seeking-approval-box {
		background-size: 300px auto;
		padding-top: 50px;
		margin-top: -100px;
		padding-left: 25px;
		padding-bottom: 100px;
	}
	.one-love-box {
		background-size: 200px auto;
		padding-top: 50px;
		margin-top: -200px;
		padding-left: 25px;
		padding-bottom: 100px;
	}
	.all-made-up-box {
		background-size: 300px auto;
		padding-top: 50px;
		margin-top: -200px;
		padding-left: 25px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.spiritual-disci-banner {
		height: 320px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		padding-top: 120px;
	}
	.spiritual-disci-banner h3 {
		font-size: 25px;
		padding: 20px;
		padding-left: 40px;
		padding-right: 40px;
	}
	.artisan-restraining-back {
		background-size: auto auto;
	}
	.guardian-rituals-back {
		background-size: contain;
		background-position: center center;
	}
	.rational-reflection-back {
		background-size: contain;
		background-position: center center;
	}
	.artisan-pursuit-back,
	.idealist-pursuit-back {
		background-size: 175px auto;
	}
	.guardian-pursuit-back,
	.rational-pursuit-back {
		background-size: 375px auto;
	}
}

@media (max-width: 1024px) {
	.money-relationships-banner {
		height: 250px;
		background-size: contain;
		margin-top: 45px;
		padding-top: 45px;
	}
	.money-relationships-banner h3 {
		font-size: 24px;
		padding: 30px;
		padding-left: 50px;
		padding-right: 50px;
		width: 450px;
	}
	.risk-bar {
		padding: 10px;
		padding-left: 20px;
		margin-bottom: 45px;
		padding-top: 18px;
	}
	.risk-bar h1 {
		font-size: 34px;
		letter-spacing: 1.5px;
		line-height: 36px;
	}
	.money-relationships-container h2,
	.money-relationships-container h5 {
		font-size: 25px;
	}
	.money-relationships-container .plus-sign {
		font-size: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.why-do-you-what-banner h3 {
		font-size: 28px;
		margin-top: 50px;
	}
	.what-kind-philanthropist-container {
		margin-top: 40px;
	}
	.what-kind-artisan-back {
		margin-bottom: -48px;
		min-height: 450px;
		background-size: cover;
	}
	.what-kind-guardian-back,
	.what-kind-rational-back,
	.what-kind-idealist-back {
		margin-bottom: -41px;
		min-height: 470px;
		background-size: cover;
	}
	.pursuit-money-banner h3 {
		font-size: 55px;
		margin-top: 100px;
	}
	.bankrupt-guardian-back {
		background-position: contain;
	}
	.bankrupt-artisan-back {
		background-position: contain;
	}
	.bankrupt-idealist-back {
		background-position: contain;
	}
	.bankrupt-rational-back {
		background-position: contain;
	}
	.people-bankrupt-banner h3 {
		font-family: 'BebasNeueBold';
		font-size: 45px;
		font-style: normal;
		font-stretch: normal;
		line-height: 45px;
		letter-spacing: normal;
		color: #636567;
		font-weight: 600;
		margin-top: 100px;
	}
	.pol-timeline ul {
		width: 100%;
	}
	.pol-timeline ul li {
		width: 24.55%;
	}
	.pol-container h2 {
		font-size: 35px;
	}
	.pol-container h3 {
		font-size: 26px;
	}
	.pol-container h2,
	.pol-container h3 {
		max-width: 100%;
	}
	.col-container h2 {
		font-size: 30px;
	}
	.col-container h3 {
		font-size: 17px;
	}
	.timeline-container .col-lg-3.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 768px) {
	.different-kind-of-icon-contain .top-icon a {
		font-size: 14.5px;
	}
	.green-back-page {
		background-size: contain;
		background-position: center 600px;
	}
	.barbara-banner h3 {
		font-size: 70px;
		line-height: 62px;
		padding-top: 35px;
		padding-left: 90px;
	}
	.is-there-antidote-banner h3 {
		margin-left: 35px;
	}
	.different-kinds-spirituality-banner {
		height: 300px;
		margin-top: 30px;
	}
	.different-kinds-spirituality-banner h3 {
		font-size: 25px;
		padding-top: 50px;
	}
	.sensuality-back {
		padding-top: 100px;
		margin-top: -150px;
	}
	.spirituality-back {
		background-position: left bottom;
		padding-top: 1px;
		padding-bottom: 50px;
		margin-top: 10px;
	}
	.love-back {
		padding-top: 20px;
		padding-bottom: 15px;
		margin-top: -100px;
	}
	.knowledge-back {
		background-position: left bottom;
		padding-top: 5px;
		padding-bottom: 10px;
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.top-bar-mobile .main-logo {
		display: none;
	}
	.top-bar-mobile .navbar-toggler-icon {
		background-image: url(../images/nav-bar.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.navbar.top-bar-mobile {
		padding-top: 30px;
	}
	.top-bar-mobile .navbar-nav .nav-link {
		font-size: 13px;
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.69;
		letter-spacing: 0.4px;
		color: #4a4a4a;
		margin: 0px;
		padding: 0px;
		margin-bottom: 40px;
	}
	.top-mobile-only-logo {
		margin-left: 15px;
	}
	.top-bar-mobile #navbarstop {
		padding: 60px;
		padding-right: 40px;
		padding-top: 40px;
		position: absolute;
		width: 100%;
		min-height: 100vh;
		left: 0px;
		z-index: 9999999;
		background: #fff;
		top: 75px;
	}
	.top-bar-mobile .dropdown-toggle::after {
		color: #4a4a4a;
		margin-left: 10px;
		vertical-align: 0px;
		content: "";
		border-top: .4em solid;
		border-right: .4em solid transparent;
		border-bottom: 0;
		border-left: .4em solid transparent;
		position: absolute;
		margin-top: 9px;
	}
	.hide-after-767 {
		display: none;
	}
	.visible-after-767 {
		display: block;
	}
	.top-bar-mobile .dropdown-menu {
		border: none;
	}
	.top-bar-mobile .navbar-nav .dropdown-menu .nav-link {
		font-size: 12px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: 2.8;
		letter-spacing: 0.9px;
		color: #4a4a4a;
		margin-top: -40px;
		margin-bottom: 45px;
	}
	.second-menu h4 {
		text-align: center;
	}
	.second-menu ul li {
		margin: 0px;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
		display: block;
		margin-top: 5px;
	}
	.title-page-banner {
		margin: 0px;
		padding: 30px;
		min-height: 185px;
		height: auto;
	}
	.title-page-banner h1 {
		font-size: 30px;
		line-height: normal;
	}
	.title-page-banner h3 {
		font-size: 17px;
		line-height: normal;
		letter-spacing: normal;
		max-width: 100%;
		margin-top: 25px;
	}
	.container.title-page-boxes {
		padding: 30px;
	}
	.container.title-page-boxes .single-box {
		margin-top: 25px;
		text-align: center;
	}
	.title-page-devider {
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.title-page-bottom-container {
		padding: 30px !important;
		text-align: center;
	}
	.title-page-bottom-color-banner {
		padding: 30px !important;
		margin-top: 10px;
	}
	.title-page-bottom-color-banner h6 {
		margin-top: 30px;
	}
	.title-page-bottom-color-banner p {
		font-size: 15px;
	}
	.different-kind-of-title {
		font-size: 12px;
		margin-top: 20px;
		letter-spacing: 0.5px;
	}
	.different-kind-of-icon-contain {
		padding: 30px;
		padding-top: 0px;
		margin-top: 25px;
	}
	.different-kind-of-icon-contain .top-icon {
		text-align: center;
	}
	.different-kind-of-icon-contain .top-icon a {
		font-size: 11px;
		text-align: center;
	}
	.different-kind-of-icon-contain a img {
		margin-right: 0px;
	}
	.different-kind-of-icon-contain a {
		font-size: 10px;
	}
	.different-kind-of-icon-contain .small-icons a {
		background-size: 40px 40px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background-position: center top;
	}
	.different-kind-of-icon-contain .small-icons a img {
		display: block;
		height: 40px;
		width: 40px;
		margin-left: auto;
		margin-right: auto;
	}
	.different-kind-of-icon-contain .small-icons a span {
		display: block;
		margin-top: 0px;
		top: 5px;
	}
	.km-page-top {
		padding-top: 30px;
		margin-left: 30px;
	}
	.km-page-top h1 {
		font-size: 27px;
		margin-bottom: 10px;
		line-height: 28px;
	}
	.km-page-top h2 {
		font-size: 14px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.km-page-top h3 {
		font-size: 11px;
		font-weight: normal;
		line-height: normal;
		margin-top: 0px;
		margin-bottom: 4px;
	}
	.about-top-title {
		padding-top: 30px;
		margin-left: 30px;
	}
	.about-top-title h1 {
		font-size: 27px;
		margin-bottom: 10px;
		line-height: 28px;
	}
	.about-top-title h2 {
		font-size: 14px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.about-top-title h3 {
		font-size: 11px;
		font-weight: normal;
		line-height: normal;
		margin-top: 0px;
		margin-bottom: 4px;
	}
	.about-container {
		padding: 30px;
		margin-top: 20px;
	}
	.about-container h3 {
		font-size: 26px;
		margin-top: 50px;
	}
	.about-container h3 span {
		font-size: 22px;
	}
	.loving-uncond-banner {
		padding: 30px;
		max-width: 90%;
		background-size: contain;
	}
	.loving-uncond-banner h3 {
		font-size: 24px;
		text-align: center;
		padding: 0px;
	}
	.loving-uncond-content-area {
		margin-top: -25px;
		padding: 30px;
	}
	p.loving-uncond-green-text {
		font-size: 13px;
		line-height: 24px;
	}
	p.grey-text {
		font-size: 13px;
		line-height: 24px;
	}
	.google-ad-box {
		text-align: center;
		display: none;
	}
	.loving-uncond-content-area h3 {
		font-size: 23px;
		margin-top: 50px;
	}
	.red-tree {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.container.another-article {
		padding: 30px;
		margin-top: 10px;
	}
	.container.another-article .single-box {
		margin-top: 25px;
		text-align: center;
	}
	.green-back-page-banner {
		padding: 30px;
	}
	.green-back-page-banner h3 {
		font-size: 26px;
		margin-top: 40px;
	}
	.green-back-page-banner h3 span {
		font-size: 45px;
	}
	.green-back-page-banner img {
		margin-top: 20px;
		float: right;
		width: 200px;
		height: auto;
	}
	.green-back-page-banner-bottom-strip {
		height: 25px;
		margin-top: 40px;
	}
	.green-back-page-content-area {
		margin-top: 0px;
		padding: 30px;
	}
	.green-back-page-content-area h2 {
		font-size: 22px;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	.green-back-page {
		background-size: cover;
		background-position: center center;
	}
	.turnhim-banner {
		background-size: cover;
		min-height: 225px;
		margin-top: 20px;
	}
	.turnhim-banner h3 {
		font-size: 26px;
		padding: 30px;
		text-align-last: left;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
	}
	.turhim-page-bottom-container {
		padding: 30px !important;
		margin-top: 10px !important;
	}
	.small-red-text {
		font-size: 13px;
	}
	.turhim-page-bottom-container h2 {
		font-size: 22px;
		margin-top: 25px;
	}
	.italic-grey-text {
		font-size: 14px;
	}
	.turhim-page-bottom-container h4 {
		font-size: 19px;
		margin-top: 25px;
	}
	.becoming-the-one-banner {
		padding: 30px;
		margin-top: 10px;
	}
	.becoming-the-one-container {
		padding: 30px;
		margin-top: 0px;
	}
	.becoming-the-one-container h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}
	.adventure-fish-back,
	.star-fish-back,
	.yellow-fish-back,
	.blue-octo-back {
		margin-top: 10px;
		background-size: 200px auto;
		background-position: right 0px;
	}
	.blue-octo-back {
		background-size: 300px auto;
		background-position: right bottom;
		padding-bottom: 10px;
	}
	.barbara-banner {
		max-width: 100%;
		width: 1151px;
		margin: 0px;
		padding: 0px;
		margin-top: 35px;
		min-height: 200px;
		height: 200px;
	}
	.barbara-banner h3 {
		font-size: 50px;
		line-height: 50px;
		padding: 30px;
	}
	.barbara-text-container {
		margin-top: 10px;
		padding: 30px;
	}
	.barbara-text-container h2 {
		font-size: 24px;
		margin-top: 40px;
		margin-bottom: 10px;
	}
	.impulsive-back {
		padding-bottom: 10px;
		margin-top: -10px;
	}
	.depressed-back,
	.hyesterical-back,
	.obessive-back {
		margin-top: -15px;
	}
	.obessive-back {
		margin-bottom: 20px;
	}
	.why-dating-banner {
		background-size: cover;
		min-height: 200px;
		width: 870px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
	}
	.why-dating-banner h2 {
		font-size: 22px;
		padding: 30px;
		padding-top: 75px;
	}
	.why-dating-container .blue-text-small {
		font-size: 13px;
	}
	.why-dating-container {
		padding: 30px;
		margin-top: 10px;
		font-family: 'Open Sans', sans-serif;
	}
	.why-dating-container h2 {
		font-size: 22px;
		line-height: 1.14;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.artisan-back-why-dating,
	.guardian-back-why-dating,
	.rational-back-why-dating,
	.idealist-back-why-dating {
		background-size: contain;
		background-position: center bottom;
		padding-bottom: 10px;
	}
	.is-there-antidote-banner {
		padding: 30px;
		height: 307px;
		margin-top: 30px;
	}
	.is-there-antidote-banner h3 {
		font-size: 62px;
		line-height: 55px;
		margin-left: 0px;
		margin-top: 30px;
		min-height: 250px;
	}
	.is-there-antidote-container {
		padding: 30px;
		margin-top: 30px;
	}
	.blue-ractangle {
		width: 948px;
		padding: 20px;
		margin-top: -50px;
	}
	.blue-ractangle h4 {
		font-size: 18px;
		margin-top: 25px;
		margin-bottom: 15px;
	}
	.is-there-bottom-blocks {
		padding: 30px;
		margin-top: 40px;
		margin-bottom: 0px;
	}
	.is-there-bottom-blocks h2 {
		font-size: 38px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.is-there-bottom-blocks p {
		font-size: 13.5px;
		line-height: 22px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.why-its-hard-banner {
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
		padding: 30px;
		text-align: center;
	}
	.why-its-hard-banner h3 {
		font-size: 25px;
	}
	.why-its-hard-top-container {
		padding: 30px;
		margin-top: 0px;
	}
	.why-its-hard-bottom-container {
		padding: 30px;
		padding-top: 50px;
		padding-bottom: 200px;
	}
	.why-its-hard-bottom-container p {
		font-size: 12.5px;
		margin-top: 15px;
	}
	.why-its-hard-bottom-container h2 {
		font-size: 28px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.making-sense-banner {
		margin-top: 10px;
		height: 190px;
		padding: 30px;
	}
	.making-sense-banner h3 {
		padding: 0px;
		font-size: 28px;
		line-height: 26px;
		margin: 0px;
		margin-left: 40%;
		padding-top: 40px;
	}
	.making-sese-container {
		padding: 30px;
		margin-top: 10px;
	}
	.making-sese-container h2 {
		font-size: 28px;
		padding-top: 20px;
	}
	.making-sese-container h4 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.making-sense-guardian-back {
		background-position: center bottom;
		margin-bottom: 0px;
		margin-top: 0px;
		display: block;
		padding-bottom: 0px;
	}
	.making-sense-idealist-back {
		background-position: center bottom;
		margin-bottom: 0px;
		margin-top: 0px;
		display: block;
		padding-bottom: 25px;
		padding-bottom: 0px;
	}
	.making-sense-ratioinal-back {
		background-position: center top;
		margin-bottom: 0px;
		margin-top: 0px;
		display: block;
		padding-bottom: 25px;
		padding-bottom: 0px;
	}
	.faith-sp-rl-container {
		padding: 30px;
	}
	.faith-sp-rl-container h2 {
		font-size: 28px;
		padding-top: 50px;
		margin-bottom: 20px;
	}
	.faith-sp-rl-banner h3 {
		font-size: 30px;
		line-height: 28px;
		padding-top: 58px;
		text-align: right;
	}
	.lets-roll-box {
		background-position: -50px bottom;
		background-size: 100px auto;
		min-height: 260px;
		padding: 30px;
		padding-left: 25px;
		padding-top: 0px;
		margin-top: -90px;
	}
	.seeking-approval-box {
		background-position: right center;
		background-size: 100px auto;
		min-height: 260px;
		padding: 30px;
		padding-left: 25px;
		padding-top: 0px;
		margin-top: -90px;
	}
	.one-love-box {
		background-position: left center;
		background-size: 75px auto;
		min-height: 260px;
		padding: 30px;
		padding-left: 25px;
		padding-top: 0px;
		margin-top: -90px;
	}
	.all-made-up-box {
		background-position: right center;
		background-size: 100px auto;
		min-height: 260px;
		padding: 30px;
		padding-left: 25px;
		padding-top: 0px;
		margin-top: -90px;
	}
	.different-kinds-spirituality-banner {
		height: 200px;
		background-size: contain;
	}
	.different-kinds-spirituality-banner h3 {
		font-size: 22px;
		padding-top: 20px;
	}
	.different-kinds-spirituality-container {
		padding: 30px;
		margin-top: 10px;
	}
	.different-kind-spi-red-text {
		font-size: 13px;
		line-height: 21px;
	}
	.different-kinds-spirituality-container h2 {
		font-size: 32px;
		line-height: 26px;
		margin-bottom: 25px;
	}
	.sensuality-back {
		margin-top: -15px;
	}
	.spirituality-back {
		background-position: right bottom;
		padding-top: 1px;
		padding-bottom: 20px;
		margin-top: 10px;
		margin-top: 10px;
	}
	.love-back {
		padding-top: 20px;
		padding-bottom: 10px;
		margin-top: -35px;
	}
	.knowledge-back {
		background-position: right bottom;
		padding-top: 1px;
		padding-bottom: 20px;
		margin-top: 10px;
		margin-top: 10px;
	}
	.temp-inner-banner {
		height: auto;
		min-height: 225px;
		padding: 30px;
		margin-top: 25px;
		background-position: center top;
		background-size: cover;
	}
	.temp-inner-banner h3 {
		font-size: 25px;
		line-height: 25px;
		letter-spacing: 1.1px;
		padding-top: 55px;
	}
	.temp-inner-container {
		padding: 30px;
		margin-top: 20px;
	}
	.small-green-text {
		font-size: 13.2px;
	}
	.temp-inner-container h2 {
		font-size: 30px;
		margin-top: 50px;
		margin-bottom: 5px;
	}
	.temp-inner-container h4 {
		font-size: 13px;
		margin-top: 15px;
		margin-bottom: 35px;
	}
	.sex-ages-banner {
		height: auto;
		min-height: 225px;
		padding: 30px;
		margin-top: 25px;
		background-position: center top;
		background-size: cover;
	}
	.sex-ages-banner h3 {
		font-size: 25px;
		line-height: 25px;
		letter-spacing: 1.1px;
		padding-top: 55px;
	}
	.sex-ages-container {
		padding: 30px;
		margin-top: 20px;
	}
	.small-green-text {
		font-size: 13.2px;
	}
	.sex-ages-container h2 {
		font-size: 28px;
		margin-top: 50px;
		margin-bottom: 5px;
	}
	.sex-ages-container h4 {
		font-size: 13px;
		margin-top: 15px;
		margin-bottom: 35px;
	}
	.spiritual-disci-banner {
		height: 250px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		padding-top: 70px;
	}
	.spiritual-disci-banner h3 {
		font-size: 22px;
		padding: 30px;
		width: 300px;
	}
	.spiritual-disci-container {
		padding: 30px;
		margin-top: 10px;
	}
	.spiritual-disci-container h2 {
		font-size: 32px;
		line-height: 32px;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.artisan-restraining-back {
		padding: 0px;
		padding-bottom: 0px;
		margin: 0px;
		background-position: center 100px;
	}
	.guardian-rituals-back,
	.idealist-relationship-back,
	.rational-reflection-back {
		margin: 0px;
		padding: 0px;
		padding-top: 0px;
		padding-bottom: 5px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.money-relationships-banner {
		height: 210px;
		padding: 30px;
		margin-top: 40px;
		padding-top: 75px;
		background-size: auto 300px;
	}
	.money-relationships-banner h3 {
		font-size: 18px;
		padding: 15px;
		padding-left: 20px;
		padding-right: 20px;
		width: 350px;
	}
	.money-relationships-container {
		padding: 30px;
		margin-top: 10px;
	}
	.money-relationships-container .small-yellow-text {
		padding-left: 0px;
	}
	.money-relationships-container .small-grey-line {
		margin-left: 0px;
	}
	.risk-bar {
		margin: 0px;
		padding: 10px;
		margin-bottom: 25px;
		margin-top: 30px;
	}
	.risk-bar h1 {
		font-size: 30px;
		line-height: 32px;
	}
	.risk-bar p {
		font-size: 12px;
		margin-top: 0px;
		line-height: normal;
	}
	.money-relationships-container h2,
	.money-relationships-container h5 {
		padding: 0px;
	}
	.money-relationships-container p.grey-text {
		padding-left: 0px;
		line-height: 20px;
		margin-bottom: 30px;
	}
	.money-relationship-back-image-box {
		background-size: 480px auto;
		padding-bottom: 20px;
	}
	.why-do-you-what-banner {
		margin-top: -25px;
		margin-left: auto;
		padding: 30px;
	}
	.why-do-you-what-banner h3 {
		font-size: 24px;
		margin-top: 20px;
	}
	.why-do-you-what-banner h6 {
		font-size: 20px;
		margin-top: 10px;
	}
	.why-do-you-what-container {
		padding: 30px;
		margin-top: 0px;
	}
	.why-do-you-what-container h2 {
		font-size: 30px;
	}
	.why-do-you-what-container h4 {
		font-size: 15px;
		line-height: normal;
		margin-top: 10px;
	}
	.what-kind-philanthropist-banner {
		margin-top: 5px;
		padding: 30px;
	}
	.what-kind-philanthropist-banner h3 {
		font-size: 35px;
		line-height: 37px;
	}
	.what-kind-philanthropist-container {
		margin-top: 0px;
		padding: 30px;
	}
	.what-kind-philanthropist-container h2 {
		font-size: 22px;
		margin-top: 25px;
	}
	.what-kind-philanthropist-container h4 {
		font-size: 20px;
		padding: 10px;
		padding-top: 4px;
	}
	.what-kind-artisan-back {
		margin-bottom: 0px;
		min-height: 200px;
		background-size: cover;
	}
	.what-kind-guardian-back,
	.what-kind-rational-back,
	.what-kind-idealist-back {
		margin-bottom: -1px;
		min-height: 200px;
		background-size: cover;
	}
	.how-to-fun-banner {
		height: 210px;
		padding: 30px;
		margin-top: 40px;
		padding-top: 75px;
		background-size: auto 300px;
	}
	.how-to-fun-banner h3 {
		font-size: 18px;
		padding: 15px;
		padding-left: 20px;
		padding-right: 20px;
		width: 350px;
	}
	.how-to-fun-container {
		padding: 30px;
		margin-top: 50px;
	}
	.how-to-fun-container h2 {
		font-size: 26px;
	}
	.artisan-spending-back {
		background-position: center bottom;
		background-size: 700px auto;
		padding-bottom: 30px;
	}
	.guardian-spending-back {
		background-position: center 400px;
		background-size: 100% auto;
		padding-bottom: 30px;
	}
	.idealist-spending-back {
		background-position: center bottom;
		background-size: 100% auto;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: -75px;
	}
	.rational-spending-back {
		background-position: center bottom;
		background-size: 100% auto;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: -50px;
		margin-bottom: 50px;
	}
	.pursuit-money-banner {
		margin-top: 0px;
		padding: 30px;
	}
	.pursuit-money-banner h3 {
		font-size: 35px;
		line-height: 38px;
		text-align: center;
		margin-top: 50px;
	}
	.what-kind-philanthropist-container {
		padding: 30px;
		margin-top: 0px;
	}
	.artisan-pursuit-back {
		margin-top: -150px;
		padding-bottom: 15px;
		background-size: 150px auto;
		padding-top: 0px;
	}
	.guardian-pursuit-back {
		margin-top: -150px;
		padding-bottom: 15px;
		background-size: 150px auto;
		padding-top: 0px;
	}
	.idealist-pursuit-back {
		margin-top: -150px;
		padding-bottom: 15px;
		background-size: 125px auto;
		padding-top: 0px;
	}
	.rational-pursuit-back {
		margin-top: -150px;
		padding-bottom: 15px;
		background-size: 150px auto;
		padding-top: 0px;
	}
	.pursuit-money-container h2 {
		font-size: 30px;
		margin-top: 50px;
	}
	.investing-people-banner {
		text-align: center;
		padding: 30px;
		margin-top: 0px;
	}
	.investing-people-banner h3 {
		font-size: 35px;
		line-height: 35px;
		margin-top: 30px;
		margin-bottom: 15px;
	}
	.investing-people-container {
		padding: 30px;
		margin-top: 10px;
	}
	.investing-people-container p.grey-text {
		font-size: 13px;
	}
	.investing-people-container h2 {
		font-size: 24px;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	.investing-people-container h6 {
		font-size: 14px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.people-bankrupt-banner {
		padding: 30px;
		margin: 0px;
	}
	.people-bankrupt-banner h3 {
		font-size: 35px;
		line-height: 35px;
		text-align: center;
		margin-top: 20px;
	}
	.people-bankrupt-container {
		padding: 30px;
		margin-top: 10px;
	}
	.people-bankrupt-container h2 {
		font-size: 28px;
		margin-top: 25px;
	}
	.bankrupt-guardian-back,
	.bankrupt-artisan-back,
	.bankrupt-idealist-back,
	.bankrupt-rational-back {
		background-size: 400px auto;
		background-position: top center;
	}
	.pol-timeline {
		border: none;
		border-left: solid 1.2px #d8d8d8;
		max-width: 100%;
		width: 150px;
		margin-left: auto;
		margin-right: auto;
		height: 149px;
		margin-top: 40px;
		margin-bottom: 25px;
	}
	.pol-timeline ul {
		margin-top: -3px;
	}
	.pol-timeline ul li {
		text-align: left;
		display: block;
		width: 100%;
		margin-left: -4.5px;
		padding-bottom: 33px;
		margin-left: 28px;
	}
	.pol-timeline ul li:first-child {}
	.pol-timeline ul li:first-child::before {
		display: none;
	}
	.pol-timeline ul li::before {
		margin-top: -44px;
		margin-right: 25px;
		height: 8px;
		width: 8px;
		margin-left: -32.5px;
	}
	.pol-timeline ul li:last-child::after {
		margin-top: -10px;
		height: 8px;
		width: 8px;
		margin-right: 173px;
	}
	.pol-container {
		margin-top: -10px;
		padding: 30px;
	}
	.pol-container h4 {
		font-size: 16px;
		margin-top: 25px;
	}
	.pol-container h2 {
		font-size: 32px;
		margin-top: -5px;
	}
	.pol-container h3 {
		font-size: 20px;
	}
	.pol-container p {
		font-size: 13px;
		line-height: 22px;
		letter-spacing: normal;
		color: #4a4a4a;
		margin-top: 5px;
	}
	.pol-disney-back {
		background-size: 400px auto;
		background-position: center 100px;
	}
	.pol-mlk-back {
		background-size: 400px auto;
	}
	.pol-anna-back {
		background-size: 400px auto;
		background-position: center top;
	}
	.pol-buffet-back {
		background-size: 400px auto;
		background-position: left top;
	}
	.pol-diana-back {
		background-size: 700px auto;
		background-position: left top;
	}
	.pol-gandhi-back {
		background-size: 400px auto;
		background-position: right top;
	}
	.pol-divider {
		height: 2px;
		margin-top: 45px;
		margin-bottom: 25px;
		margin-left: -3%;
	}
	.pol-container .number {
		font-size: 30px;
		margin-top: 10px;
	}
	.pol-container h5 {
		font-size: 16px;
	}
	.timeline-container {
		margin-top: 0px;
		padding: 30px;
	}
	.timeline-container h4 {
		font-size: 13px;
		margin-top: 0px;
		letter-spacing: normal;
		font-weight: 600;
	}
	.timeline-container h2 {
		font-size: 28px;
		margin-bottom: -5px;
	}
	.timeline-container h3 {
		font-size: 14px;
	}
	.timeline-container h5 {
		font-size: 15px;
		line-height: normal;
		letter-spacing: normal;
		color: #4a4a4a;
		margin-top: 15px;
	}
	.timeline-container h6 {
		margin-top: 20px;
		font-size: 9.3px;
	}
	.col-body-back {
		background-position: center 500px;
	}
	.col-container {
		margin-top: 10px;
		padding: 30px;
	}
	.col-container h2 {
		font-size: 28px;
		/* border-bottom: solid 2px #1273bd;*/
		padding-bottom: 6px;
	}
	.quotes-container {
		margin-top: 10px;
		padding: 30px;
	}
	.quotes-container h2 {
		font-size: 32px;
		margin-bottom: -5px;
		max-width: 100%;
	}
	.quotes-container h3 {
		font-size: 22px;
		margin-bottom: 30px;
	}
	.quotes-container p {
		font-size: 14px;
	}
	.quotes-divider {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.q-and-a-banner {
		background-position: center center;
	}
	.q-and-a-titles {
		margin-top: 50px;
		margin-bottom: 20px;
		font-size: 20px;
		width: 300px;
		margin-right: 50px;
		background-size: 300px auto;
		padding-top: 18px;
		 
	}
	.q-and-a-titles.left-arrow{
		padding-top: 18px;
	}
	.sex-revolution-first-box {
		padding-top: 40px;
		padding-bottom: 60px;
		margin-top: 70px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.sex-revolution-title {
		max-width: 100%;
		font-size: 40px;
		background-size: 300px auto;
		margin-bottom: 10px;
		line-height: 47px;
	}
	.sex-revolution-second-box {
		padding-top: 40px;
		padding-bottom: 60px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.sex-revolution-second-box h2 {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	.second-box-sex-revo-right,
	.third-box-sex-revo-right,
	.fourth-box-sex-revo-right,
	.fifth-box-sex-revo-right {
		font-size: 24px;
		padding: 20px;
		line-height: 30px;
		margin-top: 20px;
	}
	.third-box-sex-revo-right,
	.fifth-box-sex-revo-right {
		font-size: 18px;
	}
	.fifth-box-sex-revo-right {
		background-position: left;
	}
	
	
	
	
	.have-dated-artisan-top {
    
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 70px;
		padding-left: 15px;
		padding-right: 15px;
}
	
	.have-dated-artisan-top h1 {
    font-size: 30px;
    
    color: #fefefe;
    
    line-height: normal;
}
	
	.have-dated-artisan-top h2 {
     
    font-size: 20px;
    
    margin-top: 30px;
}
	
	
	
	.have-dated-artisan-top h3 {
  font-size: 14px;
    margin-bottom: 40px;
}
	.have-dated-artisan-second,
	.have-dated-artisan-third,
	.have-dated-artisan-fourth,
	.have-dated-artisan-fifth
 
	
	{
		margin-top: 0px;
		background-position: center center;
	}

	
	
}

@media (max-width: 575px) {
	.top-subscribe-bar .keirsey-text {
		display: none;
	}
	.container.title-page-boxes .single-box {
		text-align: left;
	}
	.container.another-article .single-box {
		text-align: left;
	}
	.title-page-bottom-container {
		text-align: left;
	}
	.pol-container h4 {
		font-size: 13px;
		margin-top: 0px;
		letter-spacing: normal;
		font-weight: 600;
	}
	.pol-container h2 {
		font-size: 18.5px;
		margin-top: 5px;
		line-height: 26px;
		letter-spacing: -.5px;
		min-width: 192px;
	}
	.pol-container h3 {
		font-size: 14px;
		letter-spacing: normal;
		margin-top: 0px;
	}
	.timeline-alphabet-back {
		background-position: 275% 495px;
		background-size: 345px auto;
	}
	.timeline-alphabet-back .timeline-container .col-lg-3.col-sm-6 {}
	.timeline-container .col-lg-3.col-sm-6 {
		width: 205px;
		max-width: 100%;
	}
	.timeline-container img {
		min-height: 85px;
		width: auto;
		height: auto;
	}
	.col-my-5 {
		width: 49%;
	}
	.col-my-5:nth-child(odd) {
		clear: left;
	}
	.col-images {
		padding-left: 0px;
	}
	.col-images img {
		margin-top: 25px;
		max-width: 100px;
		max-height: 100px;
		border-radius: 75px;
	}
	.col-container h4 {
		font-size: 14px;
		margin-top: 10px;
		width: 80px;
	}
	.col-container h5 {
		width: 80px;
		margin-top: -6px;
	}
	body.col-body-back .d-sm-block {
		display: none!important;
	}
	.pol-monroe-back {
		background-size: 600px auto;
		background-position: center top;
	}
		.have-dated-artisan-third{
		background-position: top right;
		background-size: cover;
	}
}