/*	--------------------------------------------------------------
	Global Stylesheet
	--------------------------------------------------------------

	Author: Jeff Dyson
--------------------------------------------------------------	*/

html * {
	margin: 0;
	padding: 0;
	box-sizing: content-box;
	outline: none;
}

html {
	overflow-y: scroll;
}

body {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	font: 1rem/1rem wh-regular;
	color: #333333;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
	border: none; /* IE Fix */
}

a, a:hover, a:visited, a:active {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

textarea {
	display: block;
}

label {
	cursor: pointer;
}

.none {
	display: none;
}

.text-decoration-underline{
	text-decoration: underline !important;
}

.text-white{
	color: white;
}

.shell {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.ghost {
	display: block;
	position: relative;
	margin: 0 auto;
	width: calc(100% - 24px);
	max-width: 1128px;
	height: auto;
}

.front .wrap {
	display: block;
	margin: 0 auto;
	width: calc(100% - 48px);
	max-width: 1128px;
	height: auto;
}

/* mobile */
@media only screen and (min-width : 20px) and (max-width : 780px) {

	.front .wrap {
		width: 90%;
	}
}


/*	--------------------------------------------------------------
	header - banner
--------------------------------------------------------------	*/

.root {
	display: block;
	padding: 4px 0;
	width: 100%;
	height: auto;
	background-color: #e46666;
}

.root > .ghost {
}

.root > .ghost > p {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 0.75rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
}

.root > .ghost > p a {
	color: #cccccc;
	cursor: pointer;
}

.root > .ghost > p a:hover {
	text-decoration: underline;
}


/*	--------------------------------------------------------------
	header - front
--------------------------------------------------------------	*/

header.front {
	border-bottom: 1px solid #cccccc;
	height: 64px;
	background-color: #ffffff;
	user-select: none;
}

header.front > div > a {
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 40px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #1c1445;
	white-space: nowrap;
	overflow: visible;
}
header.front > div > a.standard {
	width: 42px;
	background-image: url('/imeji/liveon_42x40_drk-blue.png');
}
header.front > div > a.compact {
	width: 42px;
	background-image: url('/imeji/liveon_42x40_drk-blue.png');
}

header.front > div > .mobmenu {
	display: none;
}

header.front > div > nav {
	display: block;
	padding: 0 116px 0 160px;
	width: auto;
	height: 64px;
	text-align: left; /* assists the menu elements */
}

header.front > div > nav > a {
	display: none;
}

header.front > div > nav > .menu {
	display: block;
	width: 100%;
	height: 64px;
	text-align: center;
}

header.front > div > nav > .menu input[type="checkbox"] {
	display: none;
}

header.front > div > nav > .menu > label {
	display: inline-block;
	position: relative;
	/*display: block;
	position: relative;
	float: left;*/
	margin: 0 32px 0 0;
	width: auto;
	height: 64px;
}
header.front > div > nav > .menu > label:last-of-type {
	margin: 0;
}
/*
header.front > div > nav > .menu > label:hover > header {
	background-image: url('/imeji/arrow_12x8_d_green.png');
	background-position: right center;
	color: #6db844;
}
header.front > div > nav > .menu > label:hover > a {
	background-image: url('/imeji/arrow_8x12_r_green.png');
	color: #6db844;
}
*/
header.front > div > nav > .menu > label:hover > div > ul {
	display: block;
}

header.front > div > nav > .menu > label > a,
header.front > div > nav > .menu > label > header {
	display: block;
	padding: 0 12px 0 0;
	width: calc(100% - 12px);
	height: 64px;
	/*background-image: url('/imeji/arrow_8x12_r_99.png');*/
	background-image: url('/imeji/arrow_8x5_d_drk-blue.png');
	background-position: right center;
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 4rem;
	color: #999999;
	cursor: pointer;
	text-transform: uppercase;
}

header.front > div > nav > .menu > label > div {
	display: block;
	position: absolute;
	top: 64px;
	left: 0;
	width: 1128px;
	overflow: visible;
	cursor: default;
	z-index: 1000;
}

header.front > div > nav > .menu > label > div > ul {
	display: none;
	float: left;
	width: auto;
	list-style: none;
	cursor: pointer;
}
header.front > div > nav > .menu > label > div > ul:hover {
	display: block;
}

header.front > div > nav > .menu > label > div > ul > a > li {
	display: block;
	border-top: 0;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 12px 12px 12px 24px;
	background-color: #eeeeee;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1rem;
	color: #999999;
	text-align: left;
}
header.front > div > nav > .menu > label > div > ul > a:first-of-type > li {
	border-top: 1px solid #999999;
}
header.front > div > nav > .menu > label > div > ul > a:last-of-type > li {
	border-bottom: 1px solid #999999;
}
header.front > div > nav > .menu > label > div > ul > a > li:hover {
	background-color: #8adeff;
	color: #1c1445;
}


header.front > div > nav > .options {
	display: block;
	position: absolute;
	top: 17px;
	right: 0;
	margin: 0;
	padding: 0;
	width: auto; /* 116px */
	height: 30px;
}

header.front > div > nav > .options > a:nth-of-type(1) {
	display: block;
	float: right;
	width: 40px;
	height: 30px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: right;
	cursor: pointer;
}
header.front > div > nav > .options > a:nth-of-type(1):hover {
	color: #8adeff;
}

header.front > div > nav > .options > a:nth-of-type(2) {
	display: block;
	float: right;
	margin-right: 12px;
	border: 0;
	border-radius: 4px;
	width: 64px;
	height: 30px;
	background-color: #8adeff;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
header.front > div > nav > .options > a:nth-of-type(2):hover {
	background-color: #1c1445;
	color: #8adeff;
}



/* adjusted */
@media only screen and (min-width : 570px) and (max-width : 719px) {

	header.front > div > nav > .menu > label {
		margin: 0 16px 0 0;
	}
}

/* mobile */
@media only screen and (min-width : 120px) and (max-width : 569px) {

	header.front > div > a {

	}

	header.front > div > .mobmenu {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1000;
		padding: 12px;
		width: 52px; /* 76px */
		height: 40px; /* 64px */
		background-color: transparent;
		cursor: pointer;
		user-select: none;
	}
	header.front > div > .mobmenu:hover > div {
	}
	header.front > div > div:hover + nav {
		display: block;
	}

	header.front > div > .mobmenu > div {
		display: block;
		margin-bottom: 6px;
		border-radius: 2px;
		height: calc((100% - 12px) / 3);
		background-color: #1c1445;
	}
	header.front > div > .mobmenu > div:last-of-type {
		margin-bottom: 0;
	}


	header.front > div > nav {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		width: 100%;
		height: 64px;
		background-color: #ffffff;
		cursor: pointer;
	}
	header.front > div > nav:hover {
		display: block;
	}

	header.front > div > nav > a {
		display: block;
		position: absolute;
		top: 12px;
		left: 0;
		padding: 0;
		width: 42px;
		height: 40px;
		background-image: url('/imeji/liveon_240x228_drk-blue.png');
		background-position: center center;
		background-size: 42px 40px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	header.front > div > nav > .menu {
		position: absolute;
		top: 64px;
		right: 0;
		border: 1px solid #999999;
		width: 220px;
		height: auto;
		background-color: #ffffff;
		z-index: 100;
	}

	header.front > div > nav > .menu > label {
		display: block;
		position: relative;
		float: none;
		margin: 0;
		width: auto;
		height: auto;
	}

	header.front > div > nav > .menu > label > div {
		display: none;
		position: static;
		top: 40px;
		left: 0;
		width: auto;
	}
	/*header.front > div > nav > .menu > label > div:hover {
		display: block;
	}*/

	header.front > div > nav > .menu > label > a,
	header.front > div > nav > .menu > label > header {
		border-bottom: 1px solid #999999;
		padding: 0 24px 0 12px;
		width: calc(100% - 36px);
		height: 40px;
		background-image: url('/imeji/arrow_12x8_d_99.png');
		background-position: calc(100% - 24px) center;
		font-size: 1rem;
		line-height: 2.5rem;
		color: #999999;
		text-align: left;
	}
	header.front > div > nav > .menu > label > a {
		background-image: url('/imeji/arrow_8x12_r_99.png');
		background-position: calc(100% - 26px) center;
	}

	header.front > div > nav > .menu > label:hover > header {
		background-image: url('/imeji/arrow_12x8_d_drk-blue.png');
		background-position: calc(100% - 24px) center;
		color: #1c1445;
	}
	header.front > div > nav > .menu > label:hover > a {
		background-image: url('/imeji/arrow_8x12_r_drk-blue.png');
		background-position: calc(100% - 26px) center;
		color: #1c1445;
	}
	header.front > div > nav > .menu > label:last-of-type > a,
	header.front > div > nav > .menu > label:last-of-type > header {
		border-bottom: 0;
	}

	header.front > div > nav > .menu > input[type="checkbox"]:checked + label {
		padding: 40px 0 0;
	}
	header.front > div > nav > .menu > input[type="checkbox"]:checked + label > div {
		display: block;
	}
	header.front > div > nav > .menu > input[type="checkbox"]:checked + label > header {
		position: absolute;
		top: 0;
		background-image: url('/imeji/arrow_12x8_u_drk-blue.png');
		color: #1c1445;
	}

	header.front > div > nav > .menu > label > div > ul {
		display: block;
		float: none;
	}
	header.front > div > nav > .menu > label > div > ul > a > li {
		border-right: 0;
		border-left: 0;
	}
	header.front > div > nav > .menu > label:last-of-type > div > ul > a:last-of-type > li {
		border-bottom: 0;
	}

	header.front > div > nav > .options {
		display: block;
		top: 12px;
		right: 76px;
		margin: 0;
		border: 1px solid #999999;
		border-radius: 2px;
		padding: 4px 12px;
		width: auto;
		height: 30px;
		background-color: #ffffff;
		z-index: 100;
	}
	header.front > div > nav > .options:hover {
		display: block;
	}
	header.front > div > nav > .options > a:nth-of-type(1) {

	}
	header.front > div > nav > .options > a:nth-of-type(1):hover {
		color: #452414;
	}
	header.front > div > nav > .options > a:nth-of-type(2) {
		width: auto;
		background-color: transparent;
	}
	header.front > div > nav > .options > a:nth-of-type(2):hover {
		background-color: transparent;
		color: #452414;

	}
}

/* compact */
@media only screen and (min-width : 190px) and (max-width : 455px) {

}


/*	--------------------------------------------------------------
	header - dashboard - has a bottom border
--------------------------------------------------------------	*/

header.dash {
	height: 80px;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	user-select: none;
}

header.dash > .ghost {
	height: 80px;
}

header.dash > .ghost > a:first-of-type {
	display: block;
	float: left;
	margin: 15px 0 15px 12px;
	width: 53px;
	height: 50px;
	background-image: url('/imeji/liveon_240x228_drk-blue.png');
	background-position: center center;
	/*background-size: 42px 40px;
	background-repeat: no-repeat;
	background-image: url('/imeji/liveon_53x50_drk-blue.png');*/
	background-size: 53px 50px;
	background-repeat: no-repeat;
}

header.dash > .ghost > input[type="checkbox"] {
	display: none;
}
header.dash > .ghost > .mobnav {
	display: none;
}

header.dash > .ghost > nav {
	display: block;
	float: left;
	padding: 31px 0 31px 48px;
	width: auto;
	height: 18px;
}

header.dash > .ghost > nav > a {
	display: block;
	float: left;
	margin: 0 48px 0 0;
	width: auto;
	height: 18px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.125rem;
	color: #999999;
	cursor: pointer;
}
header.dash > .ghost > nav > a:last-of-type {
	margin: 0;
}
header.dash > .ghost > nav > a:hover {
	color: #1c1445;
}
header.dash > .ghost > nav > a.sel {
	color: #1c1445;
}

header.dash > .ghost > nav > a > span {
	position: relative;
	top: -8px;
	left: 1px;
	border-radius: 2px;
	padding: 0 2px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
}

/* member icon 40x40 */
header.dash > .ghost > .mobmember {
	display: none;
}
header.dash > .ghost > .member {
	display: block;
	float: right;
	position: relative;
	margin: 20px 12px 20px 20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

header.dash > .ghost > .member > img {
	display: block;
	border-radius: 20px;
	width: 40px;
	height: 40px;
}

header.dash > .ghost > .member > img.noradius {
	border-radius: 0;
}

header.dash > .ghost > .member > div {
	display: none;
	z-index: 10;
	position: absolute;
	top: 100%;
	left: -140px;
	padding: 20px 0 0;
	width: 180px;
}
header.dash > .ghost > .member:hover > div {
	display: block;
}

header.dash > .ghost > .member > div > nav {
	display: block;
	padding: 12px;
	width: 156px;
	background-color: #1c1445;
}

header.dash > .ghost > .member > div > nav > a {
	display: block;
	margin: 0 0 8px;
	padding: 1px 8px 0;
	width: 140px;
	height: 23px;
	background-image: url('/imeji/arrow_6x9_r_white.png');
	background-position: 143px 8px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}
header.dash > .ghost > .member > div > nav > a.mobonly {
	display: none;
}
header.dash > .ghost > .member > div > nav > a:last-child {
	margin: 0;
}
header.dash > .ghost > .member > div > nav > a:hover {
	background-image: url('/imeji/arrow_6x9_r_lit-blue.png');
	background-position: 143px 8px;
	background-repeat: no-repeat;
	color: #8adeff;
}
header.dash > .ghost > .member > div > nav > a.sel {
	color: #8adeff;
}


/* img is 38x32 */
header.dash > .ghost > .shopcart {
	display: block;
	float: right;
	margin: 20px 0 20px 20px;
	border: 0;
	padding: 18px 0 0;
	width: 44px;
	height: 22px;
	background-image: url('/imeji/icon_shopcart_40x40_cc.png');
	background-position: right top;
	background-repeat: no-repeat;
}
header.dash > .ghost > .shopcart > .items {
	display: block;
	border-radius: 6px;
	padding: 4px;
	width: 22px;
	max-width: 22px;
	height: 14px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1rem;
	color: #ffffff;
	text-align: center;
}
header.dash > .ghost > .shopcart:hover > .items {
	color: #8adeff;
}

/* adjusted */
@media only screen and (min-width : 570px) and (max-width : 699px) {

	header.dash > .ghost > nav {
		padding: 31px 0 31px 24px;
	}

	header.dash > .ghost > nav > a {
		margin: 0 24px 0 0;
	}
}

/* mobile */
@media only screen and (min-width : 20px) and (max-width : 569px) {

	header.dash {
		height: 64px;
	}

	header.dash > .ghost {
		height: 64px;
	}

	header.dash > .ghost > a:first-of-type {
		display: none;
	}

	header.dash > .ghost > .mobnav {
		display: block;
		float: left;
		padding: 12px 0;
		border: 0;
		width: 42px;
		height: 40px;
		background-image: url('/imeji/liveon_240x228_drk-blue.png');
		/*background-image: url('/imeji/liveon_53x50_drk-blue.png');*/
		background-size: 42px 40px;
		background-position: center center;
		background-repeat: no-repeat;
	}

	header.dash > .ghost > nav {
		z-index: 10;
		position: absolute;
		top: 64px;
		left: 0;
		float: none;
		padding: 12px;
		width: 156px;
		height: auto;
		background-color: #1c1445;
	}

	header.dash > .ghost > nav > a {
		float: none;
		margin: 0 0 8px;
		padding: 1px 8px 0;
		width: 140px;
		height: 23px;
		background-image: url('/imeji/arrow_6x9_r_white.png');
		background-position: 143px 8px;
		background-repeat: no-repeat;
		font-family: wh-regular;
		font-size: 1rem;
		line-height: 1.5rem;
		color: #ffffff;
		text-align: left;
		cursor: pointer;
	}
	header.dash > .ghost > nav > a:last-of-type {
		margin: 0;
	}
	header.dash > .ghost > nav > a:hover {
		background-image: url('/imeji/arrow_6x9_r_lit-blue.png');
		color: #8adeff;
	}
	header.dash > .ghost > nav > a.sel {
		color: #8adeff;
	}

	header.dash > .ghost > .triggermobnav + label + nav {
		display: none;
	}
	header.dash > .ghost > .triggermobnav:checked + label + nav {
		display: block;
	}

	header.dash > .ghost > .mobmember {
		display: block;
		z-index: 100;
		position: absolute;
		top: 12px;
		right: 0;
		width: 40px;
		height: 40px;
	}

	header.dash > .ghost > .member {
		margin: 0 0 0 20px;
		padding: 12px 0;
	}

	header.dash > .ghost > .member > div {
		left: -140px;
		padding: 0;
		width: 180px;
	}

	header.dash > .ghost > .member > div > nav > a.mobonly {
		display: block;
	}

	header.dash > .ghost > .triggermobmember + label + .member > div {
		display: none;
	}
	header.dash > .ghost > .triggermobmember:checked + label + .member > div {
		display: block;
	}

	header.dash > .ghost > .shopcart {
		margin: 12px 0 12px 20px;
	}
	header.dash > .ghost > .shopcart > .items {
		display: block;
		border-radius: 6px;
		padding: 4px;
		width: 22px;
		max-width: 22px;
		height: 14px;
		background-color: #1c1445;
		font-family: wh-semibold;
		font-size: 1rem;
		line-height: 1rem;
		color: #ffffff;
		text-align: center;
	}
	header.dash > .ghost > .shopcart:hover > .items {
		color: #8adeff;
	}
}


/*	--------------------------------------------------------------
	footer
--------------------------------------------------------------	*/

.footer {
	padding: 64px 0;
	border-top: 1px solid #cccccc;
	background-color: #ffffff;
}

.footer > div {

}

.footer > div > div {
	display: block;
	margin: 0 auto;
	border: 0;
	padding: 0 20px;
	max-width: 888px;
}

.footer > div > div > div {
	display: block;
	float: left;
	padding: 20px 64px 0 0;
	width: 176px;
}
.footer > div > div > div:nth-of-type(3) {
	padding: 0;
}
.footer > div > div > div:nth-of-type(4) {
	margin: 0 0 0 24px;
	padding: 88px 0 0;
	width: 176px;
	background-image: url('/imeji/liveon_240x228_drk-blue.png');
	background-position: center 20px;
	background-size: auto 56px;
	background-repeat: no-repeat;
}

.footer > div > div > div > header {
	display: block;
	padding: 0 0 20px;
	height: 24px;
	font-family: wh-bold;
	font-size: 1.5rem; /* 24px */
	line-height: 1.5rem;
	color: #444444;
	text-align: left;
	white-space: nowrap;
	overflow: visible;
}

.footer > div > div > div > a {
	display: block;
	margin: 0 0 8px 0;
	border: 0;
	background-image: url('/imeji/arrow_8x12_r_66.png');
	background-position: right center; /* was 6px */
	background-repeat: no-repeat;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}
.footer > div > div > div > a:hover {
	background-image: url('/imeji/arrow_8x12_r_drk-blue.png');
	color: #1c1445;
	cursor: pointer;
}

.footer > div > div > div > div {

}

.footer > div > div > div > div > a {
	display: block;
	float: left;
	margin: 0 12px 12px 0;
	padding: 0;
	width: 32px;
	height: 32px;
	background-position: center center;
	background-repeat: no-repeat;
}


.icon_alexa {
	background-image: url('/imeji/icon_alexa_32x32_99.png');
}
.icon_alexa:hover {
	background-image: url('/imeji/icon_alexa_32x32_drk-blue.png');
}

.icon_facebook {
	background-image: url('/imeji/icon_facebook_32x32_99.png');
}
.icon_facebook:hover {
	background-image: url('/imeji/icon_facebook_32x32_drk-blue.png');
}

.icon_googleplus {
	background-image: url('/imeji/icon_googleplus_32x32_99.png');
}
.icon_googleplus:hover {
	background-image: url('/imeji/icon_googleplus_32x32_drk-blue.png');
}

.icon_instagram {
	background-image: url('/imeji/icon_instagram_32x32_99.png');
}
.icon_instagram:hover {
	background-image: url('/imeji/icon_instagram_32x32_drk-blue.png');
}

.icon_linkedin {
	background-image: url('/imeji/icon_linkedin_32x32_99.png');
}
.icon_linkedin:hover {
	background-image: url('/imeji/icon_linkedin_32x32_drk-blue.png');
}

.icon_periscope {
	background-image: url('/imeji/icon_periscope_32x32_99.png');
}
.icon_periscope:hover {
	background-image: url('/imeji/icon_periscope_32x32_drk-blue.png');
}

.icon_pinterest {
	background-image: url('/imeji/icon_pinterest_32x32_99.png');
}
.icon_pinterest:hover {
	background-image: url('/imeji/icon_pinterest_32x32_drk-blue.png');
}

.icon_reddit {
	background-image: url('/imeji/icon_reddit_32x32_99.png');
}
.icon_reddit:hover {
	background-image: url('/imeji/icon_reddit_32x32_drk-blue.png');
}

.icon_slideshare {
	background-image: url('/imeji/icon_slideshare_32x32_99.png');
}
.icon_slideshare:hover {
	background-image: url('/imeji/icon_slideshare_32x32_drk-blue.png');
}

.icon_snapchat {
	background-image: url('/imeji/icon_snapchat_32x32_99.png');
}
.icon_snapchat:hover {
	background-image: url('/imeji/icon_snapchat_32x32_drk-blue.png');
}
.icon_snapchat_ext {
	background-image: url('/imeji/icon_snapchat_extended_32x32_99.png');
}
.icon_snapchat_ext:hover {
	background-image: url('/imeji/icon_snapchat_extended_32x32_drk-blue.png');
}

.icon_tiktok {
	background-image: url('/imeji/icon_tiktok_32x32_99.png');
}
.icon_tiktok:hover {
	background-image: url('/imeji/icon_tiktok_32x32_drk-blue.png');
}

.icon_tumblr {
	background-image: url('/imeji/icon_tumblr_32x32_99.png');
}
.icon_tumblr:hover {
	background-image: url('/imeji/icon_tumblr_32x32_drk-blue.png');
}

.icon_twitter {
	background-image: url('/imeji/icon_twitter_32x32_99.png');
}
.icon_twitter:hover {
	background-image: url('/imeji/icon_twitter_32x32_drk-blue.png');
}

.icon_youtube {
	background-image: url('/imeji/icon_youtube_32x32_99.png');
}
.icon_youtube:hover {
	background-image: url('/imeji/icon_youtube_32x32_drk-blue.png');
}

.footer > div > div > div > p {
	display: block;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: center;
}
.footer > div > div > div > p > a {
	font-size: 1rem;
}
.footer > div > div > div > p > a:hover {
	text-decoration: underline;
	cursor: pointer;
}


/* adjusted - one */
@media only screen and (min-width : 570px) and (max-width : 944px) {

	.footer > div > div {
		max-width: 656px;
	}

	.footer > div > div > div:nth-of-type(4) {
		clear: left;
		margin: 12px 0 0;
		padding: 0 0 0 72px;
		min-height: 64px;
		background-position: left center;
	}

	.footer > div > div > div > p {
		padding: 14px 0 0;
		text-align: left;
	}
}

/* adjusted - two */
@media only screen and (min-width : 570px) and (max-width : 719px) {

	.footer > div > div {
		padding: 0 20px;
	}

	.footer > div > div > div {
		padding: 0 48px 12px 0;
	}
	.footer > div > div > div:nth-of-type(2) {
		padding: 0 0 12px 0;
	}
	.footer > div > div > div:nth-of-type(3) {
		clear: both;
		padding: 0;
		width: auto;
	}

	.footer > div > div > div > header {
		padding: 0 0 12px;
	}

	.footer > div > div > div > div > a:last-of-type {
		margin: 0 0 12px 0;
	}
}

/* mobile */
@media only screen and (min-width : 120px) and (max-width : 569px) {

	.footer > div > div {
		padding: 0 0 56px;
		width: auto;
	}

	.footer > div > div > div {
		float: none;
		margin: 0 auto;
		padding: 0 12px 12px;
		width: auto;
		max-width: 320px;
	}
	.footer > div > div > div:nth-of-type(2) {
		float: none;
		margin: 0 auto;
		padding: 0 12px 12px;
		width: auto;
		max-width: 320px;
	}
	.footer > div > div > div:nth-of-type(3) {
		float: none;
		padding: 0 0 32px 12px;
		width: 220px;
	}

	.footer > div > div > div > header {
		padding: 0 0 12px;
		text-align: center;
	}

	.footer > div > div > img {
		display: none;
	}

	.footer > div > div > div:nth-of-type(4) {
		margin: 0 auto;
		padding: 64px 0 0;
		background-position: center top;
	}
}


/*	--------------------------------------------------------------
	index - intro
--------------------------------------------------------------	*/

.intro {
	display: block;
	padding: 120px 0 186px;
	background-color: #1c1445;
}

.intro > div > img {
	display: block;
	margin: 0 auto 20px;
	width: 100%;
	max-width: 64px;
}

.intro > div > h1 {
	display: block;
	margin-bottom: 20px;
	padding: 0;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.375rem;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: center;
}
.intro > div > h1 > span {
	color: #8adeff;
}

/* portable searchbox */
.easysearch {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: auto;
	max-width: 720px;
	height: auto;
}

.easysearch > .keywords {
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	overflow: hidden;
}

.easysearch > .keywords > input[type="text"] {
	display: block;
	float: left;
	border: none;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 4px;
	padding: 8px 0px 8px 8px;
	width: calc(100% - 8px - 1px - 39px);
	height: 22px;
	background-color: #ffffff;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.375rem;
	color: #333333;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.easysearch > .keywords > div {
	display: block;
	float: left;
	margin: 0;
	border: none;
	border-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 0;
	width: 38px;
	height: 38px;
	background-color: #ffffff;
	background-image: url('/imeji/icon_houndify-mic_16x24_gray.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.easysearch > .keywords > div:hover {
	background-image: url('/imeji/icon_houndify-mic_16x24_lit-blue.png');
}

.easysearch > .location {
	display: block;
	margin: 8px 0 0;
	width: auto;
	min-height: 40px;
	height: auto;
}
.easysearch > .location > select {
	display: block;
	float: left;
	margin: 0 0 0 10px;
	border: none;
	border-radius: 4px;
	padding: 8px 24px 8px 6px;
	width: calc((100% / 3) - 32px - (24px / 3) - (90px / 3));
	height: 22px;
	background-color: #ffffff;
	background-image: url('/imeji/arrow_12x8_d_drk-blue.png');
	background-position: calc(100% - 8px) center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.375rem;
	color: #333333;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.easysearch > .location > select:first-of-type {
	margin: 0;
}

.easysearch > .location > button {
	display: block;
	float: left;
	margin: 0 0 0 10px;
	border: none;
	border-radius: 4px;
	width: 88px;
	height: 22px;
	overflow: hidden;
	background-color: #8adeff;
	padding: 8px 0;
	/*padding: 8px 15px;*/
	/*background-image: url('/imeji/icon_magnify_gray.png');
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	*/
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1rem;
	color: #1c1445;
}
.easysearch > .location > button:hover {
	cursor: pointer;
}


@media only screen and (min-width : 120px) and (max-width : 719px) {

	.intro {
		padding: 80px 0 120px;
	}

	.easysearch > .location > select {
		width: calc((100% / 2) - 32px - (8px / 2));
	}
	.easysearch > .location > select:nth-of-type(3) {
		margin: 8px 0 0 0;
	}

	.easysearch > .location > button {
		margin: 8px 0 0 8px;
		width: calc((100% / 2) - 2px - (8px / 2));
	}
}

/* compact - more */
@media only screen and (min-width : 120px) and (max-width : 455px) {

	.intro {
		padding: 64px 0 120px;
	}

	.intro > div > h1 {
		font-size: 1.25rem;
		line-height: 1.375rem;
	}

	.easysearch > .location > select {
		float: none;
		margin: 0 0 8px;
		width: calc(100% - 32px);
		font-size: 1rem;
	}
	.easysearch > .location > select:first-of-type {
		margin: 0 0 8px;
	}
	.easysearch > .location > select:last-of-type {
		float: none;
		margin: 0;
	}

	.easysearch > .location > button {
		float: none;
		margin: 8px 0 0 0;
		width: calc(100% - 2px);
	}
}


/*	--------------------------------------------------------------
	index - announcements
--------------------------------------------------------------	*/

.announcements {
	background-color: #8adeff;
}

.announcements > .ghost {
	text-align: left; /* assists the blockline elements */
}

.announcements > div > div {
	display: block;
	padding: 16px 0;
	text-align: center;
}

.announcements > .ghost > div:first-child {
	display: block;
	padding: 16px 0;
	text-align: center;
}

.announcements > .ghost > div:first-child > a,
.announcements > .ghost > div:first-child > p {
	display: inline-block;
	position: relative;
	margin: 0 20px 0 0;
	padding: 4px 26px 4px 0;
	width: auto;
	height: auto;
	background-image: url('/imeji/bullet_4x4_drk-blue.png');
	background-position: right center;
	background-repeat: no-repeat;
	font-family: wh-bold;
	font-size: 1rem;
	color: #1c1445;
	text-transform: uppercase;
	text-decoration: underline;
}
.announcements > .ghost > div:first-child > a:hover {
	text-decoration: underline;
}
.announcements > .ghost > div:first-child > :last-child {
	margin: 0;
	padding: 4px 0 4px 0;
	background-image: none;
}


/* adjusted - two rows */
@media only screen and (min-width : 542px) and (max-width : 829px) {

	.announcements > .ghost > div:first-child > :nth-child(2) {
		margin: 0;
		padding: 4px 0 4px 0;
		background-image: none;
	}
	.announcements > .ghost > div:first-child > :nth-child(3) {
		display: block;
		padding: 12px 0 0;
	}
}

/* adjusted - three rows */
@media only screen and (min-width : 120px) and (max-width : 541px) {

	.announcements > .ghost > div:first-child > a,
	.announcements > .ghost > div:first-child > p {
		display: block;
		margin: 0;
		padding: 4px 0 4px 0;
		background-image: none;
	}
}


/*	--------------------------------------------------------------
	index - announcements
--------------------------------------------------------------	*/

.pitch {
	padding: 64px 0 72px;
}

.pitch > div > h2 {
	display: block;
	padding: 0 0 32px;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 1.625rem;
	color: #444444;
	text-align: center;
}

.pitch > div > p {
	display: block;
	margin: 0 auto;
	padding: 0 32px 40px;
	max-width: 900px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: center;
}
.pitch > div > p > span {
	font-family: wh-semibold;
}
.pitch > div > p > a {
	font-family: wh-semibold;
	color: #1c1445;
}
.pitch > div > p > a:hover {
	color: #1c1445;
	text-decoration: underline;
}

.pitch > div > a {
	display: block;
	margin: 0 auto;
	border-radius: 4px;
	width: 212px;
	height: 44px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 44px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}
.pitch > div > a:hover {
	color: #8adeff;
}

/* mobile */
@media only screen and (min-width : 120px) and (max-width : 569px) {

	.pitch > div > p {
		padding: 0 12px 40px;
		font-size: 1rem;
		line-height: 1.25rem;
	}
}


/*	--------------------------------------------------------------
	index - buysell
--------------------------------------------------------------	*/

.buysell {
	background-color: #1c1445;
}

.buysell > div {
	padding: 64px 0;
	width: 100%; /* override */
}

.buysell > div > div {
	display: block;
	float: left;
	margin: 0;
	border: 0;
	padding: 32px 0 0;
	width: calc((100% - 2px) / 2);
}
.buysell > div > div > h2 {
	display: block;
	padding: 0 0 32px;
	font-family: wh-semibold;
	font-size: 3.25rem;
	line-height: 3.25rem;
	color: #ffffff;
	text-align: center;
}

.buysell > div > div > p {
	display: block;
	margin: 0 auto;
	padding: 0 0 48px;
	max-width: 400px;
	font-family: wh-regular;
	font-size:1rem;
	line-height: 1.125rem;
	color: #ffffff;
	text-align: center;
}
.buysell > div > div > p > a {
	text-decoration: underline;
}

.buysell > div > div > a {
	display: block;
	float: left;
	border-radius: 4px;
	width: calc((100% - 148px) / 2);
	height: 40px;
	background-color: #8adeff;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 40px;
	color: #1c1445;
	text-align: center;
	text-transform: uppercase;
}
.buysell > div > div > a:nth-of-type(1) {
	margin: 0 0 20px 64px;
}
.buysell > div > div > a:nth-of-type(2) {
	margin: 0 64px 20px 20px;
}
.buysell > div > div > a:nth-of-type(3) {
	float: none;
	clear: both;
	margin: 0 auto;
	width: calc(50% - 74px);
}

.buysell > div > hr {
	display: block;
	float: left;
	margin: 0;
	width: 0;
	border: 0;
	border-right: 2px dashed #cccccc;
	height: 280px;
}

.tf-v1-sidetab{
	top: calc(48% - 68px) !important;
}

/*
Reset the typeform to go back to full screen on mobile when opened
*/
@media screen and (max-width:480px){
    .tf-v1-sidetab.open{
        top: 0 !important;
    }
}

/* adjusted - first */
@media only screen and (min-width : 944px) and (max-width : 1079px) {

	.buysell > div > div > p {
		max-width: 380px;
	}

	.buysell > div > div > a {
		width: calc((100% - 116px) / 2);
	}
	.buysell > div > div > a:nth-of-type(1) {
		margin: 0 0 20px 48px;
	}
	.buysell > div > div > a:nth-of-type(2) {
		margin: 0 48px 20px 20px;
	}
	.buysell > div > div > a:nth-of-type(3) {
		width: calc(50% - 58px);
	}

	.buysell > div > hr {
		height: 300px;
	}
}

/* adjusted - second */
@media only screen and (min-width : 864px) and (max-width : 943px) {

	.buysell > div > div > p {
		max-width: 320px;
	}

	.buysell > div > div > a {
		width: calc((100% - 84px) / 2);
	}
	.buysell > div > div > a:nth-of-type(1) {
		margin: 0 0 20px 32px;
	}
	.buysell > div > div > a:nth-of-type(2) {
		margin: 0 32px 20px 20px;
	}
	.buysell > div > div > a:nth-of-type(3) {
		width: calc(50% - 42px);
	}

	.buysell > div > hr {
		height: 320px;
	}
}

/* adjusted - third */
@media only screen and (min-width : 720px) and (max-width : 863px) {

	.buysell > div > div > p {
		padding: 0 0 32px;
		max-width: 300px;
	}

	.buysell > div > div > a {
		float: none;
		clear: both;
		width: 50%;
	}
	.buysell > div > div > a:nth-of-type(1) {
		margin: 0 auto 12px;
	}
	.buysell > div > div > a:nth-of-type(2) {
		margin: 0 auto 12px;
	}
	.buysell > div > div > a:nth-of-type(3) {
		width: 50%;
	}

	.buysell > div > hr {
		height: 380px;
	}
}

/* reduced */
@media only screen and (min-width : 120px) and (max-width : 719px) {

	.buysell > div {
		width: calc(100% - 24px);
	}

	.buysell > div > div {
		float: none;
		padding: 0 0 48px;
		width: 100%;
	}
	.buysell > div > div:last-of-type {
		padding: 0;
	}

	.buysell > div > div > p {
		padding: 0 12px 32px;
		max-width: 100%;
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.buysell > div > div > a {
		float: none;
		clear: both;
		width: auto;
		max-width: 320px;
	}
	.buysell > div > div > a:nth-of-type(1) {
		margin: 0 auto 12px;
	}
	.buysell > div > div > a:nth-of-type(2) {
		margin: 0 auto 12px;
	}
	.buysell > div > div > a:nth-of-type(3) {
		width: auto;
		max-width: 320px;
	}

	.buysell > div > hr {
		float: none;
		margin: 0 auto;
		width: 60%;
		border: 0;
		border-top: 2px dashed #cccccc;
		padding: 0 0 40px;
		height: 2px;
	}
}

/*	--------------------------------------------------------------
	index - connections happen
--------------------------------------------------------------	*/

.happen {

}

.happen > div {
	padding: 64px 0;
	width: calc(100% - 64px); /* override */
	max-width: 848px;
}

.happen > div > div:nth-of-type(1) {
	display: block;
	float: left;
	padding: 8px 0 0;
	width: 280px;
	height: 200px;
}

.happen > div > div:nth-of-type(2) {
	display: block;
	float: left;
	padding: 0 0 0 64px;
	width: calc(100% - 280px - 64px);
}

.happen > div > div > h3 {
	display: block;
	padding: 0 0 24px;
	font-family: wh-bold;
	font-size: 1.5rem;
	line-height: 1.675rem;
	color: #444444;
	text-transform: uppercase;
}

.happen > div > div > p {
	display: block;
	padding: 0 0 40px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
}

.happen > div > div > a {
	display: block;
	border-radius: 4px;
	width: 180px;
	height: 40px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 40px;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
}

/* adjusted */
@media only screen and (min-width : 864px) and (max-width : 943px) {

	.happen > div > div:nth-of-type(2) {
		padding: 0 0 0 40px;
		width: calc(100% - 280px - 40px);
	}

	.happen > div > div > p {
		padding: 0 0 24px;
		font-size: 1rem;
		line-height: 1.25rem;
	}
}

/* reduced */
@media only screen and (min-width : 120px) and (max-width : 863px) {

	.happen > div {
		width: calc(100% - 24px); /* override */
	}

	.happen > div > div:nth-of-type(1) {
		float: none;
		margin: 0 auto;
		padding: 0 0 24px;
	}

	.happen > div > div:nth-of-type(2) {
		float: none;
		margin: 0 auto;
		padding: 0;
		width: auto;
		max-width: 600px;
	}

	.happen > div > div > h3 {
		text-align: center;
	}

	.happen > div > div > p {
		text-align: center;
	}

	.happen > div > div > a {
		margin: 0 auto;
	}
}

/*	--------------------------------------------------------------
	index - partnered
--------------------------------------------------------------	*/

.partnered {
	background-color: #1c1445;
}

.partnered > .ghost {
	padding: 48px 0;
	/*max-width: 700px;*/
	max-width: 500px;
	/*height: 148px;*/
	height: 68px;
}

.partnered > .ghost > h4 {
	display: block;
	float: left;
	width: 200px;
	/*height: 148px;*/
	height: 68px;
	font-family: wh-regular;
	font-size: 1.4375rem;
	/*line-height: 148px;*/
	line-height: 68px;
	color: #ffffff;
	text-align: left;
	text-transform: uppercase;
}

.partnered > .ghost > a {
	display: block;
	float: right;
	margin: 0 0 0 48px;
	width: 200px;
	height: 68px;
	background-image: url('/imeji/partner_cfib_888x299_white.png');
	background-size: auto 68px;
	background-position: center center;
	background-repeat: no-repeat;
}

/*.partnered > .ghost > a.cfib {
	display: block;
	float: left;
	margin: 0 0 0 48px;
	width: 200px;
	height: 148px;
	background-image: url('/imeji/partner_cfib_888x299_white.png');
	background-size: auto 67px;
	background-position: top center;
	background-repeat: no-repeat;
}
.partnered > .ghost > a.cibc {
	display: block;
	float: left;
	margin: 0 0 0 48px;
	width: 200px;
	height: 148px;
	background-image: url('/imeji/partner_cibc_888x722_white.png');
	background-size: auto 148px;
	background-position: top center;
	background-repeat: no-repeat;
}*/


/* mobile */
@media only screen and (min-width : 120px) and (max-width : 739px) {

	.partnered > .ghost {
		padding: 32px 0;
		height: auto;
	}
	.partnered > .ghost > h4 {
		float: none;
		padding: 0 0 24px;
		width: auto;
		height: auto;
		line-height: 1.5625rem;
		/*text-align: center;*/

	}
	.partnered > .ghost > a {
		float: none;
		margin: 0 auto;
	}
	/*.partnered > .ghost > a.cfib {
		float: none;
		margin: 32px auto 0;
		height: 68px;
	}
	.partnered > .ghost > a.cibc {
		float: none;
		margin: 0 auto;
	}*/
}


/* recycle styles */

.h4-content-five {
	color: white;
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 50px;
}


.div-featured-franchise {
	display: flex;
	flex-direction: row;
	margin: 15px 0;

}

.div-featured-image {

	text-align: center;
	align-self: center;
	width: 100%;
	margin-left: 15px;
}

.div-featured-content {
	margin: 50px;
}

.a-featured-franchise {
	display: block;
	margin: 24px 0;
	border-radius: 4px;
	width: 212px;
	height: 44px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 44px;
	color: #ffffff !important;
	text-align: center;
	text-transform: uppercase;
}
.a-featured-franchise:hover {
	color: #8adeff !important;
}

.h3-featured-franchise {
	font-size: 1.5rem;
	line-height: 1.625rem;
	text-transform: uppercase;
	color: #444444;
	margin: 0px 0 24px 0;
	font-family: wh-bold;
}

.p-featured-franchise-description {
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #444444;
	margin: 24px 0 0 0;
	font-family: wh-regular;
}


.p-featured-franchise-description-extra{
	font-size: 0.8rem;
	color: #333333;
	margin: 10px 0 0 0;
}

.p-featured-franchise-button{
	margin-top: 24px;
	padding: 30px 0;
}

.img-featured-franchise{
	width: 100%;
	max-width: 300px;
}

.div-slick-carousel{
	background-color: #E5E5E5;
	/*display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:300px;*/
}
.div-content-five-section{
	background-color: #1c1445;
	display: flex;
	width: 100%;
	min-height: 200px;
	height: 200px;
	justify-content: center;
	align-items: center;
}

/* garbage */
.div-saying {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	padding: 0 60px;
	background: #E5E5E5;
	height: 300px;
}


.div-saying .left {
	display: flex;
	border: 2px solid #999999;
	border-radius: 8px;
	padding: 0;
	width: 35px;
	height: 35px;
	color: #727272;
	background-color: #E5E5E5;
	background-image: url('/imeji/arrow_8x12_l_99.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	flex: 0 0 auto;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
}




.div-saying .left button:hover {
	background-image: url('/imeji/left_blue.png');
}

.div-saying .right {
	flex: 0 0 auto;
	display: flex;
	border: 2px solid #999999;
	border-radius: 8px;
		color: #727272;
	padding: 0;
	width: 35px;
	height: 35px;
	background-color: #E5E5E5;
	background-image: url('/imeji/arrow_8x12_r_99.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
}
.div-saying .right button:hover {
	background-image: url('/imeji/right_blue.png');
}


.div-all-reviews{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-evenly;
	align-items: center;
	flex: 2 1 auto;

}

.div-saying-indicators{
	display: flex;
	justify-content: center;
	background: #E5E5E5;
	padding: 0 0 15px 0;
}
.div-saying-indicators > div{
	margin: 0 0 0 12px;
	border-radius: 4px;
	width: 8px;
	height: 8px;
	background-color: #cccccc;
	cursor: pointer;
}
.div-saying-indicators > div:hover {
	background-color: #1f7bbf;
}
.div-saying-indicators > div:first-child {
	margin: 0;
}
.div-saying-indicators > div.sel {
	background-color: #1c1445;
}

.say{
	width: 100%;
	max-width: 200px;
	margin: 0 30px;
}

@media screen and (max-width: 992px){
	.div-saying{
		height: 700px;
		padding: 0 30px;
	}
	.say{
		margin: 30px 0;
	}

	.div-all-reviews{
		flex-flow: column  nowrap;
	}
}

@media screen and (max-width: 600px){
	.div-saying .right,
	.div-saying .left{
		display: none;
	}
}


.d-none{
	display: none !important;
}

.overflow-hidden{
    overflow: hidden;
}

.img-carousel {
	width: 100%;
	max-height: 200px;
}

.h4-content-five {
	color: white;
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 50px;
}

.img-partnered-with {
	margin-left: 50px;
	width: 100%;
	max-width: 200px;
}


/* reduced */
@media only screen and (min-width : 120px) and (max-width : 1330px) {
	.div-content-two-left{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.div-content-two-links{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.div-content-two-right{
		padding-left: 0;
		display: flex;
		flex-direction: column;
		align-items: center;

	}

	.a-content-two{
		margin-top: 15px;
		max-width: 200px;
	}

}

@media only screen and (min-width : 120px) and (max-width : 1400px) {
	.div-content-two-section{
		height: 500px;
	}

}
@media only screen and (min-width : 120px) and (max-width : 1200px) {
	.intro img.img-homepage-bizon-money-back{
		position: absolute;
		right: 2%;
		bottom: 50px;
	}
}

@media only screen and (min-width : 120px) and (max-width : 939px) {

	.h2-content-one{
		font-size: 1.5rem;
		line-height: 2rem;
		padding: 0 15px;
	}

	.h2-content-two{
		padding-top: 15px;
		margin-top: 15px;
		font-size: 1.5rem;
	}

	.p-content-one{
		padding: 15px;
		margin: 15px 0;
	}

	.p-content-two{
		padding: 15px;
		margin: 15px 0;
		height: 75px;
	}
	.div-content-two-section{
		flex-direction: column;

		height: 1100px;
	}

	.div-content-two-left{
		display: flex;
		flex-direction: column;

	}
	.a-content-two{
		margin: 15px;
	}

	.div-content-two-right{
		padding-left: 0;
		display: flex;
		flex-direction: column;
		border-left: none;
		border-top: 1px solid #FFFFFF;
		margin-bottom: 25px;
	}

	.div-featured-franchise{
		flex-direction: column;

	}

	.div-featured-image{
		margin-top: 30px;
		margin-left: 0;
	}


	.div-featured-content{
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
	}

	.h3-featured-franchise{
		font-size: 1.2rem;
		line-height: 1.2rem;
		text-align: center;
	}

	.p-featured-franchise-description{
		margin: 0;
	}

	.p-featured-franchise-button{
		text-align: center;
	}

	.a-featured-franchise{
		margin: 0;
		padding: 15px 25px;
	}

	.img-featured-franchise{
		max-width: 250px;
	}

	.h4-content-five{
		font-size: 1rem;
		margin-right: 15px;
	}

	.img-partnered-with{
		max-width: 150px;
	}

	.slick-initialized .slick-slide{
		margin: 0 30px;
	}
}

/* compact */
@media only screen and (min-width : 120px) and (max-width : 569px) {
/*
	.img-featured-franchise{
		max-width: 100%;
	}
	.div-featured-image{
		margin-top: 0;
	}*/
	.div-content-five-section{
		flex-direction: column;
	}
	.h4-content-five{
		font-size: 1rem;
		margin-right: 15px;
	}

	.p-content-two{
		height: 150px;
	}

	.img-partnered-with{
		margin: 25px 0 0 0;

		max-width: 150px;
	}
}





/*	--------------------------------------------------------------
	buysellgrow - showdemo (both)
--------------------------------------------------------------	*/

.showdemo {
	padding: 20px 0 20px;
	background-color: #1c1445;
}

.showdemo > div {

}

.showdemo > div > h1 {
	display: block;
	padding: 0 0 8px;
	font-family: wh-bold;
	font-size: 2.25rem; /* 38px */
	line-height: 2.5rem; /* 42px */
	color: #ffffff;
	text-align: center;
}

.showdemo > div > .laptop {
	display: block;
	margin: 12px auto 0;
	padding: 29px 97px 61px 97px;
	width: 612px;
	height: 384px;
	background-image: url('/imeji/laptop.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.showdemo > div > .laptop > div {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
}


/* adjusted */
@media only screen and (min-width : 120px) and (max-width : 888px) {

	.showdemo > div > .laptop {
		padding: 21px 73px 46px;
		width: 460px;
		height: 290px;
	}

}

/* mobile */
@media only screen and (min-width : 120px) and (max-width : 720px) {

	.showdemo {
		padding: 32px 0 24px;
		background-color: #ffffff;
	}

	.showdemo > div > h1 {
		color: #1c1445;
	}

	.showdemo > div > .laptop {
		margin: 20px auto 0;
		padding: 18px 60px 39px;
		width: 380px;
		height: 240px;
	}
}

/* mobile adjusted */
@media only screen and (min-width : 120px) and (max-width : 615px) {

	.showdemo > div > h1 {
		font-size: 2rem;
		line-height: 2.25rem;
	}

	.showdemo > div > .laptop {
		padding: 15px 51px 31px;
		width: 320px;
		height: 202px;
	}
}

/* mobile compact */
@media only screen and (min-width : 120px) and (max-width : 479px) {

	.showdemo > div > h1 {
		font-size: 1.75rem;
		line-height: 2rem;
	}

	.showdemo > div > .laptop {
		padding: 11px 35px 22px;
		width: 218px;
		height: 136px;
	}
}


/*	--------------------------------------------------------------
	buysell - riskfree (sell only)
--------------------------------------------------------------	*/

.riskfree {
	padding: 48px 0 32px;
}

.riskfree > div {

}

.riskfree > div > h2 {
	display: block;
	padding: 0 0 8px;
	font-family: wh-bold;
	font-size: 2rem; /* 24px */
	line-height: 2.25rem;
	color: #666666;
	text-align: center;
}
.riskfree > div > h2 > span {
	color: #1c1445;
}

.riskfree > div > h4 {
	display: block;
	margin: 0;
	padding: 0 0 24px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #444444;
	text-align: center;
}
.riskfree > div > h4 > span {
	color: #1c1445;
	text-decoration: underline;
}

.riskfree > div > p {
	display: block;
	margin: 0;
	padding: 0 0 8px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #333333;
	text-align: center;
}
.riskfree > div > p > span {
	color: #1f7bbf;
}
.riskfree p:last-of-type {
	padding: 0;
}

/* mobile compact */
@media only screen and (min-width : 120px) and (max-width : 479px) {

	.riskfree > div > h2 {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
}


/*	--------------------------------------------------------------
	buysell - whystart
--------------------------------------------------------------	*/

.whystart {
	padding: 48px 0;
}

.whystart > div {

}

.whystart > div > h3 {
	display: block;
	padding: 0 0 20px;
	font-family: wh-bold;
	font-size: 1.75rem;
	line-height: 2rem;
	color: #444444;
	text-align: center;
}

.whystart > div > ul {
	display: block;
	margin: 0 auto;
	padding: 0 0 32px 0;
	height: auto;
	max-width: 640px;
	list-style: none;
}

.whystart > div > ul > li {
	display: block;
	float: left;
	padding: 0 0 8px 20px;
	width: calc((100% - 40px) / 2); /* (full - 2xpadding) / 2-cols */
	background-image: url('/imeji/bullet_6x6_drk-blue.png');
	background-position: left 0.625rem;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1.25rem; /* 20px */
	line-height: 1.375rem;
	color: #666666;
}

.whystart > div > ul > li.col {
	float: right;
}

.whystart > div > a {
	display: block;
	margin: 0 auto;
	border-radius: 4px;
	width: 300px;
	height: 64px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 4rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.whystart > div > a:hover {
	color: #8adeff;
}

/* adjusted */
@media only screen and (min-width : 825px) and (max-width : 920px) {

	.whystart > div > ul {
		max-width: 600px;
	}
}

/* reduced */
@media only screen and (min-width : 659px) and (max-width : 824px) {

	.whystart > div > ul {
		padding: 0 0 32px 32px;
		width: calc(100% - 32px);
		max-width: 600px;
	}
}

/* compact */
@media only screen and (min-width : 559px) and (max-width : 658px) {


	.whystart > div > h3 {
		font-size: 1.5rem; /* 24px */
		line-height: 2rem;
	}

	.whystart > div > ul {
		max-width: 280px;
	}

	.whystart > div > ul > li {
		float: none;
		width: auto;
		background-position: left 0.5625rem;
		font-size: 1.125rem; /* 18px */
		line-height: 1.25rem;
	}

	.whystart > div > ul > li.col {
		float: none;
	}

	.whystart > div > a {
		width: 240px;
		height: 48px;
		font-family: wh-semibold;
		font-size: 1.25rem; /* 24px */
		line-height: 3rem;
		color: #ffffff;
		text-align: center;
	}

}

/* compact adjustments */
@media only screen and (min-width : 120px) and (max-width : 560px) {

	.whystart > div > h3 {
		font-size: 1.5rem; /* 24px */
		line-height: 2rem;
	}

	.whystart > div > ul {
		max-width: 280px;
	}

	.whystart > div > ul > li.col {
		float: none;
	}

	.whystart > div > ul > li {
		float: none;
		width: auto;
		background-position: left 0.5rem;
		font-size: 1.125rem; /* 18px */
		line-height: 1.25rem;
	}

	.whystart > div > a {
		width: 240px;
		height: 48px;
		font-family: wh-semibold;
		font-size: 1.25rem; /* 24px */
		line-height: 3rem;
		color: #ffffff;
		text-align: center;
	}
}


/*	--------------------------------------------------------------
	buysell - listing options (sell only)
--------------------------------------------------------------	*/

.listingoptions {
	padding: 24px 0 48px;
}

.listingoptions > div {
	max-width: 640px; /* override */
}

.listingoptions > div > h2 {
	display: block;
	padding: 0 0 24px;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 2rem;
	line-height: 2.25rem;
	color: #444444;
	text-align: center;
}

.listingoptions > div > div {
	display: block;
	padding: 0 0 32px 96px;
	width: calc(100% - 96px);
	min-height: 96px;
	background-size: 96px 96px;
	background-position: left 16px;
	background-repeat: no-repeat;
}
.listingoptions > div > div:last-of-type {
	padding: 0 0 0 96px;
}

.icon_clipboard {
	background-image: url('/imeji/icon_clipboard_128x128_drk-blue.png');
}
.icon_agent {
	background-image: url('/imeji/icon_agent_128x128_drk-blue.png');
}
.icon_probriefcase {
	background-image: url('/imeji/icon_briefcase_128x128_drk-blue.png');
}

.listingoptions > div > div > a {
	display: block;
}

.listingoptions > div > div > a > h3 {
	display: block;
	margin: 0 0 0 32px;
	width: auto;
	font-family: wh-bold;
	font-size: 1.375rem; /* 22px */
	line-height: 1.5rem;
	color: #333333;
	text-align: left;
}

.listingoptions > div > div > a > p {
	display: block;
	margin: 8px 0 0 32px;
	width: calc(100% - 32px);
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #333333;
	text-align: left;
}
.listingoptions > div > div > a > p:last-of-type {
	font-family: wh-semibold;
	color: #1c1445;
	text-decoration: underline;
}

.listingoptions > div > div > a > p > span {
	font-family: wh-semibold;
	font-style: italic;
}

/* reduced */
@media only screen and (min-width : 120px) and (max-width : 824px) {

	.listingoptions > div {
		max-width: 640px; /* override */
	}

	.listingoptions > div > h2 {
		padding: 0 0 32px;
	}

	.listingoptions > div > div {
		padding: 104px 0 32px;
		width: 100%;
		min-height: 104px;
		background-position: center top;
	}
	.listingoptions > div > div:last-of-type {
		padding: 104px 0 0;
	}

	.listingoptions > div > div > a > h3 {
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}

	.listingoptions > div > div > a > p {
		margin: 8px auto;
		width: 100%;
		text-align: center;
	}
}

/* compact */
@media only screen and (min-width : 120px) and (max-width : 512px) {

	.listingoptions > div > h2 {
		padding: 0 0 24px;
	}

	.listingoptions > div > div {
		padding: 72px 0 24px;
		min-height: 72px;
		background-size: 64px 64px;
	}
	.listingoptions > div > div:last-of-type {
		padding: 72px 0 0;
	}
}


/*	--------------------------------------------------------------
	buysell - foryou
--------------------------------------------------------------	*/

.foryou {
	padding: 0 0 24px;
}

.foryou > div {
	width: calc(100% - 96px); /* override */
}

.foryou > div > h4 {
	display: block;
	margin: 12px 0 0;
	width: auto;
	height: auto;
	font-family: wh-bold;
	font-size: 1.25rem;
	line-height: 1.625rem;
	color: #1c1445;
	text-align: left;
}

.foryou > div > p {
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #333333;
	text-align: left;
}

@media only screen and (min-width : 120px) and (max-width : 569px) {

	.foryou > div {
		width: calc(100% - 24px);
	}
}


/*	--------------------------------------------------------------
	buysell - getstarted
--------------------------------------------------------------	*/

.getstarted {
	padding: 80px 0;
	background-color: #eeeeee;
}

.getstarted > div {

}

.getstarted > div > div {
	display: block;
}

.getstarted > div > div > div {
	display: block;
	float: left;
	margin: 0;
	padding-top: 128px;
	padding-left: calc((100% - 90%) / 6); /* (full - 3-widths) / 6-paddings */
	padding-right: calc((100% - 90%) / 6);
	width: 30%;
	min-height: 240px;
	background-position: center top;
	background-repeat: no-repeat;
}

.icon_entrepreneur {
	background-image: url('/imeji/icon_entrepreneur_128x128_drk-blue.png');
}
.icon_tier {
	background-image: url('/imeji/icon_tier_128x128_drk-blue.png');
}
.icon_professionals {
	background-image: url('/imeji/icon_professionals_128x128_drk-blue.png');
}
.icon_makedeal {
	background-image: url('/imeji/icon_makedeal_128x128_drk-blue.png');
}
.icon_growth {
	background-image: url('/imeji/icon_growth_128x128_drk-blue.png');
}
.icon_probusiness {
	background-image: url('/imeji/icon_probusiness_128x128_drk-blue.png');
}
.getstarted > div > div > div.icon_entrepreneur > h3 {
	width: 80%;
}
.getstarted > div > div > div.icon_tier >ccc h3 {
	width: 75%;
}

.getstarted > div > div > div > h3 {
	display: block;
	margin: 32px auto 0;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1.5rem; /* 24px */
	line-height: 2rem;
	color: #444444;
	text-align: center;
}

.getstarted > div > div > div > p {
	display: block;
	margin-top: 24px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #666666;
	text-align: center;
}

.getstarted > div > div > div > a {
	display: none;
}

.getstarted > div > div > div.vr {
	padding-left: calc(((100% - 90%) / 6) - 4px); /* (full - 3-widths) / 6-paddings - 4-border */
	padding-right: calc(((100% - 90%) / 6) - 4px);
	border-right: 2px dashed #1c1445;
	border-left: 2px dashed #1c1445;
}

.getstarted > div > div > a {
	display: block;
	float: left;
	width: calc(100% / 3);
	font-family: wh-semibold;
	font-size: 1.25rem; /* 20px */
	line-height: 1.75rem;
	color: #1c1445;
	text-align: center;
}
.getstarted > div > div > a:hover {
	text-decoration: underline;
}


/* adjustment */
@media only screen and (min-width : 960px) and (max-width : 1127px) {

	.getstarted > div > div > div > h3 {
		font-size: 1.25rem; /* 20px */
		line-height: 1.75rem;
	}

}

/* adjustment */
@media only screen and (min-width : 823px) and (max-width : 959px) {

	.getstarted > div > div > div > h3 {
		font-size: 1.125rem; /* 18px */
		line-height: 1.625rem;
	}

}

/* adjustments */
@media only screen and (min-width : 823px) and (max-width : 920px) {

	.getstarted > div > div > div {
		min-height: 256px;
	}
}

/* reduced */
@media only screen and (min-width : 120px) and (max-width : 823px) {

	.getstarted {
		padding: 32px 0 8px;
	}

	.getstarted > div > div > div {
		float: none;
		margin: 0 0 24px;
		padding: 0 0 0 140px;
		width: calc(100% - 140px);
		min-height: 128px;
		background-position: 12px center;
	}
	.getstarted > div > div > div.icon_professionals {
		background-image: url('/imeji/icon_professionals_centered_128x128_drk-blue.png');
	}
	.getstarted > div > div > div.icon_entrepreneur > h3 {
		width: auto;
	}
	.getstarted > div > div > div.icon_tier > h3 {
		width: auto;
	}

	.getstarted > div > div > div > h3 {
		float: left;
		margin: 0 0 0 32px;
		width: auto;
		font-size: 1.5rem; /* 24px */
		line-height: 2rem;
		text-align: left;
	}

	.getstarted > div > div > div > p {
		float: left;
		margin: 8px 0 0 32px;
		width: calc(100% - 32px);
		font-size: 1rem;
		line-height: 1.5rem;
		text-align: left;
	}

	.getstarted > div > div > div.vr {
		padding: 24px 0 24px 140px;
		border-top: 2px dashed #1c1445;
		border-right: none;
		border-bottom: 2px dashed #1c1445;
		border-left: none;
	}

	.getstarted > div > div > a {
		display: none;
	}

	.getstarted > div > div > div > a {
		display: block;
		float: left;
		margin: 20px 0 0 32px;
		width: auto;
		font-family: wh-semibold;
		font-size: 1.125rem; /* 20px */
		line-height: 1.25rem;
		color: #1c1445;
		text-align: left;
	}
	.getstarted > div > div > div > a:hover {
		text-decoration: underline;
	}

}

/* compact */
@media only screen and (min-width : 120px) and (max-width : 658px) {

	.getstarted > div > div > div {
		padding: 0 0 0 112px;
		width: calc(100% - 112px);
		background-size: 96px 96px;
		background-position: 12px center;
	}
	.icon_professionals {
		background-image: url('/imeji/icon_professionals_centered_128x128_drk-blue.png');
	}

	.getstarted > div > div > div.vr {
		padding: 24px 0 24px 112px;
	}

	.getstarted > div > div > div > h3 {
		font-size: 1.25rem; /* 20px */
		line-height: 1.75rem;
	}
}


/* compact adjustments */
@media only screen and (min-width : 120px) and (max-width : 512px) {

	.getstarted > div > div > div {
		padding: 0 0 0 64px;
		width: calc(100% - 64px);
		min-height: 128px;
		background-size: 64px 64px;
		background-position: left center;
	}

	.getstarted > div > div > div.vr {
		padding: 24px 0 24px 64px;
	}

	.getstarted > div > div > div > h3 {
		font-size: 1.125rem; /* 18px */
		line-height: 1.625rem;
	}
}



/*	--------------------------------------------------------------
	buysell - didyouknow (sell only)
--------------------------------------------------------------	*/

.didyouknow {
	padding: 64px 0 32px;
}

.didyouknow > div {

}

.didyouknow > div > header {
	display: block;
	font-family: wh-bold;
	font-size: 1.125rem; /* 18px */
	line-height: 1.625rem;
	color: #666666;
	text-align: center;
}
.didyouknow > div > header > span {
	color: #1c1445
}

.didyouknow > div > ul {
	display: block;
	margin: 20px auto 0;
	padding: 0 24px;
	width: calc(100% - 48px);
	max-width: 920px;
	height: auto;
	list-style: none;
}

.didyouknow > div > ul > li {
	display: block;
	padding: 0 0 0 20px;
	width: calc(100% - 20px);
	background-image: url('/imeji/bullet_6x6_drk-blue.png');
	background-position: left 0.625rem;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #444444;
}

/* compact */
@media only screen and (min-width : 120px) and (max-width : 658px) {

	.didyouknow ul {
		padding: 0;
		width: 100%;
	}
}


/*	--------------------------------------------------------------
	buysellgrow - letsgrow (grow only)
--------------------------------------------------------------	*/

header.letsgrow {
	padding: 48px 0;
	background-color: #1c1445;
}

header.letsgrow > div > h1 {
	display: block;
	padding: 0 0 8px;
	font-family: wh-bold;
	font-size: 2.25rem; /* 36px */
	line-height: 2.5rem; /* 40px */
	color: #ffffff;
	text-align: center;
}

header.letsgrow > div > h2 {
	display: block;
	margin: 0 auto;
	max-width: 920px;
	font-family: wh-light;
	font-size: 1.875rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
}

.letsgrow {
	padding: 48px 0 80px;
}

.letsgrow > div > h3 {
	display: block;
	margin: 0 auto;
	padding: 0 0 32px;
	width: calc(100% - 24px);
	max-width: 920px;
	font-family: wh-regular;
	font-size: 1.875rem;
	line-height: 2.5rem;
	color: #666666;
	text-align: center;
}

.letsgrow > div > p {
	display: block;
	margin: 0 auto;
	padding: 0 0 32px;
	width: calc(100% - 24px);
	max-width: 920px;
	font-family: wh-regular;
	font-size: 1.375rem;
	line-height: 1.5rem;
	color: #666666;
	text-align: center;
}

.letsgrow > div > div > div {
	display: block;
	margin: 0 auto;
	max-width: 600px;
	background-image: url('/imeji/hr_1x2_cc.png');
	background-position: center center;
	background-repeat: repeat-x;
}

.letsgrow > div > div > div > p {
	display: block;
	margin: 0 auto;
	padding: 0 12px;
	min-width: 192px;
	width: 192px;
	height: auto;
	background-color: #ffffff;
	font-family: wh-semibold;
	font-size: 1.25rem;
	line-height: 1.375rem;
	color: #1c1445;
	text-align: center;
}

.letsgrow > div > div > div > p.plus {
	width: 312px;
}

.letsgrow > div > ul {
	margin: 24px auto 32px;
	width: 624px;
	list-style: none;
}

.letsgrow > div > ul > li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: calc((100% - 6rem) / 3); /* (full - 2-margins) / 3-boxes displayed */
	height: 160px;
}

.letsgrow > div > ul > li.margin {
	margin-left: 3rem;
}

.letsgrow > div > ul > li > div {
	display: table;
	margin: 0;
	width: 100%;
	height: 100%;
}

.letsgrow > div > ul > li > div > div {
	display: table-cell;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.letsgrow > div > ul > li > div > div > img {
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 200px;
}

.letsgrow > div > a {
	display: block;
	margin: 0 auto;
	border-radius: 4px;
	width: 180px;
	height: 48px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 3rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.letsgrow > div > a:hover {
	color: #8adeff;
}

/* adjusted */
@media only screen and (min-width : 512px) and (max-width : 647px) {

	.letsgrow > div > ul {
		width: calc(100% - 96px);
	}

	.letsgrow > div > ul > li {
		width: calc((100% - 3rem) / 2); /* (full - 1-margin) / 2-boxes displayed */
	}
	.letsgrow > div > ul > li.margin {
		margin-left: 0;
	}
	.letsgrow > div > ul > li.shift {
		margin-left: 3rem;
	}
}

/* mobile */
@media only screen and (min-width : 120px) and (max-width : 511px) {

	header.letsgrow  {
		padding: 32px 0 24px;
		background-color: #ffffff;
	}

	header.letsgrow > div > h1 {
		font-size: 1.5rem; /* 38px */
		line-height: 1.75rem; /* 42px */
		color: #444444;
	}
	header.letsgrow > div > h2 {
		font-size: 1.25rem;
		line-height: 1.375rem;
		color: #444444;
	}

	.letsgrow {
		padding: 0 0 48px;
	}

	.letsgrow > div > h3 {
		padding: 0 0 24px;
		font-family: wh-semibold;
		font-size: 1.25rem;
		line-height: 1.5rem;
		color: #1c1445;
	}

	.letsgrow > div > ul {
		margin: 0 auto 32px;
		width: calc(100% - 96px);
	}

	.letsgrow > div > ul > li {
		float: none;
		width: 100%;
	}
	.letsgrow > div > ul > li.margin {
		margin-left: 0;
	}
	.letsgrow > div > ul > li.shift {
		margin-left: 0;
	}
}


/*	--------------------------------------------------------------
	buysell - workshop
--------------------------------------------------------------	*/

.workshop {
	padding: 0;
}

.workshop > .ghost > div {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: auto;
	max-width: 800px;
	height: auto;
	background-image: url('/imeji/image_workshop_552x780.png');
	background-position: left bottom;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.workshop > .ghost > div > h3 {
	display: block;
	padding: 32px 0 0 0;
	font-family: wh-semibold;
	font-size: 2.375rem;
	line-height: 2.5rem;
	color: #1c1445;
	text-align: center;
}

.workshop > .ghost > div > h4 {
	display: block;
	padding: 0;
	font-family: wh-bold;
	font-size: 1.875rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
}
.workshop > .ghost > div > h4 span {
	color: #8adeff;
}

.workshop > .ghost > div > h5 {
	display: block;
	padding: 20px 0;
	font-family: wh-semibold;
	font-size: 0.9375rem;
	line-height: 1rem;
	color: #1c1445;
	text-align: center;
}

.workshop > .ghost > div > a {
	display: block;
	margin: 24px auto 0;
	border-radius: 4px;
	width: 180px;
	height: 48px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 3rem;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
.workshop > .ghost > div > a:hover {
	color: #8adeff;
}

.workshop > .ghost > div > div {
	display: block;
	height: 48px;
}

/* adjusted */
@media only screen and (min-width : 512px) and (max-width : 799px) {

	.workshop > .ghost > div > h3 {
		padding: 0;
	}

	.workshop > .ghost > div {
		max-width: 700px;
		background-size: 120px auto;
	}
}

/* mobile */
@media only screen and (min-width : 120px) and (max-width : 511px) {

	.workshop > .ghost > div {
		max-width: 700px;
		background-image: none;
	}

	.workshop > .ghost > div > h3 {
		padding: 24px 0 0;
		font-size: 1.75rem;
		line-height: 1.875rem;
	}

	.workshop > .ghost > div > h4 {
		font-size: 1.5rem;
		line-height: 1.625rem;
	}
}


/*	--------------------------------------------------------------
	buysell - features
--------------------------------------------------------------	*/

.ourfeatures {
	padding: 64px 0 48px;
}
.ourfeatures.gray {
	background-color: #eeeeee;
}

.ourfeatures > div  {

}

.ourfeatures > div > h2 {
	display: block;
	padding: 0 0 8px;
	font-family: wh-bold;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #1c1445;
	text-align: center;
}

.ourfeatures > div > h3 {
	display: block;
	padding: 0 0 48px;
	font-family: wh-bold;
	font-size: 2rem;
	line-height: 2.25rem;
	color: #444444;
	text-align: center;
}

.ourfeatures > div > div {
	display: block;
	float: left;
	padding: 0 0 20px;
	width: calc(50% - 16px);
	height: auto;
}
.ourfeatures > div > div:nth-of-type(even) {
	padding-left: 32px;
}

.ourfeatures > div > div > h4 {
	display: block;
	padding: 4px 0 0 48px;
	width: calc(100% - 48px);
	min-height: 28px;
	background-position: left center;
	background-repeat: no-repeat;
	font-family: wh-bold;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #444444;
}
.icon_dashboard {
	background-image: url('/imeji/icon_dashboard_32x32_drk-blue.png');
}
.icon_bizperks {
	background-image: url('/imeji/icon_bizperks_32x32_drk-blue.png');
}
.icon_bizchatter {
	background-image: url('/imeji/icon_bizchatter_32x32_drk-blue.png');
}
.icon_alerts {
	background-image: url('/imeji/icon_alerts_32x32_drk-blue.png');
}
.icon_support {
	background-image: url('/imeji/icon_support_32x32_drk-blue.png');
}
.icon_benchmark {
	background-image: url('/imeji/icon_benchmark_32x32_drk-blue.png');
}
.icon_5minutes {
	background-image: url('/imeji/icon_5minutes_32x32_drk-blue.png');
}
.icon_multiple {
	background-image: url('/imeji/icon_multiple_32x32_drk-blue.png');
}
.icon_social {
	background-image: url('/imeji/icon_social_32x32_drk-blue.png');
}
.icon_coins {
	background-image: url('/imeji/icon_coins_32x32_drk-blue.png');
}

.ourfeatures > div > div > p {
	display: block;
	padding: 4px 0 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #444444;
}

.ourfeatures > div > div:nth-of-type(3) {
	clear: both;
}
.ourfeatures > div > div:nth-of-type(5) {
	clear: both;
}
.ourfeatures > div > div:nth-of-type(7) {
	clear: both;
}
.ourfeatures > div > div:nth-of-type(9) {
	clear: both;
}

.ourfeatures > a {
	display: block;
	clear: both;
	margin: 24px auto 0;
	border-radius: 4px;
	width: 180px;
	height: 48px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 3rem;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
.ourfeatures > a:hover {
	color: #8adeff;
}


/* adjusted */
@media only screen and (min-width : 421px) and (max-width : 542px) {

	.ourfeatures {
		padding: 48px 0;
	}

	.ourfeatures > div > div > h3 {
		padding: 32px 0 0 0;
		width: 100%;
		background-position: center top;
		text-align: center;
	}

	.ourfeatures > div > div > p {
		text-align: center;
	}
}

/* compact */
@media only screen and (min-width : 20px) and (max-width : 420px) {

	.ourfeatures {
		padding: 48px 0;
	}

	.ourfeatures > div > h3 {
		padding: 0 0 24px;
	}

	.ourfeatures > div > div:nth-of-type(even) {
		padding-left: 0;
	}

	.ourfeatures > div > div {
		clear: left;
		padding: 0 0 20px;
		width: 100%;
	}

	.ourfeatures > div > div > h3 {
		padding: 32px 0 0 0;
		width: 100%;
		background-position: center top;
		text-align: center;
	}

	.ourfeatures > div > div > p {
		text-align: center;
	}
}


/*	--------------------------------------------------------------
	buysell - selltoday (sell only)
--------------------------------------------------------------	*/

.selltoday {
	padding: 80px 0;
	background-color: #1c1445;
}

.selltoday > div {

}

.selltoday > div > h2 {
	display: block;
	padding: 0 20px 48px;
	font-family: wh-semibold;
	font-size: 2.5rem;
	line-height: 2.625rem;
	color: #ffffff;
	text-align: center;
}

.selltoday > div > a {
	display: block;
	margin: 0 auto;
	border-radius: 4px;
	width: 220px;
	height: 64px;
	background-color: #8adeff;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 4rem;
	color: #1c1445;
	text-align: center;
}
.selltoday > div > a:hover {
	cursor: pointer;
}


/*	--------------------------------------------------------------
	bizbrokers - find & consultation top
--------------------------------------------------------------	*/

.broker-find {

}

.broker-find > div {

}

.broker-find > div > article {
	display: block;
	float: left;
	margin: 0;
	padding: 32px 0;
	width: calc(100% - 364px - 16px);
}

.broker-find > div > article > h2 {
	display: block;
	padding: 0 0 16px;
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 1.875rem;
	color: #1c1445;
}

.broker-find > div > article > p {
	display: block;
	padding: 0 0 20px 0;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #444444;
}
.broker-find > div > article > p.italic {
	font-family: wh-regular;
	font-style: italic;
}
.broker-find > div > article > p:last-of-type {
	padding: 0;
}
.broker-find > div > article > p > span {
	font-family: wh-semibold;
	font-style: italic;
}
.broker-find > div > article > p > a {
	color: #1c1445;
}
.broker-find > div > article > p > a:hover {
	text-decoration: underline;
}

.broker-find > div > article > ul {
	display: block;
	margin: auto 0;
	padding: 0 0 20px 20px;
	height: auto;
	list-style: none;
}

.broker-find > div > article > ul > li {
	display: block;
	float: left;
	padding: 0 8px 0 14px;
	width: calc((100% - 44px) / 2); /* (full - 2xpadding) / 2-cols */
	background-image: url('/imeji/bullet_6x6_drk-blue.png');
	background-repeat: no-repeat;
	background-position: left 8px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #333333;
}

.broker-find > div > article > h3 {
	display: block;
	margin: 0;
	padding: 0 0 4px;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-decoration: underline;
}


.broker-consult-top {
	display: block;
	float: right;
	margin: 32px 0;
	padding: 12px;
	width: 340px;
	height: auto;
	background-color: #eeeeee;
}

.broker-consult-top > h2 {
	display: block;
	padding: 0 0 12px;
	font-family: wh-semibold;
	font-size: 1.375rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: center;
}

.broker-consult-top > input[type="text"] {
	display: block;
	margin: 0 0 8px;
	padding: 0 0 0 8px;
	border: 1px solid #999999;
	width: calc(100% - 10px);
	height: 30px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #666666;
}

.broker-consult-top > .drop {
	display: block;
	margin: 0 0 8px;
	border: 1px solid #999999;
	width: calc(100% - 2px);
	height: 30px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_drop_16x8_cc.png');
	background-position: calc(100% - 12px) 12px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.broker-consult-top > .drop select {
	display: block;
	padding: 0 0 0 8px;
	border: 0;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 30px;
	background-color: transparent;
	background-image: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem; /* 30px */
	color: #666666;
}

.broker-consult-top > input[type="text"].error,
.broker-consult-top > div.drop.error {
	border: 1px solid #d20000;
}

.broker-consult-top > button {
	display: block;
	box-sizing: border-box;
	margin: 0 0 8px;
	border: 0;
	border-radius: 2px;
	width: 100%;
	height: 32px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 32px;
	color: #ffffff;
	cursor: pointer;
}
.broker-consult-top > button:hover {
	color: #8adeff;
}
.broker-consult-top > button.clicked {
	background-color: #666666;
}

.broker-consult-top > p {
	display: block;
	padding: 0;
	font-family: wh-regular;
	font-style: italic;
	font-size: 0.6875rem;
	line-height: 0.875rem;
	color: #333333;
}
.broker-consult-top > p > span {
	font-family: wh-semibold;
	font-style: italic;
}

.broker-consult-top > h3 {
	display: block;
	padding: 0;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
	text-align: center;
}
.broker-consult-top > h3.error {
	color: #d20000;
}
.broker-consult-top > h3 > span,
.broker-consult-top > h3.error > span {
	font-family: wh-semibold;
}


/* adjusted 860 */
@media only screen and (min-width : 190px) and (max-width : 980px) {
	.broker-find > div > article {
		width: calc(100% - 304px - 16px);
	}

	.broker-consult-top {
		width: 280px;
	}
}

/* adjusted 860 */
@media only screen and (min-width : 190px) and (max-width : 880px) {
	.broker-find > div > article {
		width: auto;
		width: auto;
	}

	.broker-consult-top {
		display: none;
	}
}

/* mobile */
@media only screen and (min-width : 190px) and (max-width : 569px) {
	.broker-find > div > article > ul > li {
		display: block;
		float: none;
		padding: 0 0 0 14px;
		width: auto;
		width: auto;
		font-family: wh-semibold;
		font-size: 1rem;
		line-height: 1.25rem;
		color: #333333;
	}
	.broker-find > div > article > ul > li:nth-of-type(even) {
		margin: 0;
	}

}


/*	--------------------------------------------------------------
	bizbrokers - 10 step creative
--------------------------------------------------------------	*/

.broker-tenstep > div > a {
	display: block;
	margin: 0 auto 40px;
	border: 2px dashed #1c1445;
	padding: 20px 8px;
	width: auto;
	max-width: 600px;
}

.broker-tenstep > div > a > div:first-of-type {
	display: block;
	margin: 0 auto;
	border: 2px solid #8adeff;
	border-radius: 32px;
	width: 64px;
	height: 64px;
	background-image: url('/imeji/icon_itemlist_40x40_lit-blue.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.broker-tenstep > div > a > p {
	display: block;
	padding: 12px 0;
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
}

.broker-tenstep > div > a > div:last-of-type {
	display: block;
	margin: 0 auto;
	border-radius: 2px;
	padding: 8px 0;
	width: 120px;
	background-color: #8adeff;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1rem;
	color: #1c1445;
	text-align: center;
}


/*	--------------------------------------------------------------
	bizbrokers - 10 step process
--------------------------------------------------------------	*/

.broker-steps > div > article {
	display: block;
	margin: 0;
	padding: 24px 0;
	width: auto;
}

.broker-steps > div > article > h2 {
	display: block;
	padding: 0 0 16px;
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 1.875rem;
	color: #1c1445;
}

.broker-steps > div > article > h3 {
	display: block;
	padding: 0 0 4px;
	font-family: wh-bold;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #1c1445;
}

.broker-steps > div > article > p {
	display: block;
	padding: 0 0 20px 0;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #444444;
}
.broker-steps > div > article > p.italic {
	font-family: wh-regular;
	font-style: italic;
}
.broker-steps > div > article > p:last-of-type {
	padding: 0;
}
.broker-steps > div > article > p > span {
	font-family: wh-semibold;
}

.broker-steps > div > article > ol {
	display: block;
	margin: 0;
	padding: 0 0 20px 40px;
	height: auto;
}

.broker-steps > div > article > ol > li {
	display: list-item;
	margin: 0;
	padding: 0 0 0 6px;
	width: auto;
	list-style-position: outside;
	list-style-type: decimal;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #444444;
}

/*	--------------------------------------------------------------
	bizbrokers - why video
--------------------------------------------------------------	*/

.broker-why {
	padding: 0 0 32px 0;
}

.broker-why > div {

}

.broker-why > div > h2 {
	display: block;
	padding: 0 0 12px;
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
}

/*.broker-why > div > div {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 560px;
	height: 315px;

	width: 612px;
	height: 384px;
	padding: 29px 97px 61px 97px;

	.laptop {
		padding: 21px 73px 46px;
		width: 460px;
		height: 290px;
	}
}*/

.broker-why > div > .laptop {
	display: block;
	margin: 0 auto;
	padding: 21px 73px 46px;
	width: 460px;
	height: 290px;
	background-image: url('/imeji/laptop.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.broker-why > div > .laptop > div {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
}

/* adjusted */
@media only screen and (min-width : 120px) and (max-width : 888px) {

	.broker-why > div > .laptop {
		padding: 21px 73px 46px;
		width: 460px;
		height: 290px;
	}

}

/* adjusted more */
@media only screen and (min-width : 120px) and (max-width : 720px) {

	.broker-why > div > .laptop {
		margin: 20px auto 0;
		padding: 18px 60px 39px;
		width: 380px;
		height: 240px;
	}
}

/* mobile-approaching */
@media only screen and (min-width : 120px) and (max-width : 615px) {

	.broker-why > div > .laptop {
		padding: 15px 51px 31px;
		width: 320px;
		height: 202px;
	}
}

/* mobile compact */
@media only screen and (min-width : 120px) and (max-width : 479px) {

	.broker-why > div > .laptop {
		padding: 11px 35px 22px;
		width: 218px;
		height: 136px;
	}
}


/*	--------------------------------------------------------------
	bizbrokers - consultation bottom
--------------------------------------------------------------	*/

.broker-consult-bottom {
	display: block;
	margin: 0 auto;
	padding: 24px 0;
	width: 800px;
	height: auto;
}

.broker-consult-bottom > h2 {
	display: block;
	padding: 0 0 12px;
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
}


.broker-consult-bottom > input[type="text"] {
	display: block;
	float: left;
	margin: 0 0 8px;
	padding: 0 0 0 8px;
	border: 1px solid #999999;
	width: calc(50% - 10px - 4px);
	height: 30px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #666666;
}
.broker-consult-bottom > input[type="text"]:nth-of-type(even) {
	margin: 0 0 8px 8px;
}

.broker-consult-bottom > .drop {
	display: block;
	float: left;
	margin: 0 0 8px;
	border: 1px solid #999999;
	padding: 0;
	width: calc(50% - 2px - 4px);
	height: 30px;
	background-color: #ffffff;
	background-image: url('/dashboard/img/arrow_drop_16x8_cc.png');
	background-position: calc(100% - 12px) 12px;
	background-repeat: no-repeat;
	overflow: hidden;
}
.broker-consult-bottom > .drop:nth-of-type(even) {
	margin: 0 0 8px 8px;
}

.broker-consult-bottom > .drop select {
	display: block;
	padding: 0 0 0 8px;
	border: 0;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 30px;
	background-color: transparent;
	background-image: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem; /* 30px */
	color: #666666;
}

.broker-consult-bottom > input[type="text"].error,
.broker-consult-bottom > div.drop.error {
	border: 1px solid #d20000;
}

.broker-consult-bottom > button {
	display: block;
	box-sizing: border-box;
	margin: 0 auto 8px;
	border: 0;
	border-radius: 2px;
	width: 50%;
	height: 32px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 32px;
	color: #ffffff;
	cursor: pointer;
}
.broker-consult-bottom > button:hover {
	color: #8adeff;
}
.broker-consult-bottom > button.clicked {
	background-color: #666666;
}

.broker-consult-bottom > p {
	display: block;
	padding: 0;
	font-family: wh-regular;
	font-style: italic;
	font-size: 0.6875rem;
	line-height: 0.875rem;
	color: #444444;
}
.broker-consult-bottom > p > span {
	font-family: wh-semibold;
	font-style: italic;
}

.broker-consult-bottom > h3 {
	display: block;
	padding: 0;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
	text-align: center;
}
.broker-consult-bottom > h3.error {
	color: #d20000;
}
.broker-consult-bottom > h3 > span,
.broker-consult-bottom > h3.error > span {
	font-family: wh-semibold;
}

/* adjusted */
@media only screen and (min-width : 120px) and (max-width : 832px) {
	.broker-consult-bottom {
		width: 600px;
	}
}

/* adjusted */
@media only screen and (min-width : 120px) and (max-width : 640px) {
	.broker-consult-bottom {
		width: 340px;
	}

	.broker-consult-bottom > input[type="text"] {
		float: none;
		width: calc(100% - 10px);
	}
	.broker-consult-bottom > input[type="text"]:nth-of-type(even) {
		margin: 0 0 8px;
	}

	.broker-consult-bottom > .drop {
		float: none;
		width: auto;
	}
	.broker-consult-bottom > .drop:nth-of-type(even) {
		margin: 0 0 8px;
	}

	.broker-consult-bottom > button {
		width: 100%;
	}
}

/* mobile */
@media only screen and (min-width : 120px) and (max-width : 376px) {
	.broker-consult-bottom {
		width: auto;
	}
}


/*	--------------------------------------------------------------
	hud 2.0 (m_brokers)
--------------------------------------------------------------	*/

.hud2 {
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 24px 0;
	width: 100%;
}

.hud2 > a {
	display: table-cell;
	padding-left: 24px;
	width: 64px;
	max-width: 64px;
	height: auto;
	background-image: url('/dashboard/img/arrow_hudback.png');
	background-position: left top;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1.25rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-align: left;
	overflow: hidden;
	cursor: pointer;
	vertical-align: top;
}

.hud2 > h1 {
	display: table-cell;
	width: calc(100% - 176px);
	height: auto;
	font-family: wh-bold;
	font-size: 2.5rem;
	line-height: 3rem;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

.hud2 > div {
	display: table-cell;
	width: 88px;
	max-width: 88px;
	height: auto;
}

@media only screen and (min-width : 20px) and (max-width : 560px) {

	.hud2 {
		display: block;
		padding: 12px 0 20px;
	}

	.hud2 > a {
		display: block;
		margin-bottom: 12px;
		width: 100%;
		max-width: auto;
	}

	.hud2 > h1 {
		display: block;
		width: 100%;
		font-size: 1.75rem;
		line-height: 2.25rem;
	}

	.hud2 > div {
		display: none;
	}
}


/*	--------------------------------------------------------------
	Heads up Display (Used by Franchise Profile & Search)
--------------------------------------------------------------	*/

.hud {
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #1c1445;
}

/* standard */
.hud > div {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	padding: 20px 0;
	width: calc(100% - 48px);
	max-width: 1200px;
	height: auto;
}

.hud > div > a/*, conflict with m_search [main.css only]
.hud > div > div:first-of-type*/ {
	display: table-cell;
	padding-left: 24px;
	width: 64px;
	max-width: 64px;
	height: auto;
	background-image: url('/dashboard/img/arrow_hudback.png');
	background-position: left top;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1.25rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-align: left;
	overflow: hidden;
	cursor: pointer;
	vertical-align: top;
}

.hud > div > h1 {
	display: table-cell;
	width: calc(100% - 176px);
	height: auto;
	font-family: wh-regular;
	font-size: 2rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

/* conflict with m_search -> okay to remove from main.css (but not dash)
.hud > div > div:last-of-type {
	display: table-cell;
	padding-left: 24px;
	width: 64px;
	max-width: 64px;
	height: auto;
	background-image: none;
}*/

@media only screen and (min-width : 20px) and (max-width : 560px) {

	.hud > div {
		display: block;
		padding: 12px 0 20px;
	}

	.hud > div > a {
		display: block;
		margin-bottom: 12px;
		width: 100%;
		max-width: auto;
	}

	.hud > div > h1 {
		display: block;
		width: 100%;
		font-size: 1.75rem;
		line-height: 2.25rem;
	}

	.hud > div > div {
		display: none;
	}
}

/* search */

.hud > div.search {
	display: block;
	margin: 0 auto;
	padding: 12px 0 20px;
	width: calc(100% - 48px);
	max-width: 1200px;
	height: auto;
}

.hud > div.search h1 {
	display: block;
	padding: 0 0 4px 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1.625rem;
	line-height: 2rem;
	color: #ffffff;
	text-align: center;
}

.hud > div.search h2 {
	display: block;
	padding: 0 0 12px 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #ffffff;
	text-align: center;
}

/*
.hud .search input[type="text"] {
	display: block;
	margin: 0 auto;
	padding: 20px 0;
	width: calc(100% - 48px);
	max-width: 1200px;
	height: auto;
}*/

.hud .search > .keywords {
	display: block;
	position: relative;
	margin: 0 auto;
	border: 1px solid #333333;
	border-radius: 1px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	width: 100%;
	max-width: 600px;
	height: 32px;
	background-color: #ffffff;
	overflow: hidden;
}

.hud .search > .keywords > input[type="text"] {
	display: block;
	float: left;
	border: none;
	padding-left: 8px;
	width: calc(100% - 65px);
	height: 2rem;
	background-color: #ffffff;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2.5rem;
	color:#666666;
}

.hud .search > .keywords > button {
	display: block;
	float: left;
	border: none;
	border-left: 1px solid #333333;
	width: 56px;
	height: 2rem;
	background-color: #eeeeee;
	background-image: url('/imeji/icon_magnify_gray.png');
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color:#666666;
}
.hud .search > .keywords > button:hover {
	background-color: #dddddd;
	cursor: pointer;
}

.hud .search p {
	display: none;
	margin: 2px 0 0 0;
	width: 50%;
	height: auto;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-decoration: underline;
}
.hud .search p:nth-of-type(1) {
	float: left;
	text-align: left;
	cursor: pointer;
}
.hud .search p:nth-of-type(2) {
	float: right;
	text-align: right;
	cursor: pointer;
}


/*	--------------------------------------------------------------
	guest search
--------------------------------------------------------------	*/

p.searchblurb {
	display: block;
	padding: 8px 0 0;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #1c1445;
}

.searchwrap {
	display: block;
	margin: 0 auto;
	padding: 24px 0;
	width: calc(100% - 32px);
	max-width: 1128px;
	height: auto;
}

.searchoptions {
	display: block;
	float: left;
	padding: 24px 0;
	width: 240px; /* 288 is target width for mobile */
}

.searchoptions > header {
	display: block;
	width: 100%;
	height: 30px;
}

.searchoptions > header p:nth-child(1) {
	display: block;
	float: left;
	padding: 0 0 0 12px;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #666666;
}

.searchoptions > header p:nth-child(2) {
	display: block;
	float: right;
	padding: 8px 0 4px 0;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: right;
	cursor: pointer;
}
.searchoptions > header p:nth-child(2):hover {
	color: #f95555;
}

.searchoptions input[type="text"] {
	display: block;
	margin: 0 auto 8px;
	padding-left: 6px;
	border: 0;
	width: calc(100% - 6px);
	height: 40px;
	background-color: #dddddd;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2.375rem;
	color: #666666;
}


.searchoptions > div > select {
	display: block;
	float: left;
	margin: 0 0 8px;
	border: 0;
	padding: 0 22px 0 4px;
	width: calc(100% - 26px);
	height: 40px;
	background-color: #dddddd;
	background-image: url('/dashboard/img/arrow_d.png');
	background-position: calc(100% - 10px) 18px; /* w-20, h/2-4+1 (4 is half the .png h) */
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2rem;
	color: #666666;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
}


/* SEARCH RESULTS */
.searchresults {
	display: block;
	float: left;
	padding: 24px 0 20px 20px;
	width: calc(100% - 240px - 20px);
}

.searchresults header,
.searchresults footer {
	display: block;
	float: left;
	padding: 0;
	width: 100%;
	height: auto;
}

.searchresults footer {
	position: relative;
	top: -8px;
	padding-bottom: 0;
}

.searchresults footer a {
	display: block;
	float: right;
	max-width: 200px;
	height: 30px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: right;
	cursor: pointer;
	overflow: hidden;
}
.searchresults footer a:hover {
	text-decoration: underline;
}

.searchresults header h4 {
	display: block;
	margin: 0;
	padding: 0 0 12px;
	font-family: wh-bold;
	font-size: 1.25rem;
	line-height: 1.375rem;
	color: #666666;
	text-align: left;
}

.searchresults header h4 > span {
	color: #1f7bbf;
}

.searchresults header p {
	display: block;
	padding: 0;
	height: auto;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
	text-align: left;
}

.searchresults .searchnav {
	display: block;
	float: left;
	margin: 0 0 8px;
	width: calc(100% - 160px);
	height: 30px;
}

.searchresults .searchnav button:nth-child(1) {
	display: block;
	float: left;
	border: 0;
	width: 13px;
	height: 30px;
	background-color: transparent;
	background-image: url('/dashboard/img/arrow_13x20_back_drk-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.searchresults .searchnav button:nth-child(1):hover {
	background-image: url('/dashboard/img/arrow_13x20_back_lit-blue.png');
}

.searchresults .searchnav button:nth-child(1).disable {
	background-image: url('/dashboard/img/arrow_13x20_back_99.png');
	cursor: default;
}

.searchresults .searchnav button:nth-child(2) {
	display: block;
	float: right;
	border: 0;
	width: 13px;
	height: 30px;
	background-color: transparent;
	background-image: url('/dashboard/img/arrow_13x20_next_drk-blue.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.searchresults .searchnav button:nth-child(2):hover {
	background-image: url('/dashboard/img/arrow_13x20_next_lit-blue.png');
}

.searchresults .searchnav button:nth-child(2).disable {
	background-image: url('/dashboard/img/arrow_13x20_next_99.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: default;
}

.searchresults .searchnav > div {
	display: block;
	float: none;
	margin: 0 auto;
	border: 0;
	width: 100px;
	height: 30px;
	background-image: url('/dashboard/img/arrow_12x8_d_drk-blue.png');
	background-position: right center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.searchresults .searchnav > div select {
	display: block;
	border: 0;
	padding: 0;
	width: calc(100% + 32px); /* 32px-pad wider than container */
	height: 30px;
	background-color: transparent;
	background-image: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem; /* 30px */
	color: #1c1445;
	cursor: pointer;
}


.searchresults .drop {
	display: block;
	float: right;
	margin-right: 4px;
	border: 0;
	width: 128px;
	height: 30px;
	background-image: url('/dashboard/img/arrow_d.png');
	background-position: right center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.searchresults .drop select {
	display: block;
	padding-left: 8px;
	border: 0;
	width: calc(100% + 24px); /* 32px-pad wider than container */
	height: 30px;
	background-color: transparent;
	background-image: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.875rem; /* 30px */
	color: #666666;
	cursor: pointer;
}


@media only screen and (min-width : 20px) and (max-width : 703px) {

	.searchresults .searchnav {
		width: 100%;
	}

	.searchresults .drop {
		clear: left;
	}
}

@media only screen and (min-width : 20px) and (max-width : 560px) {

	.hud .search p {
		display: block;
	}

	.searchwrap {
		width: 90%;
	}

	.searchoptions {
		float: none;
		width: 100%;
	}

	.searchresults {
		float: none;
		padding-left: 0;
		width: 100%;
	}
}


/* displays a listing in box form */
/* used on index (freshon) & guest search */

.listingwrap {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
}

/*.listingwrap .listing:nth-child(odd) {
	width: calc(50% - 8px);
}

.listingwrap .listing:nth-child(even) {
	margin-left: 12px;
	width: calc(50% - 8px);
}*/

/* most updated listing version */
/* newer than dashboard */
.listing {
	display: block;
	position: relative;
	margin: 0 0 20px;
	border: 1px solid #cccccc;
	padding: 0;
	width: auto;
	min-height: 128px;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}
.listing.block {
	float: none;
}
.listing:hover {

}

.listing > div:first-of-type {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 96px;
}

.listing > div:first-of-type > p {
	display: block;
	position: absolute;
	top: 70px;
	left: 0;
	padding: 2px 0 0;
	width: 96px;
	height: 24px;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: center;
}
.listing > div:first-of-type > p.sold {
	background-color: #1f7bbf;
	font-family: wh-bold;
	font-size: 1rem;
}
.listing > div:first-of-type > p.na {
	background-color: #d20000;
	font-family: wh-semibold;
	font-size: 0.75rem;
}

.listing > div:first-of-type > a > img {
	display: block;
	float: left;
	width: 96px;
	height: 96px;
}

.listing > div:first-of-type > a ~ div {
	display: block;
	position: relative;
	float: left;
	width: calc(100% - 96px);
	height: 96px;
	overflow: hidden;
}

.listing > div:first-of-type > a ~ div > .open {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 8px;
	width: auto;
	height: 32px;
	background-color: #8adeff;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
}
.listing > div:first-of-type > a ~ div > .open:hover {
	text-decoration: underline;
}

.listing > div:first-of-type > a ~ div > .title {
	display: inline-block;
	float: left;
	clear: left;
	padding: 4px 8px;
	max-width: calc(100% - 80px - 16px);
	min-height: 20px;
	max-height: 40px;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
	vertical-align: top;
	overflow: hidden;
}
.listing > div:first-of-type > a ~ div > .title:hover {
	text-decoration: underline;
}

.listing > div:first-of-type > a ~ div > .industry {
	display: inline-block;
	float: left;
	clear: left;
	padding: 0 8px 8px 8px;
	max-width: calc(100% - 80px - 16px);
	height: 20px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.listing > div:first-of-type > a ~ div > a.industry:hover {
	text-decoration: underline;
}

.listing > div:first-of-type > a ~ div > .location {
	display: inline-block;
	float: left;
	clear: left;
	padding: 0 8px 0 28px;
	max-width: calc(100% - 80px - 36px);
	height: 20px;
	background-position: 8px center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: #999999;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.listing > div:first-of-type > a ~ div > .location:hover {
	text-decoration: underline;
}

.listing > div:first-of-type ~ p {
	display: block;
	padding: 4px 8px;
	background-color: #eeeeee;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1.125rem;
	color: #1c1445;
	word-wrap: break-word;
}


.listing > div:last-of-type {
	display: block;
	width: 100%;
	height: 32px;
	max-height: 32px;
	background-color: #1c1445;
	overflow: hidden;
}

.listing > div:last-of-type > .price {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0 8px;
	max-width: calc(100% - 16px);
	max-height: 32px;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 2rem;
	color: #ffffff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.listing > div:last-of-type > .bizops {
	display: block;
	float: right;
	padding-right: 12px;
	width: 106px;
	height: 32px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2rem;
	color: #ffffff;
	text-align: right;
	overflow: hidden;
}

.listing > div:last-of-type > .bizops2 {
	display: none;
	float: right;
	padding-right: 12px;
	width: 32px;
	height: 32px;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 2rem;
	color: #ffffff;
	text-align: right;
	overflow: hidden;
}


/* pubsearch */
@media only screen and (min-width : 20px) and (max-width : 779px) {

	.listing > div:first-of-type > a ~ div > .open {
		display: none;
	}

	.listing > div:first-of-type > a ~ div > .title {
		max-width: calc(100% - 16px);
	}

	.listing > div:first-of-type > a ~ div > .industry {
		max-width: calc(100% - 16px);
	}

	.listing > div:first-of-type > a ~ div > .location {
		max-width: calc(100% - 36px);
	}
}


/* buy page */
@media only screen and (min-width : 20px) and (max-width : 839px) {

	.searchresults .listingwrap .listing:nth-child(odd) {
		width: calc(100% - 2px);
	}

	.searchresults .listingwrap .listing:nth-child(even) {
		margin-left: 0;
		width: calc(100% - 2px);
	}
}


/*	--------------------------------------------------------------
	undersearch: infobox++ & searchlinks
--------------------------------------------------------------	*/

.undersearch {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
}

.undersearch > h3 {
	display: block;
	clear: both;
	padding: 0 0 32px;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: center;
}

.undersearch > a {
	display: block;
	clear: both;
	margin: 0 auto 24px;
	border-radius: 4px;
	padding-top: 1px;
	width: 128px;
	height: 39px;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}

.undersearch > .infoboxes {
	display: block;
	float: left;
	padding: 0;
	width: 240px; /* 288 is target width for mobile */
}

.undersearch > .infoboxes > div {
	display: block;
	margin: 0 0 12px;
	padding: 12px;
	border: 4px solid #cccccc;
	width: calc(100% - 32px);
	background-color: #ffffff;
}

.undersearch > .infoboxes > div > header {
	display: block;
	padding-bottom: 8px;
	width: 100%;
	min-height: 20px;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
}

.undersearch > .infoboxes > div > p {
	display: block;
	padding: 0;
	width: 100%;
	min-height: 18px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #666666;
}

.searchlinks {
	display: block;
	float: left;
	margin: 0 0 32px 20px;
	border: 4px solid #cccccc;
	padding: 0 12px 20px;
	width: 100%;
	height: auto;
}

.searchlinks > h1 {
	display: block;
	margin: 0;
	padding: 32px 12px;
	width: calc(100% - 24px);
	height: auto;
	background-color: #1c1445;
	font-family: wh-bold;
	font-size: 2.375rem; /* 38px */
	line-height: 2.625rem; /* 42px */
	color: #ffffff;
	text-align: center;
}

.searchlinks > div {
	display: block;
	margin: 0 auto;
	padding: 20px 0;
	width: auto;
	max-width: 800px;
	text-align: left;
}

.searchlinks > div > h3 {
	display: block;
	clear: both;
	margin: 0;
	padding: 0 0 2px;
	width: 100%;
	font-family: 'benton-sans-medium';
	font-size: 1.875rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: center;
}

.searchlinks > div > a {
	display: inline-block;
	float: left;
	clear: left;
	padding: 16px 0 2px;
	width: auto;
	font-family: 'benton-sans-medium';
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #333333;
	text-align: left;
}
.searchlinks > div > a:hover {
	color: #1f7bbf;
}

.searchlinks > div > ul {
	display: block;
	float: left;
	clear: left;
	margin: 0;
	width: calc((100% - 20px) / 2); /* (full - 1-margin) / 2-cols displayed */
	height: auto;
	list-style: none;
}
.searchlinks > div > ul.margin {
	clear: none;
	margin-left: 20px;
}
.searchlinks > div > ul > li {
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
}
.searchlinks > div > ul > li > a {
	display: inline-block;
	font-family: 'benton-sans-medium';
	font-size: 0.9375rem;
	line-height: 1.375rem;
	color: #666666;
	text-align: left;
}
.searchlinks > div > ul > li > a:hover {
	color: #1f7bbf;
}

/* adjusted */
@media only screen and (min-width : 20px) and (max-width : 1055px) {

	.undersearch > .infoboxes {
		float: none;
		width: 100%;
	}

	.undersearch > .infoboxes > div {
		float: left;
		margin: 0 0 8px 8px;
		width: calc(25% - 32px - 6px);
		min-height: 136px;
	}
	.undersearch > .infoboxes > div:first-of-type {
		margin: 0 0 8px;
	}

	.undersearch > .infoboxes > div > p {
		font-size: 0.9375rem;
		line-height: 1.125rem;
	}

	.searchlinks {
		float: none;
		clear: both;
		margin: 0 0 32px;
		padding: 0 12px 20px;
		width: calc(100% - 32px);
		height: auto;
	}
}

/* adjusted */
@media only screen and (min-width : 20px) and (max-width : 927px) {

	.undersearch > .infoboxes {
		float: none;
		width: 100%;
	}

	.undersearch > .infoboxes > div {
		float: left;
		margin: 0 0 8px 8px;
		width: calc(50% - 32px - 4px);
		min-height: 82px;
	}
	.undersearch > .infoboxes > div:nth-of-type(odd) {
		margin: 0 0 8px;
	}

	.undersearch > .infoboxes > div > p {
		font-size: 0.9375rem;
		line-height: 1.125rem;
	}

	.searchlinks {
		float: none;
		clear: both;
		margin: 0 0 32px;
		padding: 0 12px 20px;
		width: calc(100% - 32px);
		height: auto;
	}
}

/* adjusted boxes 1 */
@media only screen and (min-width : 480px) and (max-width : 815px) {


	.undersearch > .infoboxes > div:nth-of-type(3),
	.undersearch > .infoboxes > div:nth-of-type(4) {
		min-height: 100px;
	}
}

/* adjusted boxes 2 */
@media only screen and (min-width : 480px) and (max-width : 719px) {


	.undersearch > .infoboxes > div:nth-of-type(1),
	.undersearch > .infoboxes > div:nth-of-type(2) {
		min-height: 100px;
	}
}

/* adjusted boxes 3 */
@media only screen and (min-width : 480px) and (max-width : 639px) {


	.undersearch > .infoboxes > div:nth-of-type(3),
	.undersearch > .infoboxes > div:nth-of-type(4) {
		min-height: 118px;
	}
}

/* adjusted boxes 4 */
@media only screen and (min-width : 480px) and (max-width : 583px) {


	.undersearch > .infoboxes > div:nth-of-type(1),
	.undersearch > .infoboxes > div:nth-of-type(2) {
		min-height: 118px;
	}
	.undersearch > .infoboxes > div:nth-of-type(3),
	.undersearch > .infoboxes > div:nth-of-type(4) {
		min-height: 136px;
	}
}

/* adjusted final */
@media only screen and (min-width : 20px) and (max-width : 479px) {

	.undersearch > .infoboxes > div {
		float: none;
		margin: 0 0 8px;
		width: calc(100% - 32px);
		min-height: 64px;
	}
	.undersearch > .infoboxes > div:nth-of-type(odd) {
		margin: 0 0 8px;
	}
}

/* adjusted */
@media only screen and (min-width : 120px) and (max-width : 780px) {

	.searchlinks > div {
		max-width: 400px;
	}
	.searchlinks > div > a {
		float: none;
	}
	.searchlinks > div > ul {
		float: none;
		clear: none;
		margin: 0 auto;
		width: 100%;
	}
	.searchlinks > div > ul.margin {
		margin: 0 auto;
	}
}


/*	--------------------------------------------------------------
	join -
--------------------------------------------------------------	*/

.join {
	display: block;
	margin: 0;
	padding: 0 0 24px;
	width: 100%;
	height: auto;
}

.join h1 {
	display: block;
	padding: 32px 0 16px;
	width: 100%;
	font-family: wh-bold;
	font-size: 3rem;
	line-height: 3.25rem;
	color: #ffffff;
	text-align: left;
}

.join h2 {
	display: block;
	padding: 32px 0 0;
	width: 100%;
	font-family: wh-bold;
	font-size: 3rem;
	line-height: 3.25rem;
	color: #1c1445;
	text-align: center;
}

.join h3 {
	display: block;
	padding: 32px 0 0;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1.75rem;
	line-height: 1.75rem;
	color: #333333;
	text-align: left;
}

.join > div {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #1c1445;
}

.join article {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: calc(100% - 24px);
	max-width: 1128px;
	height: auto;
}

.join article > div {
	display: block;
	position: relative;
	z-index: 9;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.join article > div > .form {
	display: block;
	float: left;
	border-radius: 12px;
	padding: 24px;
	width: 440px;
	height: auto;
	background-color: #ffffff;
}

.join article > div > .form .failbox {
	display: block;
	margin: 0 0 20px;
	border: 2px dashed #d20000;
	border-radius: 8px;
	padding: 8px;
	width: calc(100% - 20px); /* 100 - padding/borders */
}

.join article > div > .form .failbox p {
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #d20000;
}

.join article > div > .form input[type="text"],
.join article > div > .form input[type="password"] {
	display: block;
	margin-bottom: 20px;
	border: 2px solid #999999;
	border-radius: 8px;
	padding: 0 0 0 12px;
	height: 44px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.75rem;
	color: #666666;
}

.join article > div > .form input[type="text"].full,
.join article > div > .form input[type="password"].full {
	width: calc(100% - 16px);
}

.join article > div > .form input[type="text"].half,
.join article > div > .form input[type="password"].half {
	float: left;
	width: calc(50% - 22px); /* 22px = padding borders half-of-spacing */
}

.join article > div > .form .dropdown {
	display: block;
	margin: 0 0 20px;
	border: 2px solid #999999;
	border-radius: 8px;
	height: 44px;
	background-color: #ffffff;
	background-image: url('/imeji/arrow_drop.png');
	background-position: calc(100% - 12px) 19px; /* w-12, h/2-4 (4 is half the .png h) */
	background-repeat: no-repeat;
	overflow: hidden;
}

.join article > div > .form .dropdown select {
	display: block;
	position: relative; /* prevent focus borders being visible */
	top: -2px;
	left: -2px;
	border: 0;
	padding: 0 0 0 12px;
	width: calc(100% + 12px); /* 24px wider than container */
	height: 48px;
	background-color: transparent;
	background-image: none;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.75rem; /* 44px */
	color: #666666;
}

.join article > div > .form .full {
	width: calc(100% - 4px);
}

.join article > div > .form .half {
	float: left;
	width: calc(50% - 10px); /* 22px = padding borders half-of-spacing */
}

.join article > div > .form .split {
	margin-left: 12px;
}

.join article > div > .form .chkbox {
	display: block;
	position: relative;
	margin: 0 0 8px;
	width: 100%;
}

.join article > div > .form .chkbox input[type="checkbox"] {
	display: none;
}

.join article > div > .form .chkbox input[type="checkbox"] + span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	border: 2px solid #999999;
	border-radius: 8px;
	width: 24px;
	height: 24px;
	background-image: url('/imeji/chkbox_24.png');
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

.join article > div > .form .chkbox input[type="checkbox"]:checked + span {
	background-position: -24px top;
}

.join article > div > .form .chkbox label {
	display: block;
	padding: 4px 8px 0 40px;
	width: calc(100% - 48px);
	max-height: 46px;
	font-family: wh-light;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
}

.join article > div > .form .chkbox label a {
	font-family: wh-regular;
	color: #1c1445;
	text-decoration: underline;
}
.join article > div > .form .chkbox label a:hover {
	text-decoration: underline;
}

.join article > div > .form button {
	display: block;
	margin: 24px auto 0;
	border: 0;
	border-radius: 6px;
	width: 100%;
	height: 48px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 2.375rem;
	color: #ffffff;
}
.join article > div > .form button:hover {
	color: #8adeff;
	cursor: pointer;
}
.join article > div > .form button.clicked {
	background-color: #666666;
	cursor: default;
}

.join article > div > .form .fail,
.join article > div > .form input.fail,
.join article > div > .form .chkbox input + span.fail {
	border: 2px solid #d20000;
}

.join article > div > ul {
	display: block;
	margin: 0;
	padding: 24px 0 48px 520px;
	width: calc(100% - 520px);
	height: auto;
	list-style: none;
}
.join article > div > ul header {
	display: block;
	padding: 0 0 16px;
	font-family: wh-semibold;
	font-size: 1.875rem;
	line-height: 2rem;
	color: #ffffff;
}
.join article > div > ul li {
	display: block;
	padding: 0 0 8px 32px;
	background-image: url('/imeji/checkmark_28x22_white.png');
	background-position: left 3px;
	background-size: auto 18px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #ffffff;
}
.join article > div > ul li:last-of-type {
	padding: 0 0 0 32px;
}

.join article > div.seen {
	display: block;
	z-index: 5;
	margin: 0;
	padding: 0 0 0 520px;
	width: calc(100% - 520px);
	height: auto;
}

.join article > div.seen > div {
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
	overflow: visible;
}
.join article > div.seen > div > div {
	display: block;
	float: left;
	margin: 32px 0 0;
	width: 45%;
}
.join article > div.seen > div > div:nth-of-type(even) {
	margin: 32px 0 0 10%;
}
/* if five instead of 6
.join article > div.seen > div > div:nth-of-type(5) {
	margin: 12px 27.5% 0;
}
*/
.join article > div.seen > div > div > div {
	display: block;
	position: relative;
	padding: 30.769230769231% 0 0 0;
	width: 100%;
	height: auto;
}
.join article > div.seen > div > div > div > img {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
}


/* after successful join */
.join p.joined {
	display: block;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #333333;
	text-align: center;
}

.join p.joined a {
	color: #1f7bbf;
	text-decoration: underline;
}

.join p.joined a:hover {
	text-decoration: underline;
}


/* adjusted */
@media only screen and (min-width : 864px) and (max-width : 1007px) {

	.join h3 {
		text-align: center;
	}

	.join article > div > ul {
		padding: 24px 0 32px 520px;
		width: calc(100% - 520px);
	}
	.join article > div > ul header {
		display: block;
		padding: 0 0 12px;
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	.join article > div > ul li {
		padding: 0 0 8px 32px;
		background-position: left 2px;
		background-size: auto 16px;
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.join article > div.seen {
		padding: 0 24px 0 500px;
		width: calc(100% - 524px);
	}
}

/* reduced */
@media only screen and (min-width : 780px) and (max-width : 863px) {

	.join h3 {
		padding: 20px 0 0;
		text-align: center;
	}

	.join article > div > ul {
		padding: 24px 0 32px 500px;
		width: calc(100% - 500px);
	}
	.join article > div > ul header {
		display: block;
		padding: 0 0 12px;
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	.join article > div > ul li {
		padding: 0 0 8px 32px;
		background-position: left 2px;
		background-size: auto 16px;
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.join article > div.seen {
		padding: 0 0 0 488px;
		width: calc(100% - 488px);
	}
	.join article > div.seen > div > div {
		float: none;
		margin: 20px auto 0;
		width: 100%;
		max-width: 200px;
	}
	.join article > div.seen > div > div:nth-of-type(even) {
		margin: 12px auto 0;
	}
	.join article > div.seen > div > div:nth-of-type(3) {
		margin: 8px auto 0;
	}
	.join article > div.seen > div > div:nth-of-type(4) {
		margin: 12px auto 0;
	}
	.join article > div.seen > div > div:nth-of-type(5) {
		margin: 0 auto;
	}
	.join article > div.seen > div > div:nth-of-type(6) {
		margin: 0 auto;
	}
}

/* reshaped */
@media only screen and (min-width : 512px) and (max-width : 781px) {

	.join h1 {
		text-align: center;
	}

	.join article > div > .form {
		float: none;
		margin: 0 auto;
	}

	.join article > div > ul {
		margin: 0 auto;
		padding: 24px 0;
		width: 488px;
	}
	.join article > div > ul header {
		padding: 0 0 12px;
		width: 100%;
		font-family: wh-semibold;
		font-size: 1.5rem;
		line-height: 1.75rem;
		text-align: center;
	}
	.join article > div > ul li {
		padding: 0 0 8px 24px;
		background-position: left 3px;
		background-size: auto 14px;
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.join article > div > ul li:last-of-type {
		padding: 0 0 0 24px;
	}

	.join h3 {
		padding: 32px 0 12px;
		text-align: center;
	}

	.join article > div.seen {
		padding: 0;
		width: 100%;
	}
	.join article > div.seen > div > div {
		float: none;
		margin: 20px auto 0;
		width: 100%;
		max-width: 260px;
	}
	.join article > div.seen > div > div:nth-of-type(even) {
		margin: 12px auto 0;
	}
	.join article > div.seen > div > div:nth-of-type(3) {
		margin: 8px auto 0;
	}
	.join article > div.seen > div > div:nth-of-type(4) {
		margin: 12px auto 0;
	}
	.join article > div.seen > div > div:nth-of-type(5) {
		margin: 0 auto;
	}
	.join article > div.seen > div > div:nth-of-type(6) {
		margin: 8px auto;
	}

	.join p.joined {
		font-size: 1rem;
		line-height: 1.5rem;
	}
}

/* mobile */
@media only screen and (min-width : 120px) and (max-width : 511px) {

	.join h1 {
		font-size: 2rem;
		line-height: 2.25rem;
		color: #1c1445;
		text-align: center;
	}
	.join h2 {
		font-size: 2.25rem;
		line-height: 2.5rem;
		color: #1c1445;
	}
	.join h3 {
		padding: 32px 0 0;
		color: #1c1445;
		text-align: center;
	}

	.join > div {
		background-color: transparent;
	}

	.join article {
		width: 90%;
	}

	.join article > div > .form {
		float: none;
		border-radius: 0;
		padding: 0;
		width: 100%;
	}
	.join article > div > .form input[type="text"],
	.join article > div > .form input[type="password"] {
		margin-bottom: 8px;
	}
	.join article > div > .form input[type="text"].half,
	.join article > div > .form input[type="password"].half {
		float: none;
		width: calc(100% - 16px);
	}
	.join article > div > .form .dropdown {
		margin: 0 0 8px;
	}
	.join article > div > .form .half {
		float: none;
		width: calc(100% - 4px);
	}
	.join article > div > .form .split {
		margin-left: 0;
	}

	.join article > div > ul {
		margin: 0 auto;
		padding: 40px 0 24px;
		width: 100%;
	}
	.join article > div > ul header {
		padding: 0 0 12px;
		width: 100%;
		font-family: wh-semibold;
		font-size: 1.5rem;
		line-height: 1.75rem;
		color: #1c1445;
		text-align: center;
	}
	.join article > div > ul li {
		padding: 0 0 8px 24px;
		background-image: url('/imeji/checkmark_28x22_drk-blue.png');
		background-position: left 3px;
		background-size: auto 14px;
		font-size: 1rem;
		line-height: 1.25rem;
		color: #1c1445;
	}
	.join article > div > ul li:last-of-type {
		padding: 0 0 0 24px;
	}

	.join article > div.seen {
		padding: 0;
		width: 100%;
	}
	.join article > div.seen > div > div {
		float: none;
		margin: 20px auto 0;
		width: 100%;
		max-width: 260px;
	}
	.join article > div.seen > div > div:nth-of-type(even) {
		margin: 20px auto 0;
	}
	.join article > div.seen > div > div:nth-of-type(3) {
		margin: 8px auto 0;
	}
	.join article > div.seen > div > div:nth-of-type(4) {
		margin: 12px auto 0;
	}
	.join article > div.seen > div > div:nth-of-type(5) {
		margin: 0 auto;
	}
	.join article > div.seen > div > div:nth-of-type(6) {
		margin: 8px auto;
	}

	.join p.joined {
		font-size: 1rem;
		line-height: 1.5rem;
	}
}


/*	--------------------------------------------------------------
	LOGIN, FORGOT, ACTIVATE, CHANGE_EMAIL
--------------------------------------------------------------	*/

.tf-v1-sidetab-button{
	top: calc( 50% + 48px ) !important;
}

.front .request {
	display: block;
	margin: 0 auto;
	padding: 3rem 0 0;
	width: 100%;
	height: auto;
	background-color: #ffffff;
}

.front .request header {
	padding-bottom: 1.5rem;
}

.front .request h1 {
	font-family: wh-regular;
	font-size: 3rem; /* 48px */
	line-height: 3.25rem; /* 60px */
	color: #666666;
	text-align: center;
}

.front .request h2 {
	font-family: wh-light;
	font-size: 2rem;
	line-height: 2.25rem; /* 40px */
	color: #ffffff;
	text-align: center;
}

.front .request h3 {
	font-family: wh-semibold;
	font-style: italic;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-align: center;
}

.front .request h3 span {
	color: #dddddd;
}

.front .request h4 {
	font-family: wh-regular;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #ffffff;
	text-align: center;
}

.front .request h4 a:hover {
	border-bottom: 1px solid #ffffff;
}
.front .request h4 span {
	font-family: wh-semibold;
}

.front .request p {
	padding-top: 12px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #ffffff;
	text-align: center;
}

.front .request p span {
	font-family: wh-regular;
	font-style: italic;
	color: #dddddd;
}

.front .request p.red {
	font-family: wh-bold;
	color: #d20000;
}

.front .request p a {
	text-decoration: underline;
}

.front .request > div {
	width: 100%;
	padding-bottom: 32px;
	background-color: #1c1445;
	/*background: #6db844 url('/imeji/flow_border_green.png') repeat-x top left;*/
}

.front .request > div header {
	margin: 0 auto;
	padding: 2rem 0 0.75rem;
	/*background: url('/imeji/flowin.png') no-repeat top center;*/
}

.front .request > div > a,
.front .request > div > button {
	display: block;
	margin: 0.75rem auto 0;
	border: 0;
	border-radius: 3px;
	padding-top: 2px;
	width: 100px;
	height: 32px;
	background-color: #1f7bbf;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}

.front .request > div > a:active,
.front .request > div > button:active {
	background-color: #666666;
}

.front .request > div > div {
	display: block;
	margin: 0.75rem auto 1rem;
	padding: 1.25rem;
	border: 2px solid #8adeff;
	border-radius: 8px;
	width: 420px;
	height: auto;
}

/* 2 buttons */
.front .request > div > div.ask {
	display: block;
	padding: 0.75rem;
	width: 212px;
}

.front .request > div > div.ask button {
	margin: 0;
	clear: none;
}

.front .request > div > div.ask button:last-child {
	margin-right: 12px;
	background-color: #666666;
}

.front .request > div > div.whatdo {
	display: block;
	padding: 0.75rem;
	width: 348px;
}

.front .request > div > div.whatdo a {
	margin: 0;
	width: auto;
}

.front .request > div > div.whatdo button {
	margin: 0;
	clear: none;
}

.front .request > div > div > label {
	display: block;
	float: left;
	margin-bottom: 8px;
	padding-top: 2px;
	width: calc(100% - 224px);
	height: 32px;
	font-family: wh-semibold;
	font-size: 1.25rem;
	line-height: 2.125rem;
	color: #ffffff;
}

.front .request > div > div input[type="text"] {
	display: block;
	float: right;
	margin-bottom: 8px;
	border: 1px solid #666666;
	border-radius: 1px;
	padding-left: 0.75rem;
	width: calc(224px - 2px - 0.75rem);
	height: 2rem;
	font-family: wh-regular;
	font-size: 1rem;
	color:#666666;
}

.front .request > div > div input[type="password"] {
	display: block;
	float: right;
	margin-bottom: 8px;
	border: 1px solid #666666;
	border-radius: 1px;
	padding-left: 0.75rem;
	width: calc(224px - 2px - 0.75rem);
	height: 2rem;
	font-family: wh-regular;
	font-size: 1rem;
	color:#666666;
}

.front .request > div > div .checkbox {
	display: block;
	clear: right;
	float: right;
	margin-bottom: 8px;
	width: 224px;
	height: 1.625rem;
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.7rem;
	color: #ffffff;
}
/* label inherited from checkbox */

.front .request > div > div .checkbox input[type="checkbox"] {
	display: none;
}

.front .request > div > div .checkbox input[type="checkbox"] + label span {
	display: block;
	float: left;
	margin: 0;
	border: 1px solid #666666;
	width: 24px;
	height: 24px;
	background-image: url('/imeji/chkbox_24.png');
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

.front .request > div > div .checkbox input[type="checkbox"]:checked + label span {
	background-image: url('/imeji/chkbox_24.png');
	background-position: -24px top;
	background-repeat: no-repeat;
}

.front .request > div > div a {
	display: block;
	clear: left;
	float: left;
	margin-top: 4px;
	padding-top: 2px;
	width: calc(100% - 108px);
	height: 2rem;
	font-family: wh-regular;
	font-style: italic;
	font-size: 1rem;
	line-height: 2rem;
	color: #ffffff;
	text-align: left;
}

.front .request > div > div button {
	display: block;
	clear: right;
	float: right;
	margin: 4px 0 0 8px;
	border: 0;
	border-radius: 3px;
	padding-top: 2px;
	width: 100px;
	height: 32px;
	background-color: #8adeff;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
}

.front .request > div > div button:active {
	background-color: #666666;
}

.front .request > div > div button.clicked {
	background-color: #666666;
	cursor: default;
}


/* BUTTONS */

.btn_login_alt {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_login_alt.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.btn_activate {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_activate.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.btn_logout {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_logout.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.btn_verify {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_verify.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.btn_retrieve {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_retrieve.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

.btn_continue {
	display: block;
	border: 0;
	width: 102px;
	height: 34px;
	background-image: url('/imeji/btn_continue.png');
	background-repeat: no-repeat;
	cursor: pointer;
}


/* arbitrary breakpoint */
@media only screen and (min-width : 20px) and (max-width : 512px) {

	.front .request > div > div {
		margin: 0.75rem auto;
		border: 0;
		padding: 0;
		width: 90%;
	}

	.front .request > div > div > label {
		display: block;
		float: none;
		margin: 0 auto;
		padding-top: 2px;
		width: 100%;
		height: 24px;
		font-family: wh-semibold;
		font-size: 1.25rem;
		line-height: 1.5rem;
		color: #ffffff;
	}

	.front .request > div > div input[type="text"],
	.front .request > div > div input[type="password"] {
		display: block;
		float: none;
		margin: 0 auto 8px;
		border: 1px solid #666666;
		border-radius: 1px;
		padding-left: 0.75rem;
		width: calc(100% - 2px - 0.75rem);
		height: 2rem;
		font-family: wh-regular;
		font-size: 1rem;
		color:#666666;
	}

	.front .request > div > div .checkbox {
		display: block;
		clear: both;
		float: left;
		margin-bottom: 8px;
		width: 224px;
		height: 1.625rem;
		font-family: wh-semibold;
		font-size: 1rem;
		line-height: 1.7rem;
		color: #ffffff;
	}
	/* label inherited from checkbox */

	.front .request > div > div .checkbox input[type="checkbox"] {
		display: none;
	}

	.front .request > div > div .checkbox input[type="checkbox"] + label span {
		display: block;
		float: left;
		margin: 0;
		border: 1px solid #666666;
		width: 24px;
		height: 24px;
		background-image: url('/imeji/chkbox_24.png');
		background-position: left top;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.front .request > div > div .checkbox input[type="checkbox"]:checked + label span {
		background-image: url('/imeji/chkbox_24.png');
		background-position: -24px top;
		background-repeat: no-repeat;
	}

	.front .request > div > div a {
		display: block;
		clear: left;
		float: left;
		margin-top: 12px;
		padding-top: 2px;
		width: 100%;
		min-height: 2rem;
		font-family: wh-regular;
	font-style: italic;
		font-size: 1rem;
		line-height: 1.125rem;
		color: #ffffff;
		text-align: left;
	}

	.front .request > div > div button {
		display: block;
		clear: both;
		float: left;
		margin: 4px 0 0 0;
		border: 0;
		border-radius: 3px;
		padding-top: 2px;
		width: 100px;
		height: 32px;
		background-color: #1f7bbf;
		font-family: wh-regular;
		font-size: 1rem;
		line-height: 2rem;
		color: #ffffff;
		text-align: center;
		cursor: pointer;
	}

	.front .request > div > div button:active {
		background-color: #666666;
	}
}


/*	--------------------------------------------------------------
	Logout
--------------------------------------------------------------	*/

.logout {
	display: block;
	margin: 32px auto 0;
	width: calc(100% - 24px);
	max-width: 1128px;
	height: auto;
}

.logout h1 {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #666666;
	text-align: center;
}

.logout article {
	display: block;
	position: relative;
	margin: 32px auto;
	padding: 32px;
	border: 1px solid #cccccc;
	width: auto;
	max-width: 450px;
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

.logout article.bizchats {
	display: block;
	position: relative;
	margin: 72px auto 84px;
	padding: 32px 32px 32px 290px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: calc(100% - 323px);
	max-width: 450px;
	height: 164px;
}

.logout article.bizchats div {
	display: block;
	position: absolute;
	top: -52px;
	left: 0;
	border: 1px solid #1f7bbf;
	width: 256px;
	height: 330px;
	background-repeat: no-repeat;
	background-image: url('/imeji/bizchats.png');
}

.logout article.ebook {
	display: block;
	position: relative;
	margin: 72px auto 84px;
	padding: 32px 32px 32px 290px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: calc(100% - 323px);
	max-width: 450px;
	height: 164px;
}

.logout article.ebook div {
	display: block;
	position: absolute;
	top: -52px;
	left: 0;
	border: 1px solid #1f7bbf;
	width: 256px;
	height: 330px;
	background-repeat: no-repeat;
	background-image: url('/imeji/ebook_cover.png');
}

.logout article.echo {
	display: block;
	position: relative;
	margin: 72px auto 84px;
	padding: 32px 20px 32px 280px;
	border: 1px solid #cccccc;
	width: calc(100% - 323px);
	max-width: 440px;
	height: 164px;
}

.logout article.echo div {
	display: block;
	position: absolute;
	top: -25px;
	left: -25px;
	border: 0;
	width: 280px;
	height: 280px;
	background-repeat: no-repeat;
	background-image: url('/imeji/echo-top.png');
	background-size: 100% 100%;
}

.logout article.echo a:nth-of-type(1) {
	display: block;
	position: absolute;
	bottom: 32px;
	right: 150px;
	margin: 0;
	border: 0;
	border-radius: 0;
	padding: 0;
	width: 80px;
	height: 40px;
	background-color: transparent;
	background-image: url('/imeji/flag-canada.png');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 2px #cccccc;
	-webkit-box-shadow: 2px 2px 2px #cccccc;
	-moz-box-shadow: 2px 2px 2px #cccccc;
}

.logout article.echo a:nth-of-type(2) {
	display: block;
	position: absolute;
	bottom: 32px;
	right: 40px;
	margin: 0;
	border: 0;
	border-radius: 0;
	padding: 0;
	width: 80px;
	height: 40px;
	background-color: transparent;
	background-image: url('/imeji/flag-usa.png');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 2px #cccccc;
	-webkit-box-shadow: 2px 2px 2px #cccccc;
	-moz-box-shadow: 2px 2px 2px #cccccc;
}

.logout article.email {
	display: block;
	position: relative;
	margin: 32px auto;
	padding: 32px 32px 32px 96px;
	border: 1px solid #cccccc;
	width: calc(100% - 130px);
	max-width: 450px;
	height: auto;
}

.logout article.email div {
	display: block;
	position: absolute;
	top: -20px;
	left: -48px;
	width: 128px;
	height: 128px;
	background-image: url('/imeji/checkmark_128x128_drk-blue.png');
	background-repeat: no-repeat;
}

.logout article.slack {
	display: block;
	position: relative;
	margin: 32px auto;
	padding: 32px 32px 32px 200px;
	border: 1px solid #cccccc;
	width: calc(100% - 234px);
	max-width: 450px;
	background-image: url('/imeji/icon_slack_512x512.png');
	background-position: 32px center;
	background-size: 136px auto;
	background-repeat: no-repeat;
}

.logout article.steve {
	display: block;
	position: relative;
	margin: 32px auto;
	padding: 32px 32px 32px 96px;
	border: 1px solid #cccccc;
	width: calc(100% - 130px);
	max-width: 450px;
	height: auto;
}

.logout article.steve div {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 290px;
	background-repeat: no-repeat;
	background-image: url('/imeji/steve_arms120.png');
}

.logout article.workshops {
	display: block;
	position: relative;
	margin: 32px auto;
	padding: 32px 32px 32px 200px;
	border: 1px solid #cccccc;
	width: calc(100% - 234px);
	max-width: 450px;
	background-image: url('/imeji/image_workshop_552x780.png');
	background-position: 32px center;
	background-size: auto calc(100% - 64px);
	background-repeat: no-repeat;
}

.logout h2 {
	display: block;
	padding-bottom: 8px;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 2.25rem;
	line-height: 2.25rem;
	color: #1c1445;
}
.logout article.echo h2 {
	font-family: wh-semibold;
	font-size: 1.75rem;
	line-height: 2rem;
}
.logout article.email h2 {
	font-size: 1.5rem;
	line-height: 1.75rem;
}
.logout article.slack h2 {
	font-size: 1.75rem;
	line-height: 1.75rem;
}

.logout p {
	display: block;
	padding-bottom: 12px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #444444;
}
.logout p > span {
	font-family: wh-bold;
	color: #1c1445;
}
.logout article.email p {
	font-family: wh-regular;
	font-size: 1.1825rem;
	line-height: 1.25rem;
	color: #444444;
}
.logout article.email p > span {
	font-family: wh-bold;
	color: #444444;
}
.logout article.slack p {
	font-family: wh-semibold;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #444444;
}

.logout a {
	display: block;
	padding: 1px 38px 0 16px;
	border: 0;
	border-radius: 1px;
	width: 112px; /* default was 96px */
	height: 39px;
	background-color: #1c1445;
	background-image: url('/imeji/arrow_6x9_r_white.png');
	background-position: calc(100% - 16px) 16px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: left;
	cursor: pointer;
}
.logout a:hover {
	background-image: url('/imeji/arrow_6x9_r_lit-blue.png');
	color: #8adeff;
}


@media only screen and (min-width : 20px) and (max-width : 780px) {

	.logout {
		width: 90%;
	}

	.logout article.default {
		max-width: 320px;
	}

	.logout article.email {
		max-width: 320px;
	}

	.logout h1 {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

	.logout h2 {
		font-size: 1.75rem;
		line-height: 2rem;
	}

	.logout article.echo h2 {
		font-size: 1.5rem;
		line-height: 1.625rem;
	}

	.logout p {
		font-size: 1rem;
		line-height: 1.25rem;
	}
}

@media only screen and (min-width : 20px) and (max-width : 599px) {

	.logout article.bizchats,
	.logout article.ebook,
	.logout article.email,
	.logout article.slack,
	.logout article.steve {
		margin: 32px auto;
		padding: 20px;
		width: calc(100% - 42px);
		height: auto;
		background-image: none;
	}
	.logout article.echo {
		margin: 32px auto;
		padding: 20px 20px 60px;
		width: calc(100% - 42px);
		height: auto;
	}

	.logout article.bizchats div,
	.logout article.ebook div,
	.logout article.echo div,
	.logout article.email div,
	.logout article.steve div {
		display: none;
	}

	.logout article.echo a:nth-of-type(1),
	.logout article.echo a:nth-of-type(2) {
		bottom: 20px;
	}
}

@media only screen and (min-width : 20px) and (max-width : 479px) {

	.logout article.workshops {
		padding: 32px;
		width: auto;
		background-image: none;
	}

}


/*	--------------------------------------------------------------
	Closed Account
--------------------------------------------------------------	*/

.closed {
	display: block;
	margin: 32px auto 0;
	width: calc(100% - 24px);
	max-width: 1128px;
	height: auto;
}

.closed h1 {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #666666;
	text-align: center;
}

.closed article {
	display: block;
	position: relative;
	margin: 32px auto;
	padding: 32px;
	border: 1px solid #cccccc;
	width: calc(100% - 66px);
	max-width: 450px;
	height: auto;
	background-color: #ffffff;
	box-shadow: 2px 2px 8px #cccccc;
	-webkit-box-shadow: 2px 2px 8px #cccccc;
	-moz-box-shadow: 2px 2px 8px #cccccc;
}

/*.closed article div {
	display: block;
	position: absolute;
	top: -20px;
	left: -48px;
	width: 120px;
	height: 290px;
	background-image: url('/imeji/steve_arms120_tear.png');
	background-repeat: no-repeat;
}*/

.closed h2 {
	display: block;
	padding-bottom: 8px;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 2.25rem;
	line-height: 2.25rem;
	color: #1c1445;
}

.closed p {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #1c1445;
}

.closed p a {
	color: #1f7bbf;
}

.closed p a:hover {
	text-decoration: underline;
}


@media only screen and (min-width : 20px) and (max-width : 780px) {

	.closed {
		width: 90%;
	}

	.closed article {
		max-width: 320px;
	}

	.closed h1 {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}

	.closed h2 {
		font-size: 1.75rem;
		line-height: 2rem;
	}

	.closed p {
		font-size: 1rem;
		line-height: 1.25rem;
	}
}

@media only screen and (min-width : 20px) and (max-width : 599px) {

	.closed article {
		padding: 20px;
		width: calc(100% - 42px);
	}

	.closed article div {
		display: none;
	}

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


/*	--------------------------------------------------------------
	temp case study page
--------------------------------------------------------------	*/

.casestudy {
	display: block;
	margin: 32px auto 0;
	width: calc(100% - 24px);
	max-width: 1128px;
	height: auto;
}

.casestudy h1 {
	display: block;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 2rem;
	line-height: 2.25rem;
	color: #666666;
	text-align: center;
}

.casestudy img {
	display: block;
	margin: 32px auto 48px;
	width: 360px;
	height: auto;
}


@media only screen and (min-width : 20px) and (max-width : 780px) {

	.casestudy {
		width: 90%;
	}
	.casestudy img {
		max-width: 100%;
	}
}


/*	--------------------------------------------------------------
	Media
--------------------------------------------------------------	*/


.media {
	padding: 48px 0;
}

.media > div {

}

.media > div > h1 {
	margin: 0 auto;
	font-family: wh-light;
	font-size: 2.125rem; /* 34px */
	color: #1c1445;
	text-align: center;
	line-height: 2.875rem; /* 46px */
}

.media > div > ul {
	margin-bottom: 48px;
	list-style: none;
}

.media > div > ul > a > li {
	display: block;
	float: left;
	margin: 2rem 0 0;
	border: 2px solid #999999;
	width: calc((100% - 4rem - 12px) / 3); /* (full - 2-margins - all-borders) / 3-boxes displayed */
	height: 15.5rem; /* img + 6 lines */
}
.media > div > ul > a > li:hover {
	border: 2px solid #1c1445;
}

.media > div > ul > a > li.margin {
	margin-left: 2rem;
}

.media > div > ul > a > li > div {
	display: block;
	margin: 2rem auto;
	width: 122px;
	height: 64px;
}
.media > div > ul > a > li > div.w64 {
	width: 64px;
}

.media > div > ul > a > li > div.w166 {
	width: 166px;
}

.media > div > ul > a > li > header {
	display: block;
	padding: 0 5% 0 5%;
	width: 90%;
	font-family: wh-regular;
	font-size: 1rem;
	color: #666666;
	line-height: 1.25rem; /* 20px */
	text-align: left;
}

.media > div > ul > a > li > p {
	display: block;
	padding: 0 5% 0 5%;
	width: 90%;
	height: 3.75rem; /* 3-lines */
	font-family: wh-semibold;
	font-size: 1rem;
	color: #333333;
	line-height: 1.25rem; /* 20px */
	text-align: left;
}

@media only screen and (min-width : 769px) and (max-width : 888px) {

	.media > div > ul > a > li {
		height: 13rem; /* original height - ul li div margin */
	}

	.media > div > ul > a > li > div {
		margin: 1.25rem auto;
	}
}


/* reduced mode */
@media only screen and (min-width : 561px) and (max-width : 768px) {

	.media > div > ul > a > li {
		width: calc((100% - 2rem - 12px) / 2); /* (full - 1-margins - all-borders) / 2-boxes displayed */
		height: 13rem; /* original height - ul li div margin */
	}

	.media > div > ul > div li.margin {
		margin-left: 0;
	}

	.media > div > ul > a > li.shift {
		margin-left: 2rem;
	}

	.media > div > ul > a > li > div {
		margin: 1.25rem auto;
	}
}


/* compact mode */
@media only screen and (min-width : 120px) and (max-width : 560px) {

	.media > div > ul > a > li {
		width: calc(100% - 4px); /* (full - borders) */
		height: 11.75rem; /* adjusted height - ul li div margin */
	}

	.media > div > ul > a > li.margin {
		margin-left: 0;
	}

	.media > div > ul > a > li.shift {
		margin-left: 0;
	}

	.media > div > ul > a > li > div {
		margin: 1.25rem auto;
	}

}


/*	--------------------------------------------------------------
	Franchise Reviews
--------------------------------------------------------------	*/


.reviews {
	display: block;
	margin: 0 auto;
	padding: 48px 0;
	width: calc(100% - 24px);
	max-width: 1128px;
	height: auto;
}

.reviews > h1 {
	margin: 0 auto;
	font-family: wh-light;
	font-size: 2.125rem; /* 34px */
	color: #1c1445;
	text-align: center;
	line-height: 2.875rem; /* 46px */
}

.reviews > ul {
	margin-bottom: 48px;
	list-style: none;
}

.reviews > ul > li {
	display: block;
	float: left;
	margin: 0.75rem 0 0;
	padding: 20px;
	border: 2px solid #1c1445;
	width: calc((100% - 1.5rem - 12px - 120px) / 3); /* (full - 2-margins - all-borders - all-padding) / 3-boxes displayed */
	height: 248px;
}

.reviews > ul > li:hover {
	border: 2px solid #8adeff;
}

.reviews > ul > li.margin {
	margin-left: 0.75rem;
}

.reviews > ul > li > a > div {
	display: table;
	margin: 0;
	width: 100%;
	height: calc(100% - 52px);
}

.reviews > ul > li > a > div > div {
	display: table-cell;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle;
}

.reviews > ul > li > a > div > div > img {
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 200px;
}

.reviews > ul > li > a > div > div > img.byheight {
	max-height: 160px;
}

.reviews > ul > li > a > header {
	display: block;
	margin: 0;
	padding: 12px 0 0;
	width: 100%;
	height: 40px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem; /* 20px */
	color: #666666;
	text-align: center;
}


/* reduced mode */
@media only screen and (min-width : 512px) and (max-width : 748px) {

	.reviews > {
		max-width: none;
	}

	.reviews > ul > li {
		width: calc((100% - 12px - 8px - 80px) / 2); /* (full - 1-margins - all-borders) / 2-boxes displayed */
	}

	.reviews > ul > li.margin {
		margin-left: 0;
	}

	.reviews > ul > li.shift {
		margin-left: 0.75rem;
	}
}


/* compact mode */
@media only screen and (min-width : 120px) and (max-width : 511px) {

	.reviews > {
		max-width: none;
	}

	.reviews > ul > li {
		margin: 0.75rem auto 0;
		float: none;
		width: 252px;
	}

	.reviews > ul > li.margin {
		margin: 0.75rem auto 0;
	}

	.reviews > ul > li.shift {
		margin: 0.75rem auto 0;
	}
}


/*	--------------------------------------------------------------
	Franchise Review - Show
--------------------------------------------------------------	*/

.review {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: calc(100% - 24px);
	max-width: 1128px;
	height: auto;
}

.review > a {
	display: block;
	margin: 24px 0 8px;
	padding: 0 0 0 12px;
	width: auto;
	height: 16px;
	background-image: url('/imeji/arrow_8x12_l_99.png');
	background-position: left 1px;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1rem;
	color: #999999;
}

.review > a:hover {
	text-decoration: underline;
}

.review > img {
	display: block;
	margin: 0 auto;
	width: auto;
	max-width: 400px;
	height: auto;
}

.review > img.byheight {
	max-width: 400px;
	max-height: 200px;
}

.review > h1 {
	margin: 8px auto 24px;
	font-family: wh-light;
	font-size: 2.125rem; /* 34px */
	line-height: 2.375rem; /* 38px */
	color: #1c1445;
	text-align: center;
}

.review > h2 {
	margin: 0 0 4px;
	font-family: wh-semibold;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #666666;
	text-align: left;
}

.review > p {
	margin: 0 0 40px;
	font-family: wh-regular;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #333333;
	text-align: left;
}

.review + a {
	display: block;
	margin: 0 auto 32px;
	border-radius: 4px;
	width: 280px;
	height: 64px;
	background-color: #1c1445;
	font-family: wh-semibold;
	font-size: 1.25rem;
	line-height: 4rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.review + a:hover {
	color: #8adeff;
}

@media only screen and (min-width : 120px) and (max-width : 424px) {
	.review > img {
		max-width: 100%;
		height: auto;
	}

	.review > img.byheight {
		max-width: 60%;
		max-height: 200px;
	}
}


/*	--------------------------------------------------------------
	CONTACT
--------------------------------------------------------------	*/

.contact {
	padding: 32px 0;
}

/* added back button */
.contact > div > a {
	display: inline;
	padding-left: 24px;
	width: auto;
	height: auto;
	background-image: url('/imeji/arrow_13x20_back_drk-blue.png');
	background-position: left center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #1c1445;
	text-align: left;
}

.contact > div > h1 {
	display: block;
	width: 100%;
	font-family: wh-light;
	font-size: 2.125rem; /* 34px */
	line-height: 2.875rem; /* 46px */
	color: #1c1445;
	text-align: center;
}

.contact > div > h2 {
	display: block;
	width: 100%;
	font-family: wh-light;
	font-size: 1.125rem; /* 34px */
	line-height: 1.25rem; /* 46px */
	color: #1c1445;
	text-align: center;
}

.contact > div > ul {
	display: block;
	list-style: none;
}

.contact > div > ul > li {
	display: block;
	float: left;
	padding: 101px 0 0; /* 85 icon + 16 buffer */
	height: auto;
	background-position: center top;
	background-repeat: no-repeat;
}
.contact > div > ul > li:nth-of-type(1) {
	margin: 3rem 0 0;
	width: calc(100% / 3);
}
.contact > div > ul > li:nth-of-type(2) {
	margin: 3rem 0 0;
	width: calc(100% / 3);
}
.contact > div > ul > li:nth-of-type(3) {
	margin: 3rem 0 0;
	width: calc(100% / 3);
}
.contact > div > ul > li:nth-of-type(4) {
	margin: 3rem 0 0 8rem;
	width: calc((100% - 16rem) / 2);
}
.contact > div > ul > li:nth-of-type(5) {
	margin: 3rem 8rem 0 0;
	padding: 0;
	width: calc((100% - 16rem)/ 2);
}

.contact > div > ul > li:nth-of-type(5) > a {
	display: block;
	padding: 101px 0 0;
}

.contact > div > ul > li > header,
.contact > div > ul > li > a > header  {
	margin: 0 auto;
	font-family: wh-bold;
	font-size: 1.25rem; /* 20px */
	line-height: 1.5rem;
	color: #666666;
	text-align: center;
}
.contact > div > ul > li:nth-of-type(5) > a:hover > header {
	text-decoration: underline;
}

.contact > div > ul > li > p {
	margin: 0.25rem auto 0;
	font-family: wh-light;
	font-size: 1rem;
	line-height: 1.25rem; /* 28px */
	color :#1c1445;
	text-align: center;
}

.icon_speech {
	background-image: url('/imeji/icon_speech_91x85_drk-blue.png');
}

.icon_gear {
	background-image: url('/imeji/icon_gear_85x82_drk-blue.png');
	background-position: center 3px;

}

.icon_person {
	background-image: url('/imeji/icon_person_88x85_drk-blue.png');
}

.icon_envelope {
	background-image: url('/imeji/icon_envelope_102x67_drk-blue.png');
	background-position: center 18px;
}

.icon_facebook_messenger {
	background-image: url('/imeji/icon_facebook_messenger_88x83_drk-blue.png');
}



/* reduced mode */
@media only screen and (max-width : 720px) {

	.contact > div > ul > li:nth-of-type(1),
	.contact > div > ul > li:nth-of-type(2),
	.contact > div > ul > li:nth-of-type(3),
	.contact > div > ul > li:nth-of-type(4),
	.contact > div > ul > li:nth-of-type(5) {
		clear: left;
		margin: 3rem 0 0;
		width: 100%;
	}
}


/*	--------------------------------------------------------------
	about us
--------------------------------------------------------------	*/

.about {
	padding: 48px 0;
}

.about > .ghost {

}

.about > .ghost > h1 {
	padding: 0 0 20px;
	font-family: wh-light;
	font-size: 2.125rem; /* 34px */
	line-height: 2.875rem; /* 46px */
	color: #1c1445;
	text-align: center;
}

.about > .ghost > p {
	display: block;
	padding: 0 0 24px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #666666;
	text-align: left;
}
.about > .ghost > p > span {
	font-family: wh-bold;
}

.about > .ghost > h2 {
	padding: 0 0 32px;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: center;
}

.about > .ghost > h3 {
	padding: 0 0 8px;
	font-family: wh-bold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: center;
}

.about > .ghost > div {
	display: block;
	margin: 0 auto;
	padding: 0;
	max-width: 800px;
}

.about > .ghost > div > div {
	display: block;
	margin: 0;
	width: 98px;
	min-height: 100px;
}
.about > .ghost > div > .dollar {
	float: left;
}
.about > .ghost > div > .percent {
	margin: 0 auto;
}
.about > .ghost > div > .member {
	float: right;
}

.about > .ghost > div > div > div {
	display: block;
	margin: 0 auto;
	border: 1px solid #1c1445;
	border-radius: 32px;
	width: 64px;
	min-height: 64px;
	background-size: 48px 48px;
	background-position: center center;
	background-repeat: no-repeat;
}
.about > .ghost > div > .dollar > div {
	background-image: url('/dashboard/img/icon48_dollar_66.png');
}
.about > .ghost > div > .percent > div {
	background-image: url('/dashboard/img/icon48_percent_66.png');
}
.about > .ghost > div > .member > div {
	background-image: url('/dashboard/img/icon48_member_66.png');
}
.about > .ghost > div > div > p {
	padding: 12px 0 0;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 0.9375rem;
	color: #1c1445;
	text-align: center;
}

.about > .ghost > .join {
	display: block;
	margin: 24px auto 0;
	padding: 0;
	max-width: 600px;
	text-align: center;
}

.about > .ghost > .join > a {
	display: inline-block;
	margin: 0;
	border-radius: 2px;
	padding: 12px;
	width: auto;
	height: auto;
	background-color: #1c1445;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #8adeff;
	text-align: center;
}
.about > .ghost > .join > a:hover {
	background-color: #8adeff;
	color: #1c1445;
}


/*	--------------------------------------------------------------
	faq
--------------------------------------------------------------	*/

.faq {
	padding: 48px 0;
}

.faq > div > h1 {
	margin: 0 auto 20px;
	font-family: wh-light;
	font-size: 2.125rem; /* 34px */
	line-height: 2.875rem; /* 46px */
	color: #1c1445;
	text-align: center;
}
.faq > div > h2 {
	margin: 0 auto;
	font-family: wh-light;
	font-size: 1.25rem;
	line-height: 1.75rem;
	color: #666666;
	text-align: center;
}

/*.faq > div > p {
	width: 100%;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: left;
}

.faq > div > p > a {
	font-family: wh-semibold;
	color: #6db844;
}
.faq > div > p > a:hover {
	color: #1f7bbf;
}*/

.faq > div > ul {
	display: block;
	margin: 20px auto 0;
	width: 100%;
	list-style: none;
}

.faq > div > ul > li {
	display: block;
	margin-bottom: 24px;
	padding-left: 32px;
	width: calc(100% - 32px);
	border-bottom: 1px solid #cccccc;
	background-position: 6px 10px;
	background-repeat: no-repeat;
}
.faq > div > ul > li.plus {
	background-image: url('/imeji/icon_plus_9x9_drk-blue.png');
}
.faq > div > ul > li.minus {
	background-image: url('/imeji/icon_minus_9x9_drk-blue.png');
}

.faq > div > ul > li > header {
	display: block;
	padding-bottom: 8px;
	width: 100%;
	font-family: wh-bold;
	font-size: 1.125rem; /* 18 */
	line-height: 1.625rem;
	color: #666666;
	cursor: pointer;
}

.faq > div > ul > li > p {
	padding: 0 0 8px;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #1c1445;
}

.faq > div > ul > li > p > span {
	font-family: wh-semibold;
}
.faq > div > ul > li > p > a {
	font-family: wh-semibold;
	color: #1c1445;
	text-decoration: underline;
}






/*	--------------------------------------------------------------
	login
--------------------------------------------------------------	*/



/* header needs 893px to display in full; 773px if tagline is omitted
@media only screen and (min-width : 773px) and (max-width : 892px) {

	.shell {
		max-width: none;
	}
}

/* reduced mode
@media only screen and (min-width : 584px) and (max-width : 772px) {

	.shell {
		max-width: none;
	}
}

/* compact mode
@media only screen and (min-width : 120px) and (max-width : 583px) {

	.shell {
		width: 90%;
		max-width: none;
	}
}
*/


/*	--------------------------------------------------------------
	HOUNDIFY
--------------------------------------------------------------	*/

@keyframes emerge {
	from {
		opacity: 0;
	} to {
		opacity: 1;
	}
}
@-webkit-keyframes emerge {
	from {
		opacity: 0;
	} to {
		opacity: 1;
	}
}

.snow {
	animation-duration: 0.3s;
	animation-name: emerge;
	background-color: rgba(255,255,255,0.6);
}

.blizzard {
	animation-duration: 0.4s;
	animation-name: emerge;
	background-color: #ffffff;
}


.prompt {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.prompt > div {
	display: table-cell;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: none;
	vertical-align: middle;
}

.prompt > div > div {
	display: block;
	position: relative;
	z-index: 100;
	margin: auto;
	border: 0;
	padding: 24px;
	height: auto;
	background-color: #ffffff;
	animation-name: emerge;
	animation-duration: 0.3s;
	-webkit-animation-name: emerge;
	-webkit-animation-duration: 0.3s;
}

.prompt div > div.full {
	width: calc(100% - 56px);
}

.prompt .x {
	display: block;
	float: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 30;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	width: 24px;
	height: 24px;
	background-color: #1c1445;
	background-image: url('/dashboard/img/x_16x16_white.png');
	background-position: 6px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* format is determined by an inner class */
/* houndify */
.prompt div > div.prmt_houndify.size {
	width: 420px;
}

.prmt_houndify > div.x {
	top: 20px;
	right: 20px;
	border-radius: 12px;
	background-color: #cccccc;
	background-image: url('/dashboard/img/x_16x16_white.png');
	background-size: 12px 12px;
	background-position: center center;
	background-repeat: no-repeat;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #1c1445;
	text-align: right;
}
.prmt_houndify > .x:hover {
	background-color: #e46666;
}

.prmt_houndify > .houndmic {
	display: block;
	margin: 0 auto;
	width: 64px;
	height: 64px;
}
.prmt_houndify > .houndmic > div {
	display: block;
	margin: 0;
	border-radius: 32px;
	width: 64px;
	height: 64px;
	background-color: #1c1445;
	background-position: center center;
	background-repeat: no-repeat;
}
.prmt_houndify > .houndmic > div.on {
	background-color: #1c1445;
	background-image: url('/imeji/icon_houndify-mic_26x40_white.png');
}
.prmt_houndify > .houndmic > div.on:hover {
	background-image: url('/imeji/icon_houndify-mic_26x40_red.png');
	cursor: pointer;
}
.prmt_houndify > .houndmic > div.off {
	background-color: #eeeeee;
	background-image: url('/imeji/icon_houndify-mic_26x40_drk-blue.png');
	cursor: pointer;
}
.prmt_houndify > .houndmic > div.off:hover {
	background-color: #1c1445;
	background-image: url('/imeji/icon_houndify-mic_26x40_lit-blue.png');
}

.prmt_houndify > p:nth-of-type(1) {
	display: block;
	padding: 12px 0 0;
	width: 100%;
	height: auto;
	font-family: wh-bold;
	font-size: 1.25rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: center;
}

.prmt_houndify > p:nth-of-type(2) {
	display: block;
	padding: 20px 0 0;
	width: 100%;
	height: auto;
	font-family: wh-semibold;
	font-size: 1.125rem;
	line-height: 1.25rem;
	color: #1c1445;
	text-align: left;
}

.prmt_houndify > .houndhints {
	display: block;
	margin: 4px 0 0;
	width: 100%;
	min-height: 36px;
}
.prmt_houndify > .houndhints > p {
	display: block;
	padding: 2px 0 0;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #666666;
	text-align: left;
}
.prmt_houndify > .houndhints > p.semibold {
	font-family: wh-semibold;
}
.prmt_houndify > .houndhints > p > span {
	color: #1c1445;
}

.prmt_houndify > p:nth-of-type(3) {
	display: block;
	padding: 12px 0 1px;
	width: 100%;
	height: auto;
	font-family: wh-regular;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #333333;
	text-align: left;
}

.prmt_houndify > .houndbox {
	display: block;
	margin: 0;
	border: 1px dashed #cccccc;
	padding: 4px;
	width: auto;
	min-height: 32px;
	height: auto;
	font-family: wh-semibold;
	font-size: 0.875rem;
	line-height: 1rem;
	color: #666666;
	text-align: left;
}

.prmt_houndify > img {
	display: block;
	margin: 4px 0 0;
	width: 140px;
	height: auto;
}

.prmt_houndify > p.subtitle {
	font-family: wh-semibold;
	text-align: center;
}

.prmt_houndify > p.bold {
	padding-top: 8px;
	font-family: wh-semibold;
}

/*.prmt_houndify div > button {
	display: block;
	float: left;
	border: 0;
	border-radius: 1px;
	padding-top: 1px;
	width: 80px;
	height: 39px;
	background-color: #6db844;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}
.prmt_houndify button:hover {
	background-color: #1f7bbf;
}*/

/*.prmt_houndify div > button:last-of-type {
	margin-left: 12px;
}

.prmt_houndify button {
	display: block;
	margin: 0 auto;
	border: 0;
	border-radius: 1px;
	padding-top: 1px;
	width: 96px;
	height: 39px;
	background-color: #6db844;
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 2.5rem;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}*/





/*	--------------------------------------------------------------
	Image Tools
--------------------------------------------------------------	*/

/* parent should dictate size */
.image {
	display: block;
	position: relative;
	margin: auto;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/* stretch fill */
.image > img.stretch {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
/* center hori and vert */
.image > img.center {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
}
/* resize width and maintain height ratio (vertical centered) */
.image > img.vertical {
	display: block;
	position: absolute;
	top: 50%;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	transform: translateY(-50%);
}
/* resize height and maintain width ratio (centered) */
.image > img.horizontal {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: auto;
	height: 100%;
}



/*	--------------------------------------------------------------
	BizON LiveON
--------------------------------------------------------------	*/

.liveon {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 227px;
}

.liveon_green {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 227px;
	background-image: url('/imeji/liveon_green.png');
	background-repeat: no-repeat;
}

.liveon_blue {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 227px;
	background-image: url('/imeji/liveon_blue.png');
	background-repeat: no-repeat;
}

.liveon_gray {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 227px;
	background-image: url('/imeji/liveon_gray.png');
	background-repeat: no-repeat;
}

.liveon_red {
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 227px;
	background-image: url('/imeji/liveon_red.png');
	background-repeat: no-repeat;
}


/*	--------------------------------------------------------------
	Buttons - Standard 140x38
--------------------------------------------------------------	*/


.btn2_wide {
	display: block;
	width: 288px;
	height: 38px;
}

.btn_join {
	display: block;
	width: 140px;
	height: 38px;
	background-image: url('/imeji/btn_join-for-free.png');
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

.btn_watch-demo {
	display: block;
	width: 140px;
	height: 38px;
	background-image: url('/imeji/btn_watch-demo.png');
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}


/*	--------------------------------------------------------------
	background colors
--------------------------------------------------------------	*/

.bg-drk-blue {
	background-color: #1c1445;
}

.bg-white {
	background-color: #ffffff;
}

.bg-light {
	background-color: #eeeeee;
}

.bg-green {
	background-color: #6db844;
}

.bg-grey {
	background-color: #dddddd;
}



/*	--------------------------------------------------------------
	Formatting - Text
--------------------------------------------------------------	*/


.uline {
	text-decoration: underline;
}

.green {
	color: #6db844;
}

.blue {
	color: #1f7bbf;
}

.lred {
	color: #e46666;
}

.red {
	color: #d20000;
}

.lgray {
	color: #999999;
}

.gray {
	color: #666666;
}

.dgray {
	color: #333333;
}

/*	--------------------------------------------------------------
	Formatting - Quick Margins and Special
--------------------------------------------------------------	*/

.t0 {margin-top:0;}

.t8 {margin-top:8px;}

.t12 {margin-top:12px;}

.t16 {margin-top:16px;}

.t20 {margin-top:20px;}

.t24 {margin-top:24px;}

.t32 {margin-top:32px;}

.t48 {margin-top:48px;}

.t64 {margin-top:64px;}

.r12 {margin-right:12px;}

.r20 {margin-right:20px;}

.b8 {margin-bottom:8px;}

.b12 {margin-bottom:12px;}

.b20 {margin-bottom:20px;}

.b24 {margin-bottom:24px;}

.b32 {margin-bottom:32px;}

.b48 {margin-bottom:48px;}

.b64 {margin-bottom:64px;}

.l0 {margin-left:0;}

.l4 {margin-left:4px;}

.l8 {margin-left:8px;}

.l12 {margin-left:12px;}

.l16 {margin-left:16px;}

.l20 {margin-left:20px;}

.l24 {margin-left:24px;}

.l32 {margin-left:32px;}

.l48 {margin-left:48px;}

.l64 {margin-left:64px;}

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

.fleft {
	float: left;
}

.fright {
	float: right;
}

.cleft {
	clear: left;
}

.cright {
	clear: right;
}

.cboth {
	clear: both;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}


/* FLAGS */
.flag_australia {
	background-image: url('/dashboard/img/flag_australia.png');
}
.flag_bangladesh {
	background-image: url('/dashboard/img/flag_bangladesh.png');
}
.flag_brazil {
	background-image: url('/dashboard/img/flag_brazil.png');
}
.flag_canada {
	background-image: url('/dashboard/img/flag_canada.png');
}
.flag_denmark {
	background-image: url('/dashboard/img/flag_denmark.png');
}
.flag_france {
	background-image: url('/dashboard/img/flag_france.png');
}
.flag_germany {
	background-image: url('/dashboard/img/flag_germany.png');
}
.flag_hongkong {
	background-image: url('/dashboard/img/flag_hongkong.png');
}
.flag_india {
	background-image: url('/dashboard/img/flag_india.png');
}
.flag_italy {
	background-image: url('/dashboard/img/flag_italy.png');
}
.flag_japan {
	background-image: url('/dashboard/img/flag_japan.png');
}
.flag_kenya {
	background-image: url('/dashboard/img/flag_kenya.png');
}
.flag_southkorea {
	background-image: url('/dashboard/img/flag_southkorea.png');
}
.flag_sweden {
	background-image: url('/dashboard/img/flag_sweden.png');
}
.flag_switzerland {
	background-image: url('/dashboard/img/flag_switzerland.png');
}
.flag_uganda {
	background-image: url('/dashboard/img/flag_uganda.png');
}
.flag_uk {
	background-image: url('/dashboard/img/flag_uk.png');
}
.flag_un {
	background-image: url('/dashboard/img/flag_un.png');
}
.flag_usa {
	background-image: url('/dashboard/img/flag_usa.png');
}


/*	--------------------------------------------------------------
	Custom Font Implementation
--------------------------------------------------------------	*/

@font-face {
	font-family: 'benton-sans';
	src: url('/fonts/benton-sans.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wh-bold';
	src: url('/fonts/wavehaus-bold.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wh-extrabold';
	src: url('/fonts/wavehaus-extrabold.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wh-light';
	src: url('/fonts/wavehaus-light.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wh-regular';
	src: url('/fonts/wavehaus-regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wh-semibold';
	src: url('/fonts/wavehaus-semibold.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wh-thin';
	src: url('/fonts/wavehaus-thin.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'benton-sans-regular';
    src: url('/fonts/2022/BentonSans-Regular.woff2') format('woff2'),
        url('/fonts/2022/BentonSans-Regular.woff') format('woff'),
        url('/fonts/2022/BentonSans-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'benton-sans-medium';
    src: url('/fonts/2022/BentonSans-Medium.woff2') format('woff2'),
        url('/fonts/2022/BentonSans-Medium.woff') format('woff'),
        url('/fonts/2022/BentonSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'noe-display';
    src: url('/fonts/2022/NoeDisplay-Bold.woff2') format('woff2'),
        url('/fonts/2022/NoeDisplay-Bold.woff') format('woff'),
        url('/fonts/2022/NoeDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*	--------------------------------------------------------------
	impact - custom modal
--------------------------------------------------------------	*/

/* The Modal (background) */
.custom-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 10; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }

  /* Modal Content */
.custom-modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	border-radius: 2rem;
	max-width: 800px;
  }

  /* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

.custom-modal-close {
	position: absolute;
	right: -15px;
	top: -30px;
	width: 50px;
	height: 50px;
	background-color: #ff4f00;
	color: #1c1445;
	border-radius: 2rem;
	cursor: pointer
}

.custom-modal-close:hover {
	opacity: 0.8;
}

.custom-modal-close:before, .custom-modal-close:after {
	position: absolute;
    left: 24px;
    content: ' ';
    height: 36px;
    width: 2px;
    background-color: #333;
    top: 7px;
}

.custom-modal-close:before {
	transform: rotate(45deg);
}

.custom-modal-close:after {
	transform: rotate(-45deg);
}

.custom-modal-header {
	margin-top: 1rem;
}

.custom-modal-body {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	color: black;
}

.custom-modal-footer {
	margin-bottom: 1rem;
}

@media only screen and (max-width: 575px) {

	.custom-modal-content {
		max-width: unset;
		width: 90%;
		margin-top: 164px;
	}
	.custom-modal-body{
		overflow-x: scroll;
	}
}


/*	--------------------------------------------------------------
	impact - subscription broker account
--------------------------------------------------------------	*/
.subscription-section{
	display: flex;
	flex-direction: column;
}
.subscription-section-1, .subscription-section-2{
	width: 100%;
}
.subscription-section-2-wrapper{
	padding: 2.5rem 2.5rem 0 2.5rem;
	margin-bottom: 2rem;
	max-width: 650px;
	margin: auto auto 2rem auto;
}
.subscription-section-1{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url('/imeji/subscription_broker_image.jpg');
	background-position: 50% 68%;
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
	height: 450px;
	box-shadow: rgba(28, 20, 69, 0.9) 0px 0px 0px 1000px inset;
}
.subscription-section-1 h1{
	width: 320px;
	line-height: 2.2rem;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	font-family: wh-bold;
}
.subscription-section-2{
	position: relative;
}
.subscription-section-2 p{
	margin-bottom: 20px;
}
.subscription-section-2 h2{
	margin: 24px 0 12px 0;
	font-family: wh-bold;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.675rem;
	color: #1c1445;
}
.subscription-section-2 h3{
	margin-bottom: 12px;
	font-family: wh-bold;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.675rem;
	color: #1c1445;
}
.subscription-section-2 ul{
	margin-left: 15px;
}
.subscription-section-2 ul > li{
	margin-bottom: 10px;
	color: #464647;
}
.subscription-section-2 ul > li > a {
	font-weight: bold;
	text-decoration: underline;
}
.subscription-section-2 ul.check {
	display: block;
	margin: 0 auto;
	padding: 0;
	height: auto;
	list-style: none;
}
.subscription-section-2 ul.check > li {
	display: block;
	margin: 0 0 8px 0;
	padding: 0 0 0 20px;
	width: auto;
	background-image: url('/imeji/checkmark_28x22_drk-blue.png');
	background-size: auto 11px;
	background-position: left 4px;
	background-repeat: no-repeat;
}

.subscription-section-2 p:nth-of-type(1),
.subscription-section-2 p:nth-of-type(2){
	font-weight: bold;
	color: #464647;
	font-family: wh-bold;
}
.subscription-section-2 p:nth-of-type(3),
.subscription-section-2 p:nth-of-type(4){
	margin-top: 25px;
	margin-bottom: 0;
	color: #1c1445;
	font-weight: bold;
	font-family: wh-bold;
	line-height: 1.5rem;
	font-size: 1.2rem;
}
.subscription-section-2 p:nth-of-type(5){
	display: block;
	margin: 0;
	padding: 40px 0 0;
	font-family: wh-light;
	font-size: 0.875rem;
	line-height: 1rem;
}
.subscription-section-2 p:nth-of-type(5) span{
	font-family: wh-semibold;
}
.image-wrapper{
	border: 2px solid #999999;
	width: fit-content;
}
.button-group{
	display: flex;
	justify-content: flex-start;
}
.subscription-started{
	border: 0;
	padding: .5rem 1rem;
	border-radius: 7px;
	background-color: #8adeff;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
	margin-top: 20px;
	margin-right: 10px;
	width: 120px;
}
.roas-button{
	border: 0;
	padding: .5rem 1rem;
	border-radius: 7px;
	background-color: #1c1445;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: white;
	text-align: center;
	cursor: pointer;
	margin-top: 20px;
	width: 120px;
}




/* popup modal */
body.modal-open {
	height: 100vh;
	overflow-y: hidden;
}
.valuation-modal, .register-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }

  /* Modal Content */
  .modal-content {
	background-color: #fefefe;
	margin: auto;
	width: 80%;
  }

  /* The Close Button */
.modal-close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin: 1rem;
}

.modal-close:hover,
.modal-close:focus {
	color: #1c1445;
	text-decoration: none;
	cursor: pointer;
}
.modal-content-1, .modal-content-2{
	width: 50%;
}
.modal-content-wrapper{
	display: flex;
}
.modal-content-2-wrapper{
	padding: 3rem;
}
.modal-content-1{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: url('/imeji/modal-content-1.png');
	background-position: center center;
	background-size: 100% 100%;
	color: white;
}
.modal-content-1 h1{
	width: 400px;
	text-align: center;
	line-height: 2.3rem;
	font-size: 2.3rem;
	font-family: wh-bold;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.modal-content-1 p{
	width: 350px;
	color: #8adeff;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: wh-semibold;
}
.modal-input-group{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 2rem;
}
.price-group{
	display: flex;
	align-items: baseline;
}

.modal-input-group label {
	color: #1c1445;
}
.modal-input-group input{
	border: 1px solid #C0C0C0;
	float: left;
	margin: 0;
	padding: 0;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	margin-top: .5rem;
	padding: .5rem .5rem .2rem 0;
	width: 170px;
}
.modal-input-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #C0C0C0;
	opacity: 1; /* Firefox */
}
.modal-input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #C0C0C0;
}
.modal-input-group input::-ms-input-placeholder { /* Microsoft Edge */
	color: #C0C0C0;
}
.modal-button{
	border: 0;
	padding: .5rem 1rem;
	border-radius: 7px;
	background-color: #8adeff;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
}
.modal-footer{
	background-color: #8adeff;
}
.modal-footer-content{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 3rem;
	color: #1c1445;
}
.modal-footer-content-1{
	width: 70%;
}
.modal-footer-content-2{
	width: 30%;
}
.modal-footer-content-1 p:first-child{
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-family: wh-bold;
	font-weight: bold;
}
.modal-footer-content-1 p:last-child{
	font-size: .7rem;
}
.modal-footer-content-1{
	padding: 0 .5rem 0 0;
}
.modal-footer-content-2 input{
	border: 1px solid #1c1445;
	color: #1c1445;
	background: transparent;
	font-size: 1.5rem;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 0 0 .5rem 0;
	width: 100%;
}
.modal-footer-content-2 input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #1c1445;
	opacity: 1; /* Firefox */
}
.modal-footer-content-2 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #1c1445;
}
.modal-footer-content-2 input::-ms-input-placeholder { /* Microsoft Edge */
	color: #1c1445;
}
.mobile-visible{
	display: none;
}
.desktop-visible{
	display: block;
}
.err-req{
	color: red;
}
.modal-msg{
	color: red;
	margin-bottom: 1rem;
}
.modal-err{
	width: 100%;
	height: 50px;
	justify-content: center;
	align-items: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
	display: none;
	text-align: center;
	background-color: #fbe9eb;
	color: #721c24;
	border-color: #fbe9eb;
	border-left: 4px solid #721c24;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.modal-content-1 h1{
		line-height: 1.7rem;
		font-size: 1.7rem;
		width: 300px;
	}
	.modal-content-1 p{
		width: 250px;
	}
	.modal-content-2-wrapper {
		padding: 3.5rem 1.5rem 1.5rem 1.5rem;
	}
	.modal-footer-content{
		padding: 1.5rem;
	}
	.modal-footer-content-1 p:first-child{
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	.modal-footer-content-1 p:last-child{
		font-size: .5rem;
	}
	.modal-footer-content-2 input{
		font-size: 1.2rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.modal-content-1 h1{
		line-height: 1.5rem;
		font-size: 1.5rem;
		width: 260px;
	}
	.modal-content-1 p{
		line-height: 1.1rem;
		font-size: 1.1rem;
		width: 235px;
	}
	.modal-content-2-wrapper {
		padding: 3.5rem 1.2rem 1rem 1rem
	}
	.modal-footer-content{
		padding: 1rem;
	}
	.modal-footer-content-1 p:first-child{
		font-size: 1rem;
		line-height: 1.1rem;
	}
	.modal-footer-content-1 p:last-child{
		font-size: .4rem;
	}
	.modal-footer-content-2 input{
		font-size: 1rem;
	}
}
@media only screen and (max-width: 767px) {
	.modal-content-wrapper{
		flex-direction: column;
	}
	.modal-content-1, .modal-content-2{
		width: 100%;
	}
	.valuation-modal, .register-modal{
		justify-content: center;
		align-items: center;
		padding-top: 0;
	}
	.modal-content{
		width: 85%;
		height: 80%;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.modal-content-1{
		height: 350px;
	}
	.modal-close{
		position: absolute;
		color: #C0C0C0;
		right: 10px;
		top: 10px;
	}
	.mobile-visible{
		display: block;
	}
	.desktop-visible{
		display: none;
	}
	.modal-content-1 h1{
		line-height: 1.5rem;
		font-size: 1.5rem;
		width: 260px;
	}
	.modal-content-1 p{
		line-height: 1.1rem;
		font-size: 1.1rem;
		width: 235px;
	}
	.modal-content-2-wrapper {
		padding: 3.5rem 1rem 1rem 1rem;
	}
	.modal-footer-content{
		padding: 1rem;
	}
	.modal-footer-content-1 p:first-child{
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	.modal-footer-content-1 p:last-child{
		font-size: .35rem;
	}
	.modal-content{
		position: relative;
	}

}
@media only screen and (max-width: 400px) {
	.modal-content-1{
		height: 250px;
	}
	.modal-footer-content-1 p:first-child{
		font-size: .8rem;
		line-height: .8rem;
	}
	.modal-footer-content-1 p:last-child{
		font-size: .35rem;
	}
	.modal-footer-content-2 input{
		font-size: .8rem;
	}
	.button-group{
		flex-direction: column;
		width: 100%;
	}
	.subscription-started, .roas-button{
		width: 100%;
		padding: .5rem 0;
	}
}

@media only screen and (max-width: 992px) {
	.subscription-section-2-wrapper{
		padding: 2rem 2rem 0 2rem;
	}
	.subscription-section-1 h1{
		width: 230px;
		line-height: 2rem;
		text-align: center;
		font-size: 1.5rem;
		font-weight: bold;
	}
}
@media only screen and (max-width: 767px) {
	.subscription-section-1 {
		height: 300px;
	}
	.subscription-section{
		flex-direction: column;
	}
	.subscription-section-1, .subscription-section-2{
		width: 100%;
	}
}


/*	--------------------------------------------------------------
	impact - whitelist emails
--------------------------------------------------------------	*/
.whitelist-section{
	display: flex;
	flex-direction: column;
}
.whitelist-section-1, .whitelist-section-2{
	width: 100%;
}
.whitelist-section-2{
	margin-bottom: 2rem;
}
.whitelist-section-2-wrapper{
	padding: 2.5rem 2.5rem 0 2.5rem;
	max-width: 650px;
	margin: auto;
}
.whitelist-section-1{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url('/imeji/whitelist_emails.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
	color: white;
	box-shadow: rgba(28, 20, 69, 0.7) 0px 0px 0px 1000px inset;
}
.whitelist-section-1 h1{
	width: 340px;
	line-height: 2.7rem;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	font-family: wh-bold;
}
.whitelist-section-2-wrapper h2:nth-of-type(1){
	margin-top: 1rem;
}
.whitelist-section-2-wrapper h2{
	margin-bottom: 1rem;
	color: #8adeff;
	line-height: 1.7rem;
	font-family: wh-bold;
	font-weight: bold;
}
.whitelist-section-2-wrapper ol{
	margin-bottom: 2.5rem;
	margin-left: 15px;
}
.whitelist-section-2-wrapper ol li{
	margin-bottom: 10px;
	color: #464647;
}
.whitelist-started{
	border: 0;
	padding: .5rem 1rem;
	border-radius: 7px;
	background-color: #8adeff;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
}
.social-icons{
	display: flex;
	margin-bottom: 2.5rem;
}
.social-icons a{
	margin: 0 12px 12px 0;
	padding: 0;
	width: 32px;
	height: 32px;
	background-position: center center;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 1200px){
	.whitelist-section-1 h1{
		width: 270px;
		line-height: 2.5rem;
		text-align: center;
		font-size: 2rem;
	}
}
@media only screen and (max-width: 992px) {
	.whitelist-section-2-wrapper{
		padding: 2rem 2rem 0 2rem;
	}
	.whitelist-section-1 h1{
		width: 280px;
		line-height: 2rem;
		text-align: center;
		font-size: 2rem;
	}
}
@media only screen and (max-width: 767px) {
	.whitelist-section{
		flex-direction: column;
	}
	.whitelist-section-1, .whitelist-section-2{
		width: 100%;
	}
	.whitelist-section-1 {
		height: 300px;
	}
}
@media only screen and (max-width: 450px) {
	.whitelist-section-1 h1{
		width: 210px;
		font-size: 1.5rem;
	}
}


/*	--------------------------------------------------------------
	impact money-back promo
--------------------------------------------------------------	*/
.money-back-promo-section{
	display: flex;
	flex-direction: column;
}
.money-back-promo-section-1, .money-back-promo-section-2{
	width: 100%;
}
.money-back-promo-section-1{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url('/imeji/money-back-promo.jpg?v=1');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
	height: 450px;
	box-shadow: rgba(28, 20, 69, 0.8) 0px 0px 0px 1000px inset;
}
.money-back-promo-section-1 h1{
	width: 410px;
	line-height: 3rem;
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
	font-family: wh-bold;
}
.money-back-promo-section-2{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.money-back-promo-section-2-wrapper h2:nth-of-type(1), .money-back-promo-section-2-wrapper h2:nth-of-type(2), .money-back-promo-sell-now-section h2{
	margin-bottom: 25px;
	color: #1c1445;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.5rem;
	font-family: wh-bold;
}
.money-back-promo-section-2-wrapper{
	text-align: center;
	padding: 4rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 645px;
}
.money-back-promo-section-2-wrapper > h3:nth-of-type(1), .money-back-promo-button-section p{
	margin-bottom: 3rem;
}
.money-back-promo-section-2-wrapper > h3:nth-of-type(1){
	line-height: 1.5rem;
	max-width: 420px;
}
.money-back-promo-section-2-wrapper h2:nth-of-type(1){
	margin-top: 1rem;
}
.money-back-promo-sale{
	color: #8adeff;
}
.money-back-promo-button-section{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.money-back-promo-button-section-wrapper{
	display: flex;
	justify-content: center;
	margin-bottom: 25px;
}
.money-back-promo-looking{
	border: 0;
	padding: .5rem 1rem .5rem 1rem;
	border-radius: 7px;
	background-color: #8adeff;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
}
.money-back-promo-join, .money-back-promo-sell-now-join{
	border: 0;
	padding: .5rem 1rem .5rem 1rem;
	border-radius: 7px;
	background-color: #1c1445;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: white;
	cursor: pointer;
	margin-top: 10px;
	margin-right: 20px;
}
.money-back-promo-sell-now-join{
	margin: 0;
}
.money-back-promo-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.money-back-promo-info div{
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #1c1445;
	font-weight: bold;
	width: 280px;
	text-align: left;
}
.money-back-promo-info div img{
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.money-back-promo-sell-now-section{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #8adeff;
	width: 100%;
}
.money-back-promo-sell-now-section-wrapper{
	padding: 4rem 0;
	text-align: center;
	max-width: 645px;
}
.money-back-promo-sell-now-section-wrapper p:nth-of-type(1){
	margin-top: 2rem;
}
.money-back-promo-sell-now-section-wrapper p {
	font-size: .7rem;
	line-height: .7rem;
	color: #1c1445;
}
.money-back-promo-sell-now-section-wrapper p:not(:last-child) {
	margin-bottom: .7rem;
}
@media only screen and (max-width: 991px){
	.money-back-promo-section-1 h1 {
		width: 270px;
		line-height: 2.5rem;
		text-align: center;
		font-size: 2.5rem;
		font-weight: bold;
	}
}
@media only screen and (max-width: 767px){
	.money-back-promo-section{
		flex-direction: column;
	}
	.money-back-promo-section-1, .money-back-promo-section-2{
		width: 100%;
	}
	.money-back-promo-section-1 {
		height: 300px;
	}
	.money-back-promo-section-2-wrapper, .money-back-promo-sell-now-section-wrapper{
		padding: 4rem 2rem;
	}
}
@media only screen and (max-width: 575px){
	.money-back-promo-section-2-wrapper {
		padding: 1.5rem;
	}
	.money-back-promo-section-1 h1 {
		line-height: 2rem;
		font-size: 2rem;
	}
	.money-back-promo-section-2-wrapper h2:nth-of-type(1), .money-back-promo-section-2-wrapper h2:nth-of-type(2), .money-back-promo-sell-now-section-wrapper h2{
		font-size: 1.3rem;
	}
}
@media only screen and (max-width: 450px){
	.money-back-promo-section-2-wrapper {
		padding: 1rem;
	}
}
@media only screen and (max-width: 400px){
	.money-back-promo-button-section-wrapper{
		flex-direction: column;
	}
	.money-back-promo-join, .money-back-promo-looking{
		padding: .5rem 0;
		width: 100%;
	}
	.money-back-promo-join{
		margin: 0;
	}
	.money-back-promo-sell-now-section-wrapper{
		padding: 3rem 1rem;
	}
}

/*	--------------------------------------------------------------
	impact - business valuation calculator
--------------------------------------------------------------	*/
.business-valuation-section{
	display: flex;
	flex-direction: column;
}
.business-valuation-section-1{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url('/imeji/valuation_calculator.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
	height: 350px;
	box-shadow: rgba(28, 20, 69, 0.8) 0px 0px 0px 1000px inset;
	-webkit-box-shadow: rgba(28, 20, 69, 0.8) 0px 0px 0px 1000px inset;
	-moz-box-shadow:rgba(28, 20, 69, 0.8) 0px 0px 0px 1000px inset;

}
.business-valuation-section-1 h1{
	width: 384px;
	line-height: 2.2rem;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}
.business-valuation-section-1, .business-valuation-section-2{
	width: 100%;
}
.business-valuation-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 3rem 3rem 0 3rem;
	text-align: center;
	font-family: wh-regular;
}
.business-valuation-info h2{
	margin-bottom: 3rem;
	font-weight: bold;
	line-height: 1.7rem;
	color: #474648;
}
.business-valuation-info p{
	margin-bottom: 2rem;
	color: #464648;
}
.business-valuation-section-2{
	position: relative;
}
.business-valuation-form{
	padding: 1rem 3rem 3rem 3rem;
}
input::placeholder, .form-label{
	color: #464648;
	font-family: wh-bold;
}
.business-valuation-form p{
	font-family: wh-regular;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #464648;
}
.business-valuation-form p span {
	font-family: wh-bold;
}
.input-field{
	width: 100%;
	padding: .7rem .5rem;
	box-shadow: 0 0rem 2rem 0 #cfcfcf;
	-webkit-box-shadow: 0 0rem 2rem 0 #cfcfcf;
	-moz-box-shadow: 0 0rem 2rem 0 #cfcfcf;
	border: 1px solid #cfcfcf;
}
.business-valuation-button{
	border: 0;
	padding: .5rem 2rem .5rem 2rem;
	border-radius: 7px;
	background-color: #8adeff;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
	margin-top: 2rem;
}
.form-label{
	margin-bottom: 1rem;
}
.form-input, .form-section{
	margin-bottom: 2rem;
}
.form-input{
	display: flex;
	flex-wrap: wrap;
}
.form-input .label{
	width: 33.33%;
	display: flex;
	margin-bottom: 1rem;
}
.form-input label input{
	margin-right: .5rem;
}
.form-input .currency{
	margin-right: 2rem;
}
.msg-box{
	width: 100%;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
	padding: .7rem .5rem;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.business-valuation-info{
		padding: 2rem 2rem 0 2rem;
	}
	.business-valuation-form {
		padding: 1rem 3rem 2rem 2rem;
	}
	.form-input .label{
		width: 50%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.business-valuation-info{
		padding: 1rem 1rem 0 1rem;
	}
	.business-valuation-form {
		padding: 1rem 2rem 1rem 1rem;
	}
	.business-valuation-section-1 h1{
		width: 320px;
		font-size: 1.7rem;
	}
	.form-input .label{
		width: 50%;
	}
	.form-input .currency{
		margin-right: .5rem;
	}
}
@media only screen and (max-width: 767px){
	.business-valuation-section{
		flex-direction: column;
	}
	.business-valuation-section-1, .business-valuation-section-2{
		width: 100%;
	}
	.business-valuation-section-1 {
		height: 300px;
	}
	.form-input .label{
		width: 50%;
	}
	.business-valuation-section-2-mobile-support{
		margin:.5rem .5rem 0 .5rem;
	}
	.business-valuation-info{
		padding: 1rem 1rem 0 1rem;
	}
	.business-valuation-form {
		padding: 1rem 2rem 1rem 1rem;
	}
}
@media only screen and (max-width: 500px){
	.form-input .label, .form-input .currency{
		width: 100%;
	}
	.form-input .currency{
		margin-bottom: 1rem;
	}
	.business-valuation-section-1 h1{
		width: 280px;
		font-size: 1.5rem;
		line-height: 2rem;
	}
}
/* extras */
.margin-top {
	margin-top: 1rem;
}
.text-center {
	text-align: center;
}
/*	--------------------------------------------------------------
	impact - buyers workshop
--------------------------------------------------------------	*/
.business-workshop-section-1{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url('/imeji/buyers-workshop.jpg');
	background-position: 70% 70%;
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
	height: 450px;
	box-shadow: rgba(28, 20, 69, 0.8) 0px 0px 0px 1000px inset;
}
.business-workshop-section-1 h1{
	line-height: 2.2rem;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}
.business-workshop-section-2-wrapper{
	padding: 2.5rem 0 0 0;
	margin-bottom: 2rem;
	max-width: 700px;
	margin: auto auto 2rem auto;
}
.business-workshop-section-2-wrapper p, .business-workshop-section-2-wrapper ul{
	line-height: 1.5;
}
.business-workshop-section-2-wrapper h2{
	margin-bottom: 1rem;
	font-family: wh-bold;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.675rem;
	color: #1c1445;
}
.business-workshop-section-2-wrapper h3{
	margin-bottom: 1rem;
	font-family: wh-bold;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.675rem;
	color: #1c1445;
}
.business-workshop-section-2-wrapper .register-workshop-button-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}
.business-workshop-section-2-wrapper .register-workshop-button{
	border: 0;
	padding: .5rem 1rem;
	border-radius: 7px;
	background-color: #8adeff;
	font-family: wh-bold;
	font-size: 1rem;
	line-height: 1.875rem;
	color: #1c1445;
	text-align: center;
	cursor: pointer;
}
.business-workshop-section-2-wrapper .register-workshop-button{
	margin-bottom: 3rem;
	margin-top: 3rem;
}
.business-workshop-section-2-wrapper ul{
	list-style: none;
}
.business-workshop-section-2-wrapper ul li::before {
	content: "\25AA";
	color: #8adeff;
	font-weight: bold;
	display: inline-block;
	width: 1em;
  }
.buyer-workshop-reference-1{
	display: flex;
	width: 100%;
	justify-content: space-evenly;
}
.buyers-workshop-img{
	width: 100px;
}
.buyers-img-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}
.buyers-workshop-social-img{
	width: 70px;
}
.buyer-workshop-reference-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 3rem;
}
.buyer-workshop-reference-1-item-1,
.buyer-workshop-reference-1-item-2,
.buyer-workshop-reference-1-item-3{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: wh-bold;
	font-size: 1rem;
	color: #1c1445;
}
.buyer-workshop-reference-2{
	margin-top: 3rem;
}
.buyer-workshop-social-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}
.buyer-workshop-social-wrapper a:not(:last-child){
	margin-right: 1rem;
}
.bg-secondary{
	color: #8adeff !important;
}
@media only screen and (max-width: 991px) and (min-width: 768px){
	.business-workshop-section-1 h1{
		font-size: 1.7rem;
	}
}
@media only screen and (max-width: 767px){
	.business-workshop-section-1 {
		height: 300px;
	}
}
@media only screen and (max-width: 500px){
	.buyer-workshop-reference-1{
		display: flex;
		flex-direction: column;
		justify-content: unset;
	}
	.buyer-workshop-reference-1-item-1,
	.buyer-workshop-reference-1-item-2,
	.buyer-workshop-reference-1-item-3{
		margin-bottom: 1rem;
	}
	.business-workshop-section-2-wrapper .register-workshop-button{
		padding: .5rem 0;
		width: 100%;
	}
	.business-workshop-section-2-wrapper h3{
		font-size: 1.2rem;
	}
	.business-workshop-section-1 h1{
		font-size: 1.5rem;
		line-height: 2rem;
	}

}

/*	--------------------------------------------------------------
	impact - insidebiz
--------------------------------------------------------------	*/
.insidebiz-header{
	background-color: #1c1445;
	color: white;
}
.insidebiz-header-wrapper{
	padding: 4rem 0;
	margin: auto;
}
.insidebiz-header-inner-wrapper{
	display: flex;
	padding: 0 3rem 0 3rem;
}
.slack-logo-header{
	width: 40px;
	display: inline;
	margin-left: 1rem;
	margin-top: 1rem;
}
.insidebiz-header-content-1, .insidebiz-header-content-2{
	width: 50%;
}
.insidebiz-header-content-1{
	padding: 0 8rem 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: baseline;
}
.insidebiz-header-content-1 .insidebiz-main-title-welcome{
	font-size: 3.8rem;
	line-height: 4.3rem;
}
.insidebiz-header-content-1 .insidebiz-main-title{
	line-height: 4.5rem;
	font-size: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slack-title{
	color: #8adeff;
}
.slack-p-top-margin{
	margin-top: 3rem;
}
.slack-p, .insidebiz-label{
	font-size: 2rem;
	line-height: 2.5rem;
}
.insidebiz-header-content-2-wrapper{
	color: #1c1445;
}
.insidebiz-header-content-2{
	background: white;
}
.insidebiz-header-content-2-wrapper{
	padding: 3rem;
}
.insidebiz-input-form-inline-wrapper{
	display: flex;
}
.input-grp-inline{
	width: 50%;
}
.input-form-group{
	display: flex;
	flex-direction: column;
}
.insidebiz-label{
	margin-bottom: 2rem;
}
.input-form-group label{
	margin-bottom: .7rem;
}
.input-form-group.input-grp-inline:nth-child(1){
	padding-right: 1rem;
}
.insidebiz-input-field{
	padding: .7rem .3rem;
}
.input-form-group.second-input-form-grp{
	margin-top: 1.5rem;
}
.insidebiz-btn{
	background: #e92936;
	border: 1px solid #e92936;
	padding: 1rem 3rem;
	color: white;
	margin-top: 2rem;
	cursor: pointer;
}
.insidebiz-text-img{
	display: inline;
	width: 98px;
	margin-left: .5rem;
}
.insidebiz-body-inner-wrapper, .insidebiz-body-full-inner-content{
	padding: 5rem 3rem 5rem 3rem;
	color: #1c1445;
}
.insidebiz-b-img{
	width: 50px;
}
.insidebiz-title-1{
	font-family: 'wh-bold';
	color: #1c1445;
	margin-top: 3rem;
}
.insidebiz-body-1-p{
	margin-top: 3rem;
	font-size: 1.5rem;
	line-height: 2rem;
}
.bizntxt-secondary{
	color: #e92936;
}
.insidebiz-body-1-p-note{
	font-family: 'wh-bold';
	margin-top: 2rem;
	line-height: 1.5rem;
}
.insidebiz-body-2, .insidebiz-body-3, .insidebiz-body-4, .insidebiz-body-5{
	display: flex;
}
.insidebiz-body-2{
	margin-top: 4rem;
}
.insidebiz-body-3{
	margin-top: 3rem;
}
.insidebiz-body-4{
	margin-top: 3rem;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	background-color: #1c1445;
	color: white;
	padding: 2rem;
	line-height: 1.5rem;
	text-align: center;
}
.insidebiz-body-2-content-1, .insidebiz-body-2-content-2, .insidebiz-body-3-content-1, .insidebiz-body-3-content-2{
	width: 50%;
}
.insidebiz-body-2-content-1-wrapper,
.insidebiz-body-2-content-2-wrapper,
.insidebiz-body-3-content-1-wrapper,
.insidebiz-body-3-content-2-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #1c1445;
	color: white;
	text-align: center;
	line-height: 1.5rem;
	padding: .5rem 2rem;
	height: 355px;
}
.insidebiz-body-2-content-1, .insidebiz-body-3-content-1{
	margin-right: 1.5rem;
}
.insidebiz-body-2-content-2, .insidebiz-body-3-content-2{
	margin-left: 1.5rem;
}
.inseidebiz-body-2-img, .inseidebiz-body-3-img, .inseidebiz-body-4-img{
	width: 75px;
}
.insidebiz-body-2-content-1 h2, .insidebiz-body-3-content-1 h2,
.insidebiz-body-2-content-2 h2, .insidebiz-body-3-content-2 h2,
.insidebiz-body-4 h2{
	margin: 1.5rem 0;
	font-family: 'wh-bold';
}
.insidebiz-body-2-content-1 h2, .insidebiz-body-3-content-2 h2, .insidebiz-body-5-number-1{
	color: #8adeff;
}
a.insidebiz-body-5-number-1{
	color: #8adeff !important;
	text-decoration: underline !important;
}
.insidebiz-body-2-content-2 h2{
	color: #e92936;
	margin: 1.5rem 0;
	font-family: 'wh-bold';
}
.insidebiz-body-3-content-1 h2, .insidebiz-body-5-number-3{
	color: #ea60ad;
}
.insidebiz-body-4 h2{
	color: #e92936;
}
.insidebiz-body-full-wrapper{
	background-color: #f6f9f9;
}
.insidebiz-body-5{
	flex-direction: column;
}
.insidebiz-body-5-number-1, .insidebiz-body-5-number-2,
.insidebiz-body-5-number-3, .insidebiz-body-5-number-4{
	font-family: 'wh-bold';
}
.insidebiz-body-5-content h2{
	font-size: 2rem;
}
.insidebiz-body-5-number-2{
	color: #e92936;
}
.insidebiz-body-5-number-4{
	color: #1c1445;
}
.insidebiz-body-5-content{
	display: flex;
	/* font-family: 'wh-semibold'; */
}
.insidebiz-body-5-content-1, .insidebiz-body-5-content-2{
	width: 50%;
}
.insidebiz-body-5-content-1 h2, .insidebiz-body-5-content-2 h2{
	margin: 0 0 1.5rem 0;
}
.insidebiz-body-5-header{
	margin-bottom: 3rem;
	font-family: 'wh-bold';
}
.insidebiz-body-5-content:last-child{
	margin-top: 3rem;
}
.insidebiz-body-5-content-1{
	margin-right: 1.5rem;
}
.insidebiz-body-5-content-2{
	margin-left: 1.5rem;
}
.insidebiz-body-5-content p{
	font-size: 1.5rem;
	line-height: 2rem;
}
.insidebiz-body-6{
	display: flex;
	flex-direction: column;
}
.insidebiz-body-6-content{
	display: flex;
}
.insidebiz-body-6-content:not(:first-child){
	margin-top: 1.5rem;
}
.insidebiz-body-6-header h2{
	font-family: 'wh-bold';
}
.insidebiz-body-6-content h2{
	font-size: 2rem;
	line-height: 2.5rem;
	font-family: 'wh-bold';
	margin-bottom: 1.5rem;
}
.insidebiz-body-6-content p{
	line-height: 1.5rem;
}
.insidebiz-body-6-content-1, .insidebiz-body-6-content-2{
	width: 50%;
}
.insidebiz-body-6-content-1{
	margin-right: 1.5rem;
}
.insidebiz-body-6-content-2{
	margin-left: 1.5rem;
}
.insidebiz-body-6-link{
	color: #8adeff !important;
	text-decoration: underline !important;
}
.insidebiz-body-6-content:last-child .insidebiz-body-6-content-2 p:last-child{
	margin-top: 1.5rem;
}
.msg-box-submission{
	width: 100%;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
	padding: .7rem 0;
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
	.insidebiz-body-inner-wrapper, .insidebiz-body-full-inner-content{
		padding: 5rem 2rem 5rem 2rem;
	}
	.insidebiz-body-2-content-1-wrapper, .insidebiz-body-2-content-2-wrapper,
	.insidebiz-body-3-content-1-wrapper, .insidebiz-body-3-content-2-wrapper{
		height: 315px;
		padding: 1.5rem 2rem;
	}
	.insidebiz-header-content-1 {
		padding: 0 3rem 0 0;
	}
	.insidebiz-header-inner-wrapper{
		padding: 0 2rem;
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
	.insidebiz-body-inner-wrapper, .insidebiz-body-full-inner-content{
		padding: 5rem 1rem 5rem 1rem;
	}
	.insidebiz-body-2-content-1, .insidebiz-body-3-content-1{
		margin-right: .5rem;
	}
	.insidebiz-body-2-content-2, .insidebiz-body-3-content-2{
		margin-left: .5rem;
	}
	.insidebiz-body-3, .insidebiz-body-4{
		margin-top: 1rem;
	}
	.insidebiz-body-2-content-1-wrapper, .insidebiz-body-2-content-2-wrapper,
	.insidebiz-body-3-content-1-wrapper, .insidebiz-body-3-content-2-wrapper{
		height: 435px;
		padding: .5rem 2rem;
	}
	.insidebiz-header-inner-wrapper{
		padding: 0 1rem;
	}
	.insidebiz-header-content-1 {
		padding: 0 1rem 0 0;
	}
	.insidebiz-header-content-2-wrapper{
		padding: 2rem;
	}
	.insidebiz-input-form-inline-wrapper{
		flex-direction: column;
	}
	.input-grp-inline{
		width: 100%;
	}
	.input-form-group.input-grp-inline:nth-child(1){
		padding-right: 0;
	}
	.input-form-group.input-grp-inline:nth-child(2){
		margin-top: 1.5rem;
	}
}
@media only screen and (max-width: 767px){
	.insidebiz-body-inner-wrapper, .insidebiz-body-full-inner-content{
		padding: 5rem 1rem 5rem 1rem;
	}
	.insidebiz-body-2, .insidebiz-body-3, .insidebiz-body-5-content{
		flex-direction: column;
	}
	.insidebiz-body-2-content-1, .insidebiz-body-2-content-2,
	.insidebiz-body-3-content-1, .insidebiz-body-3-content-2,
	.insidebiz-body-5-content-1, .insidebiz-body-5-content-2,
	.insidebiz-body-6-content-1, .insidebiz-body-6-content-2{
		width: 100%;
	}

	.insidebiz-body-2-content-1, .insidebiz-body-3-content-1,
	.insidebiz-body-5-content-1, .insidebiz-body-6-content-1{
		margin-right: 0;
	}
	.insidebiz-body-2-content-2, .insidebiz-body-3-content-2,
	.insidebiz-body-5-content-2, .insidebiz-body-6-content-2{
		margin-left: 0;
	}
	.insidebiz-body-2-content-2, .insidebiz-body-3,
	.insidebiz-body-3-content-2, .insidebiz-body-4{
		margin-top: 1rem;
	}
	.insidebiz-body-2-content-1-wrapper, .insidebiz-body-2-content-2-wrapper,
	.insidebiz-body-3-content-1-wrapper, .insidebiz-body-3-content-2-wrapper{
		height: 267px;
		padding: 1.5rem 1rem;
	}
	.insidebiz-body-5-content-2, .insidebiz-body-5-content:last-child,
	.insidebiz-body-5-content-2{
		margin-top: 2rem;
	}
	.insidebiz-body-5-content-1 h2, .insidebiz-body-5-content-2 h2 {
		margin: 0 0 1rem 0;
	}
	.insidebiz-body-5-number-1-link{
		word-break: break-all;
	}
	.insidebiz-body-6-content{
		flex-direction: column;
	}
	.insidebiz-body-6-content-2{
		margin-top: 1.5rem;
	}
	.insidebiz-header-inner-wrapper{
		padding: 0 1rem;
	}
	.insidebiz-header-inner-wrapper{
		flex-direction: column;
	}
	.insidebiz-header-content-1, .insidebiz-header-content-2{
		width: 100%;
	}
	.insidebiz-header-content-1 {
		padding: 0;
	}
	.insidebiz-header-content-2{
		margin-top: 3rem;
	}
	.insidebiz-header-content-1 .insidebiz-main-title,
	.insidebiz-header-content-1 .insidebiz-main-title-welcome{
		line-height: 3.5rem;
		font-size: 3rem;
	}
	.insidebiz-text-img{
		width: 70px;
	}
	.slack-logo-header{
		margin-left: 1rem;
		margin-top: .5rem;
	}
	.insidebiz-body-5-content h2, .insidebiz-body-6-content h2 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
}
@media only screen and (max-width: 576px){
	.insidebiz-body-2-content-1-wrapper, .insidebiz-body-2-content-2-wrapper,
	.insidebiz-body-3-content-1-wrapper, .insidebiz-body-3-content-2-wrapper{
		height: 315px;
	}
	.insidebiz-input-form-inline-wrapper{
		flex-direction: column;
	}
	.input-grp-inline{
		width: 100%;
	}
	.input-form-group.input-grp-inline:nth-child(1){
		padding-right: 0;
	}
	.input-form-group.input-grp-inline:nth-child(2){
		margin-top: 1.5rem;
	}
	.insidebiz-header-content-2-wrapper{
		padding: 2rem 1rem;
	}
	.insidebiz-header-content-1 .insidebiz-main-title,
	.insidebiz-header-content-1 .insidebiz-main-title-welcome{
		line-height: 2.5rem;
		font-size: 2rem;
	}
	.insidebiz-text-img{
		width: 50px;
	}
	.slack-logo-header {
		width: 30px;
		margin-left: .5rem;
		margin-top: .5rem;
	}
	.slack-p, .insidebiz-label {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.insidebiz-body-5-header h2,
	.insidebiz-body-6-header h2,
	.insidebiz-title-1{
		font-size: 1.3rem;
	}
}
@media only screen and (max-width: 450px){
	.insidebiz-body-2-content-1-wrapper, .insidebiz-body-2-content-2-wrapper,
	.insidebiz-body-3-content-1-wrapper, .insidebiz-body-3-content-2-wrapper{
		height: 411px;
	}
}


/*	--------------------------------------------------------------
	impact - datastories
--------------------------------------------------------------	*/
.div-datastories-section-1{
	background-color: #1c1445;
	font-family: benton-sans;
	padding-top: 100px;
	padding-bottom: 75px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
}

.h1-datastories-section-1{
	color: #FFF;
	margin-bottom: 15px;
}
.span-datastories-section-1{
	color: #77cdbf;
}


.div-map-temp{
	border: 1px solid #FFF;

	width: 100%;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.p-datastories-section-1{
	color: #FFF;
	font-size: 0.8rem;
	line-height: 1;
	text-align: center;
	padding: 0 15px;
}

.div-datastories-section-1-stat-row{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 730px;
	margin-top: 15px;
}
.div-datastories-section-1-stat-1{
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	align-items: center;
	border: 1px solid #19123d;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	width: 100%;
	height: 350px;
}

.div-datastories-section-1-stat-2{
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	align-items: center;
	border: 1px solid #19123d;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	width: 100%;
	max-width: 350px;
	height: 350px;
}


.div-datastories-section-1-stat-section{
	display: flex;
	flex-flow: column nowrap;

}
.p-datastories-section-1-stat{
	color: #77cdbf;
	font-size: 1.8rem;
	margin-bottom: 15px;
	text-align: center;
}

.span-datastories-section-1-stat{
	color: #FFF;
	text-align: center;
	width: 100%;
	max-width: 300px;
	line-height: 1.6rem;
}
.p-datastories-section-1-stat-header{
	color: #FFF;
	font-size: 1.2rem;
}
.p-datastories-section-1-stat-footnote{
	color: #77cdbf;
	font-size: 0.8rem;
}

.div-datastories-section-1-footnote{
	padding-left: 20px;
	padding-right: 20px;
}
.p-datastories-section-1-footnote{
	text-transform: uppercase;
	color: #FFF;
	width: 100%;
	max-width: 600px;
	margin-top: 50px;
	letter-spacing: 2px;
	line-height: 1.4rem;
	font-size: 1rem;
}

.span-datastories-section-1-footnote{
	color: #49bcaa;
}

.div-datastories-section-2{
	background-color: #FFF;
	font-family: benton-sans;
	padding-top: 75px;
	padding-bottom: 75px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;

}

.h2-datastories-section-2{
	color: #192331;
	width: 100%;
	max-width: 800px;
	text-align: center;
	font-size: 2rem;
	line-height: 2rem;
}


.p-datastories-section-2{
	color: #676565;
	font-size: 1rem;

	max-width: 600px;
	margin-top: 30px;
	line-height: 2rem;
	text-align: center;
	padding: 0 15px;
}

.div-datastories-section-2-image{
	margin-top: 50px;
	width: 100%;
	max-width: 800px;
	height: auto;
	position: relative;
}

.div-datastories-circle{
	background-color: #FFF;
	color:#49bcaa;
	border: 1px solid #FFF;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	font-size: 1rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.div-datastories-circle-1{
	position: absolute;
	right: 30%;
	top: 100px;
}

.div-datastories-circle-2{
	position: absolute;
	right: 100px;
	top: 600px;
}

.div-datastories-circle-3{
	position: absolute;
	left: 50%;
	top: 600px;
}

.div-datastories-circle-4{
	position: absolute;
	left: 150px;
	top: 375px;
}

.div-datastories-circle-5{
	position: absolute;
	left: 100px;
	top: 400px;
}


.p-datastories-section-2-share{
	margin-top: 50px;
	margin-bottom: 15px;
	font-size: 0.8rem;
}


.div-datastories-section-3{
	background-color: #49bcaa;
	font-family: benton-sans;
	padding: 75px 30px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
}

.div-datastories-section-3-header{
	text-align: center;
}

.h2-datastories-section-3{
	color: #1c1445;
	font-size: 2rem;
	line-height: 2rem;
}

.div-datastories-section-3-body{
	display: flex;
    flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 50px;
	width: 100%;
	max-width: 950px;
	position: relative;
    gap: 1rem;
}

.span-datastories-section-3{
	color: #FFF;
}


.div-datastories-section-3-element{
	margin-top: 10px;
	padding-left: 3px;
	padding-right: 3px;
}

.img-datastories-small-business{
	width: 100%;
	height: auto;
}

.img-datastories-report{
	width: 100%;
	max-width: 300px;
	height: auto;
}

.img-datastories-check-this-out{
	width: 100%;
	max-width: 80px;
	height: auto;
	position: absolute;
	top:-30px;
	left: 30px;
}

#map{
	margin-top: 30px;
	height: 700px;
	width: 100%;
	max-width: 1300px;
	margin-bottom: 50px;
}

#map > div{
	background-color: #192331 !important;
}

@media (max-width:991px){
	.div-datastories-section-3-body{
		flex-flow: column nowrap;

	}
}
@media (max-width: 526px){
	.span-datastories-section-1-stat{
		font-size: 0.7rem;
	}
	.div-datastories-section-3{
		height: unset;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.div-datastories-section-1-stat-row{
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
	}

	.div-datastories-section-1-stat-1{
		height: 250px;
		max-width: 300px;
	}
	.div-datastories-section-1-stat-2{
		height: 250px;
		max-width: 300px;
	}

	.p-datastories-section-1-footnote{
		text-align: justify;
	}

	.p-datastories-section-2{
		line-height: 1.2rem;
	}


}



/***************************************************************
*                                                              *
*                                                              *
*              2022 Redesign                                   *
*                                                              *
*                                                              *
***************************************************************/
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}


.container *{
    box-sizing: border-box;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}


.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}


.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

.order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

.cursor-pointer{
    cursor: pointer;
}
.d-block{
    display: block;
}

.d-inline-block{
    display: inline-block;
}

.d-flex{
    display: flex;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}


.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}
.letter-spacing-1{
    letter-spacing: .25rem;
}
.letter-spacing-2{
    letter-spacing: .5rem;
}
.letter-spacing-3{
    letter-spacing: .75rem;
}
.letter-spacing-4{
    letter-spacing: 1rem;
}
.letter-spacing-5{
    letter-spacing: 1.25rem;
}

.div-basab-footer-social{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

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

.text-uppercase{
    text-transform: uppercase;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Setup                                *
*                                                              *
*                                                              *
***************************************************************/
.color-black{
    color: #000 !important;
}

.color-white{
    color: #fff !important;
}
.color-one{
    color: #1c1445 !important;
}

.color-two{
    color: #00c2f2 !important;
}

.color-three{
    color: #ff4f00 !important;
}

.color-four{
    color: #ced9fc !important;
}


.color-five{
    color: #f5f5f5 !important;
}

.color-six{
    color: #99c1da !important;
}

.color-seven{
    color: #ffa77f !important;
}

.color-eight{
    color: #aaa !important;
}

.color-nine{
    color: #8adeff !important;
}

.color-ten{
    color: #01c1f0 !important;
}
.color-grey{
    color: #666666 !important;
}

.bg-one{
    background-color: #1c1445;
}

.bg-two{
    background-color: #00c2f2;
}

.bg-three{
    background-color: #ff4f00;
}

.bg-four{
    background-color: #ced9fc;
}

.bg-five{
    background-color: #f5f5f5;
}

.border-one{
    border: 1px solid #1c1445;
}

.border-two{
    border: 1px solid #00c2f2;
}
.border-three{
    border: 1px solid #ff4f00;
}

.border-radius-one{
    border-radius: 12px;
}

.benton-sans-regular{
    font-family: 'benton-sans-regular';
}

.benton-sans-medium{
    font-family: 'benton-sans-medium';
}

.noe-display{
    font-family: 'noe-display';
}

.position-relative{
    position: relative;
}

.text-underline{
    text-decoration: underline;
}

.text-left{
    text-align: left;

}

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

.w-100{
    width: 100%;
    display: block;
    text-align: center;
}

.white-space-no-wrap{
    white-space: nowrap;
}

.btn-transparent{
    background-color: transparent;
    border: none;
    cursor: pointer;


}

.hr-basab{
    color: #ff4f00;
}
@media (max-width:767px){
    .div-list-now-button{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80%;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }
}
/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Defaults                             *
*                                                              *
*                                                              *
***************************************************************/

.link-min-width{
    min-width: 80px;
}
a.link-one,
a.link-two,
a.link-three,
button.link-three{
    border-radius: 12px;
    font-size: .9rem;


}

a.link-one:hover, a.link-one:hover, a.link-one:visited, a.link-one:active,
a.link-two:hover, a.link-two:hover, a.link-two:visited, a.link-two:active{
    color: #fff;
}

a.link-three:hover, a.link-three:hover, a.link-three:visited, a.link-three:active{
    color: #1c1445;
}


a.link-big{
    font-size: 1.1rem;
}

.div-basab-header-one{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 0;
}

.div-basab-header-two{
    width: 100%;
    /* max-width: 800px; */
	max-width: 500px;
    margin: 0 auto;
    padding: 50px 0;
}

.div-basab-header-three{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.div-basab-header-four{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.section-header-background{
    padding: 5rem 0 4rem 0;
}

.section-header-background-small{
    padding: 2rem 0;
}

.h1-basab-header{
    font-size: 3.7rem;
    line-height: 3.7rem;
}

.h1-basab-header-two{
    font-size: 3rem;
    line-height: 3rem;
}

.img-header-swiggle-one-top{
    position: absolute;
    left: 50px;
    top: -60px;
    width: 100%;
    max-width: 65px;
    height: auto;
}

.img-header-swiggle-one-bottom{
    position: absolute;
    right: 0px;
    bottom: -50px;
    width: 100%;
    max-width: 100px;
    height: auto;
}

.img-header-sell-swiggle-one-top{
    position: absolute;
    left: 100px;
    top: -90px;
    width: 100%;
    max-width: 65px;
    height: auto;
}

.img-header-sell-swiggle-one-bottom{
    position: absolute;
    right: 0;
    bottom: -60px;
    width: 100%;
    max-width: 100px;
    height: auto;
}


.img-header-swiggle-three-top{
    position: absolute;
    left: 30px;
    top: -60px;
    width: 100%;
    max-width: 65px;
    height: auto;
}
.img-header-swiggle-three-bottom{
    position: absolute;
    right: 0;
    bottom: -100px;
    width: 100%;
    max-width: 100px;
    height: auto;
}
.img-header-swiggle-four{
    position: absolute;
    right: 50px;
    top: 10px;
    width: 100%;
    max-width: 65px;
    height: auto;
}

.button-link-max-width{
    width: 100%;
    display: block;
    text-align: center;
}

.div-view-pricing-buttons{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}


.lh-1{
    line-height: 1.5rem;
}

.lh-2{
    line-height: 2rem;
}

.lh-3{
    line-height: 3rem;
}

@media (max-width:991px){
    .div-basab-header-two{

        width: 80%;
        /* max-width: 800px; */
        padding: 25px 0;
    }

    .div-basab-header-one{
        width: 80%;
        max-width: 800px;
        margin: 0 auto;
        padding: 25px 0;
    }
}
@media (max-width:767px){
    .h1-basab-header{
        font-size: 2rem;
        line-height: 2rem;
    }

    .img-header-swiggle-one-top{
        position: absolute;
        left: 100px;
        top: -60px;
        width: 100%;
        max-width: 30px;
        height: auto;
    }

    .img-header-swiggle-one-bottom{
        position: absolute;
        right: 35px;
        bottom: -50px;
        width: 100%;
        max-width: 50px;
        height: auto;
    }

    .img-header-sell-swiggle-one-top{
        position: absolute;
        left: 50px;
        top: -60px;
        width: 100%;
        max-width: 30px;
        height: auto;
    }

    .img-header-sell-swiggle-one-bottom{
        position: absolute;
        right: 0;
        bottom: -130px;
        width: 100%;
        max-width: 50px;
        height: auto;
    }

    .img-header-swiggle-three-top{
        left: 0;
        top: -60px;
        max-width: 40px;
    }

    .img-header-swiggle-three-bottom{
        right: 0;
        bottom: -40px;
        max-width: 50px;
    }

    .button-link-max-width{
        width: 90%;
    }
}

@media (max-width: 525px){
    .img-header-swiggle-one-bottom{
        position: absolute;
        right: 35px;
        bottom: -130px;
        width: 100%;
        max-width: 50px;
        height: auto;
    }
}
@media (max-width: 350px){
    .img-header-sell-swiggle-one-top{
        position: absolute;
        left: 0;
        top: -60px;
        width: 100%;
        max-width: 30px;
        height: auto;
    }

    .img-header-sell-swiggle-one-bottom{
        position: absolute;
        right: 0;
        bottom: -130px;
        width: 100%;
        max-width: 50px;
        height: auto;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Search Element                       *
*                                                              *
*                                                              *
***************************************************************/

.div-search-business{
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    margin-top: 30px;
    overflow: hidden;
}

.input-search-business{
    display: block;
    float: left;
    border: none;

    border-top-left-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 12px;
    padding: 8px 0px 8px 8px;
    width: 100%;
    /* max-width: 400px; */
	max-width: calc(100% - 86px);
    height: 22px;
    background-color: #ffffff;
    font-family: 'benton-sans-medium';
    font-size: 1rem;
    line-height: 1.375rem;
    color: #333333;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.input-search-business::placeholder{
    color: #ccc;
}

.div-search-icon{
    display: block;
    float: left;
    margin: 0;
    border: none;
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;

    width: 24px;
    height: 38px;
    background-color: #ffffff;
    background-image: url('/d_img/2022/search-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.div-search-icon-end{
    display: block;
    float: left;
    margin: 0;
    border: none;
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
    padding-right: 30px;
    width: 24px;
    height: 38px;
    background-color: #ffffff;
    background-image: url('/d_img/2022/search-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.div-houndify-icon{
    display: block;
    float: left;
    margin: 0;
    border: none;
    border-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
    padding-right: 30px;
    width: 24px;
    height: 38px;
    background-color: #ffffff;
    background-image: url('/d_img/2022/microphone.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.p-basab-text{
    font-size: 2.5rem;
    line-height: 3rem;
}

.hr-hyphen{
    display: inline;
    width: 10px;
    height: 3px;
}

@media (max-width:767px){
    .p-basab-text{
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (max-width: 525px){
    .div-houndify-icon{
        padding-right: 15px;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Forms                                *
*                                                              *
*                                                              *
***************************************************************/

.div-inputs{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
}

.form-control-one{
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'benton-sans-medium';
    line-height: 1.5;
    background-color: transparent;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 5px;
}


input.form-control-one::placeholder{
    color: #1c1445;
    opacity: 1;
    font-family: 'benton-sans-medium';
}

.form-control-two{
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'benton-sans-medium';
    line-height: 1.5;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 5px;
}

.form-select-one{
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'benton-sans-medium';
    line-height: 1.5;


    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.form-select-two{
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'benton-sans-medium';
    line-height: 1.5;


    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}




input.form-control-two::placeholder{
    color: #fff;
    opacity: 1;
    font-family: 'benton-sans-medium';
}


.form-control-three{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 5px;
}

input.form-control-three::placeholder{
    color: #1c1445;
    opacity: 1;
    font-family: 'benton-sans-medium';
}


.form-select-three{
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;

    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
}

.form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
    margin-right: 5px;
}
.form-check-input {
    width: 16px;
    height: 16px;
    margin-top: 0;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: flex;
    align-items: center;
}

.form-check-label{
    margin-left: 0;
    font-size: .9rem;
    line-height: .9rem;
}


@media screen and (max-width: 767px){
    .form-control-one,
    .form-control-two,
    .form-select-two{
        align-self: center;
    }

    .div-inputs{
        width: 90%;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Sectionals                           *
*                                                              *
*                                                              *
***************************************************************/

.div-sectionals-three{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.div-sectional-left,
.div-sectional-middle,
.div-sectional-right{
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    max-width: 300px;

}

.div-sectional-middle{
    text-align: center;
}

.div-sectional-right{
    justify-content: center;
    align-items: flex-end;
}
.div-sectional-img{
    height: 50px;
}

.img-sectional{
    width: 100%;
    max-width: 100px;
    height: auto;
}
.p-sectional-header{
    height: 75px;
    font-size: 1.2rem;
    line-height: 1.5rem;
}

.p-sectional-text{
    margin-top: 15px;
    font-size: .8rem;
    line-height: 1.5rem;
    height: 125px;
}

.div-section-testimonials{
    width: 100%;
    padding: 50px 0;
    background: url("/d_img/2022/testimonials-background.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.div-section-testimonials p{
    padding-left: 15px;
    padding-right: 15px;

}

.p-testimonial-heading{
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin-top: 15px;
    text-align: center;
}

.p-testimonial-name{
    font-size: 1.8rem;
    line-height: 2rem;
}

.div-testimonial-text{
    width: 100%;
    max-width: 600px;
    margin-top: 30px;
    font-size: 1rem;
    line-height: 1.5rem;

}

.div-testimonial-text p{
    padding-left: 30px;
    padding-right: 30px;
}
.div-testimonial-read-more{
    margin-top: 45px;
}

.link-testimonial-read-more{
    font-size: 1.2rem;
    line-height: 1.2rem;
    border-radius: 12px;

}

@media (max-width:767px){
    .div-sectionals-three{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

    .div-sectional-left, .div-sectional-middle, .div-sectional-right{
        justify-content: center;
        align-items: center;
    }

    .div-sectional-middle, .div-sectional-right{
        margin-top: 50px;
    }

    .p-sectional-header{
        text-align: center;
        height: 45px;
    }

    .p-testimonial-name{
        font-size: 1.4rem;
        line-height: 2rem;
    }

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

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Cards                                *
*                                                              *
*                                                              *
***************************************************************/

.card{
    border: 1px solid #ccc;
    border-radius: 40px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    padding: 5rem;
}

.div-card-content{
    display: flex;
    justify-content: space-between;

}

.h2-card{
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 700;
}


.card-business{
    border: 1px solid #ccc;
    border-radius: 40px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    padding: 0;
    display: flex;


}



.h2-card-testimonial{
    font-size: 2rem;
    line-height: 2rem;
}

.p-card-testimonial-type{
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.p-card-testimonial-text{
    font-size: .9rem;
    line-height: .9rem;
}



.img-card-business{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.div-card-business-image{
    flex: 0 0 150px;
}
.div-card-business-image-background{
    height: 100%;
    width: 200px;
}

.div-card-business-content{
    flex: 1 1 auto;
}

.p-card-business-title{
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.p-card-business-text{
    font-size: .9rem;
    line-height: 1.5rem;
}

.div-card-business-industry{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;

}

.img-card-business-verified-seller{
    width: 100%;
    max-width: 25px;
    height: auto;
}

.div-card-business-read-more{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.div-card-business-verified-seller{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}




.p-business-label-title{
    font-size: 1.2rem;
    line-height: 1.2rem;
}
.div-business-label-text{
    background-color: #ced9fc;
    padding: 1rem .5rem;
}



.div-basab-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.ul-nav{
    list-style: none;
    display: flex;
}

.li-nav{
    padding: 1rem 2rem;
}

.div-card-testimonial-text{
    font-size: .9rem;
    line-height: 1.5rem;
}

.div-card-testimonial-text p{
    margin-top: 1.5rem;
}

@media screen and (max-width:1199px){
    .div-card-business-read-more{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: flex-start;
        gap: 1rem;
    }
}
@media screen and (max-width:991px){
    .li-nav{
        padding: 1rem 1rem;
    }

}
@media screen and (max-width:767px){
    .h2-card-testimonial{
        font-size: 1.6rem;
        line-height: 1.6rem;
    }

    .div-card-testimonial-text{
        font-size: .8rem;
        line-height: 1rem;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Mobile Nav Menu                      *
*                                                              *
*                                                              *
***************************************************************/
 /* Style the navigation menu */
.topnav {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 50px;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #000;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;

}

.link-mobile-menu-logo{
    margin-left: 15px;
}
.topnav a.link-toggle-mobile-menu{
    margin-right: 30px;
}

/* Style the hamburger menu */
.topnav a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #00c2f2;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #00c2f2;
  color: white;
}

.div-mobile-nav{
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: center;
}

.span-bar{
    width: 30px;
    height: 1px;
    display: block;
    border: 2px solid #1c1445;
    margin-top: 2px;
    margin-bottom: 2px;
}


.span-bar-rotate-1{
    transform: rotate(45deg) translateY(4px) translateX(1px);
}

.span-bar-rotate-2{
    display: none;
}

.span-bar-rotate-3{
    transform: rotate(315deg) translateY(-3px) translateX(1px);
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign Home Page                              *
*                                                              *
*                                                              *
***************************************************************/
.h1-homepage-header{
    font-size: 3rem;
    line-height: 3rem;
}

.img-swiggle-homepage-header{
    position: absolute;
    left: -30px;
    top: -45px;
    width: 100%;
    max-width: 50px;
    height: auto;
    z-index: 3;
}


/***************************************************************
*              Homepage Events                                 *
***************************************************************/

.div-homepage-events-background{
    background-color: #1c1445;
}

.h2-homepage-events{
    font-size: 3rem;
    line-height: 3rem;
}

.link-homepage-events{
    padding: .7rem 2rem;
    border-radius: 10px;
    color: #fff;
}

.div-homepage-events-text-section{
    height:100%;
    display:flex;
    flex-flow:column nowrap;
    justify-content: center;
    align-items: center;
}
.div-homepage-events-carousel{
    padding: 5rem 2rem;
}

.div-homepage-events-card{
    background-color: #ced9fc;
    border-radius: 10px;
    height: 250px;
    width: 200px;
    margin: 0 15px;
    padding: 10px;
}

.img-homepage-events-logo{
    width: 100%;
    max-width: 125px;
    height: auto;
    display: block;
    margin: 15px auto;
}

.img-events-page-logo{
    width: 100%;
    max-width: 200px;
    height: auto;
    display: block;
    margin: 5px auto;


}

.div-events-date{
    font-size: .8rem;
}

.img-swiggle-homepage-events{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: auto;
    object-fit: cover;
}
.div-search-business-options{
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    /* gap: 1.5rem; */
	gap: 1rem;
}

.div-search-button-submit{
    max-width: 300px;
    margin-top: 15px;
}

.div-homepage-banner{
    padding: 5rem 2rem;
    background-color: #8adeff;
}
.h2-homepage-banner{
    font-size: 2rem;
    line-height: 2.3rem;
}

.div-homepage-banner-links{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    gap: 1rem;
}

.div-homepage-search-button{
    max-width: calc(100% - 2rem);
}

.div-homepage-list-sell-save-section{
    height:400px;
    margin-top:75px;
}
.div-homepage-list-sell-save{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-homepage-list-save-sell-content{
    width: 80%;
    margin: 0 auto;
}
.img-homepage-1{
    display: block;
    width: 100%;
    max-width: 225px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 200px;
}

.img-homepage-swiggle-two{
    position: absolute;
    bottom: -30px;
    left: 200px;
    width: 100%;
    max-width: 100px;
    height: auto;
    z-index: 3;
}

.p-homepage-list-sell-save-title{
    font-size: 1.2rem;
    text-align: left;
}

.p-homepage-list-sell-save-text{
    text-align: left;
    line-height: 1.5rem;
}


.p-homepage-sell-your-business{
    letter-spacing: 2px;
}
.div-homepage-learn-text{
    font-size: .8rem;
    line-height: 1.5rem;
    width: 80%;
    margin: 0 auto;

}
.div-homepage-learn-background{
    display: block;
    background-image: url('/d_img/2022/homepage-learn-from-experts.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
}

.img-swiggle-homepage-top{
    position: absolute;
    right: 50px;
    top: -125px;
    width: 100%;
    max-width: 75px;
    height: auto;
    z-index: 3;
}

.div-flex-events-header{
    flex: 1 1 33%;
}

@media screen and (max-width:1399px){
    .div-homepage-events-card{
        background-color: #ced9fc;
        border-radius: 10px;
        height: 275px;
        width: 200px;
        margin: 0 15px;
    }

}


@media screen and (max-width:991px){
    .img-homepage-1{
        display: block;
        width: 100%;
        max-width: 200px;
        height: auto;
        position: absolute;
        bottom: 0;
        left: 100px;
    }

    .img-homepage-swiggle-two{
        position: absolute;
        bottom: -30px;
        left: 125px;
        width: 100%;
        max-width: 75px;
        height: auto;
        z-index: 3;
    }

    .div-homepage-list-sell-save-section{
        height:425px;
        margin-top:25px;
    }
}

@media screen and (max-width:767px){
    .div-homepage-list-sell-save-section{
        height:375px;
        margin-top:75px;
    }

    .div-homepage-learn-background{
        width: 100%;
        height: 50%;
    }

    .img-homepage-1{
        display: none;
    }

    .div-homepage-events-text-section{
        height: 200px;
    }

    .div-homepage-events-carousel{
        padding: 1rem 2rem 3rem 2rem;
    }


}

@media screen and (max-width:525px){

    .h1-homepage-header{
        font-size: 2rem;
        line-height: 2rem;
    }
    .div-homepage-list-sell-save-section{
        height: 500px;
    }

    .img-swiggle-homepage-header{
        left: 0;
        top: -50px;
    }

    .img-swiggle-homepage-top{
        max-width: 50px;
    }

    .input-search-business{
        max-width: calc(100% - 71px);
    }


	.div-search-business-options{
        flex-flow: row wrap;
		gap: 0.5rem;
	}

    .div-search-button-submit{
        max-width: 80%;
    }
}
/*
@media screen and (max-width:399px){
    .input-search-business{
        max-width: 150px;
    }
}
*/
/***************************************************************
*                                                              *
*                                                              *
*              Redesign Buy Page                               *
*                                                              *
*                                                              *
***************************************************************/

.div-why-buy-in-our-market{
    width:100%;
    max-width: 400px;
    height:40px;
    border-radius: 8px;
    /* box-shadow: 1px 2px 2px #1c1445; */
    /* box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; */
    /* box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px; */
    box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-why-buy{
    width: 100%;
    max-width: 15px;
    height: auto;
}

.img-swiggle-why-buy-top{
    position: absolute;
    right: 30px;
    top: -50px;
    width: 100%;
    max-width: 50px;
    height: auto;
    z-index: 3;
}

.img-swiggle-why-buy-bottom{
    position: absolute;
    left: 30px;
    bottom: -40px;
    width: 100%;
    max-width: 75px;
    height: auto;
    z-index: 3;
}

.div-why-buy-reasons{
    display: flex;
    justify-content: space-around;
    padding: 0;
    gap: 3rem;
}
.div-why-buy-reasons-one,
.div-why-buy-reasons-two{
    width: 100%;
    max-width:400px;
}

.div-why-buy-reasons-section{
    height: 150px;
}

.div-why-buy-our-platform-section{
    padding: 5rem 0;
}

.p-why-buy-reasons-title{
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
}

.p-why-buy-reasons-text{
    font-size: .8rem;
    line-height: 1.5rem;
}

.p-buy-business-ownership{
    margin-top: 4rem;
    margin-bottom: 4rem;
}


.p-why-buy-what-to-expect{
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.p-why-buy-our-platform-header{
    font-size: 2rem;
    line-height: 2rem;
}

.div-why-buy-what-to-expect-section{
    display: flex;
    justify-content: space-around;
    gap: 2rem;
}

.div-why-buy-list-now{
    margin-left: auto;
    margin-right: auto;
}

@media (max-width:991px){
    .div-why-buy-reasons-section{
        height: 200px;
    }
}
@media (max-width: 767px){
    .div-why-buy-reasons,
    .div-why-buy-what-to-expect-section{
        padding: 1rem;
        flex-flow: column nowrap;
        margin: 0 auto;
        align-items: center;
        gap: 1rem;
    }



    .div-why-buy-in-our-market{
        width: 90%;
    }
    .div-why-buy-list-now{
        width: 80%;
        max-width: 800px;
    }

    .div-why-buy-reasons-section{
        height: unset;

    }
}
/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Sell Page                            *
*                                                              *
*                                                              *
***************************************************************/
.div-sell-business-worth{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 500px;
}

.div-sell-business-worth-background{
    background-image: url('/d_img/2022/what-is-your-business-worth.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
}

.div-sell-business-worth-section{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
}

.h2-sell-business-worth-title{
    font-size: 2rem;
    line-height: 2.5rem;
}

.div-sell-business-worth-text{
    font-size: 1rem;
    line-height: 1.5rem;
}
.div-sell-listing-options{
    display: flex;
    justify-content: space-between;
    gap: 2rem;


}

.div-sell-listing-options-one{
    flex: 1 1 auto;
}



.p-sell-connections-text{
    font-size: 1rem;
    line-height: 1.5rem;
}
.p-sell-listing-title{
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.p-sell-listing-tagline{
    font-size: .8rem;
    line-height: 1.5rem;
}

.p-sell-listing-text{
    font-size: .8rem;
    line-height: 1.5rem;
    height: 150px;
}

.p-sell-who-should-use-title{
    font-size: 3rem;
    line-height: 3.5rem;
}

.p-sell-who-should-use-text{
    font-size: .8rem;
    line-height: 1.5rem;
}

.div-sell-who-should-use-subscription-title{
    margin-top: 5rem;
}

.div-sell-for-sale-section{
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.p-sell-for-sale-text{
    font-size: .8rem;
    line-height: 1.5rem;
}

.custom-modal-body-table{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.custom-modal-body-table thead tr th{
	padding: 0.5rem 0.5rem 0.5rem 0rem;
	border-bottom: 1px solid;
}
.custom-modal-body-table tbody tr td{
	padding: 0.5rem 0.5rem 0.5rem 0rem;
}
.custom-modal-body-table tbody tr:not(:last-child) td{
	border-bottom: 1px solid;
}
.custom-modal-body-table thead tr th:not(:first-child), .custom-modal-body-table tbody tr td:not(:first-child){
	padding-left: .5rem !important;
}
.custom-modal-body-table thead tr th:not(:last-child), .custom-modal-body-table tbody tr td:not(:last-child){
	border-right: 1px solid;
}

@media (max-width:767px){
    .div-sell-listing-options{
        flex-flow: column nowrap;
    }

    .h2-sell-business-worth-title{
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    .div-sell-business-worth{
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        height: 800px;
    }

    .div-sell-business-worth-background{
        width: 100%;
        height: 50%;
    }

    .div-sell-business-worth-section{
        width: 100%;
        height: 50%;
    }

    .div-sell-for-sale-section{
        display: flex;
        flex-flow: column nowrap;

    }

    .p-sell-listing-text{
        height: unset;
    }
}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Franchise Page                       *
*                                                              *
*                                                              *
***************************************************************/
.img-swiggle-franchise-top{
    position: absolute;
    right: 100px;
    top: -50px;
    width: 100%;
    max-width: 100px;
    height: auto;
    z-index: 3;
}

.div-franchise-buyer-seller-section{
    margin-top: 3rem !important;
}

.div-franchise-benefits-section{
    padding: 7rem 0;
}

.p-franchise-benefits-header{
    font-size: 2rem;
    line-height: 2rem;
}
.div-franchise-first-time-section{
    padding: 8rem 2rem;
}

.p-franchise-first-time-text{
    font-size: .8rem;
    line-height: 1.4rem;
}
.div-franchise-first-time-container{
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 2rem;
}

.p-franchise-first-time-header{
    font-size: 2rem;
    line-height: 2rem;
}

.div-franchise-first-time-header{
    width: 40%;
}

.div-franchise-first-time-content{
    width: 40%;
}

.p-franchise-seller-text{
    font-size: .8rem;
    line-height: 1.5rem;
}

.p-franchise-listing-height{
    height: 150px;
}


.div-franchise-if-seller-section{
    padding: 7rem 0;
}

@media (max-width:991px){
    .p-franchise-listing-height{
        height: 275px;
    }
}
@media (max-width: 767px){
    .img-swiggle-franchise-top{
        max-width: 70px;
        left:50%;
        top: -30px;

    }

    .div-franchise-buyer-seller-section{
        margin-top: 4rem !important;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

    .div-franchise-first-time-section{
        padding: 4rem 1rem;
    }

    .div-franchise-first-time-container{
        flex-flow: column nowrap;
    }

    .div-franchise-first-time-header,
    .div-franchise-first-time-content{
        width: 100%;
    }

    .p-franchise-listing-height{
        height: unset;
    }

}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Login Page                           *
*                                                              *
*                                                              *
***************************************************************/
.p-login-why-title{
    font-size: 2rem;
    line-height: 2rem;
}

.p-login-why-text{
    font-size: .8rem;
    line-height: 1.4rem;
}

.div-login-become-a-member-section{
    max-width:400px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.div-login-partners{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
}
.img-login-partner{
    width: 100%;
    max-width: 150px;
    height: auto;
    margin: 10px 5px;

}

.h2-account-created{
    font-size: 2.5rem;
    line-height: 2.7rem;
}

@media screen and (max-width: 767px){
    .h2-account-created{
        font-size: 2rem;
        line-height: 2.2rem;
    }
}

@media screen and (max-width: 525px){
    .h2-account-created{
        font-size: 1.2rem;
        line-height: 1.4rem;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - FAQ Page                             *
*                                                              *
*                                                              *
***************************************************************/

.header-faq-question{
    padding: 1.5rem 2rem;
    border-radius: 4rem;
    cursor: pointer;
    display: flex;
    margin: 0 30px;
}


.ul-faq-question{
    list-style: none;
    line-height: 1.5rem;
}

.ul-faq-answer{
    list-style: none;
    width: 80%;
    margin: 2rem auto;
}

.li-faq-answer{
    margin-left: 5px;
    line-height: 1.5rem;
}


@media screen and (max-width:579px){
    .li-faq-answer{
        margin-left: 15px;
    }
}

@media screen and (max-width:325px){
    .header-faq-question{
        padding: 1rem;
        max-width: 200px;
    }
}
/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Resources Page                       *
*                                                              *
*                                                              *
***************************************************************/
.div-resources-container{
    height: 400px;
}

.div-resources-card{
    width: 100%;
    height: 250px;
    border: 3px solid #ececf0;
    border-radius: 64px;
    padding: 50px;

}
.div-resources-card-content{
    display: flex;
    gap: 2rem;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.h1-resources-header{
    font-size: 3.2rem;
    line-height: 3.2rem;
}

.img-resources-rectangle-size{
    height: 350px;
    width: auto;
}

.img-resources-rectangle-0-left{
    position: absolute;
    left: -20px;
    top: 0;
}
.img-resources-rectangle-1-left{
    position: absolute;
    left: 0;
    top: 0;
}

.img-resources-rectangle-0-right{
    position: absolute;
    right: 0;
    top: 0;
}

.img-resources-rectangle-1-right{
    position: absolute;
    right: 0;
    top: 0;
}

.img-resources-rectangle-2-left{
    position: absolute;
    left: 0;
    top: 0;
}

.img-resources-rectangle-2-right{
    position: absolute;
    right: -150px;
    top: 0;
}

.img-resources-rectangle-3-left{
    position: absolute;
    left: -100px;
    top: 0;
}

.img-resources-rectangle-3-right{
    position: absolute;
    right: -100px;
    top: 0;
}


.img-resources-rectangle-4-left{
    position: absolute;
    left: 0;
    top: 0;
}

.img-resources-rectangle-4-right{
    position: absolute;
    right: 0;
    top: 0;
}

.img-resources-rectangle-5-left{
    position: absolute;
    left: 0;
    top: 0;
}

.img-resources-rectangle-5-right{
    position: absolute;
    right: -150px;
    top: 0;
}

@media screen and (max-width:1499px){
    .img-resources-rectangle-0-left{
        left: -100px;
    }
    .img-resources-rectangle-0-right{
        right:-100px;
    }

    .img-resources-rectangle-1-left{
        left: -50px;
    }

    .img-resources-rectangle-2-left{
        left: -100px;
    }

    .img-resources-rectangle-3-right{
        right:-200px;
    }

    .img-resources-rectangle-4-left{
        left:-100px;
    }

    .img-resources-rectangle-4-right{
        right:-100px;
    }
}
@media screen and (max-width:1199px){
    .img-resources-rectangle-0-right{
        right:-150px;
    }

    .img-resources-rectangle-1-right{
        right:-100px;
    }

    .img-resources-rectangle-4-left{
        left:-150px;
    }

    .img-resources-rectangle-4-right{
        right:-150px;
    }

    .img-resources-rectangle-5-left{
        left:-100px;
    }

    .h1-resources-header{
        font-size: 2.8rem;
        line-height: 2.8rem;
    }


}
@media screen and (max-width:991px){
    .img-resources-rectangle-1-right{
        right:-150px;
    }

    .img-resources-rectangle-0-right{
        right:-150px;
    }

    .h1-resources-header{
        font-size: 2.2rem;
        line-height: 2.2rem;
    }

    .div-resources-container{
        height: 550px;
    }

    .div-resources-card{
        height: 400px;
    }
}

@media screen and (max-width:767px){
    .h1-resources-header{
        text-align: center;
    }

    .div-resources-card-content{
        flex-flow: column nowrap;

    }

    .div-resources-container{
        height: unset;
        min-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .div-resources-card{
        height: unset;
        min-height: 300px;
        width: unset;
    }

    .img-resources-rectangle-size{
        height: 400px;
        width: auto;
    }
}

@media screen and (max-width:525px){

}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Testimonial Page                     *
*                                                              *
*                                                              *
***************************************************************/
.div-testimonial-container{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    width: 1200px;
    margin: 0 auto;
}

.div-testimonial-section{
    width: 40%;
}

.card-testimonial{
    border-radius: 48px;
    width: 100%;
    padding: 3rem 2rem;
}

@media (max-width: 767px){
    .card-testimonial{
        padding: 2rem 1rem;
        width: 90%;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Nav bar                              *
*                                                              *
*                                                              *
***************************************************************/
.img-blue-circle{
    position: absolute;
    left: 1.5rem;
    top: .5rem;
    width: 100%;
    max-width: 8px;
    height: auto;
}

.link-nav-active{
    color: #ff4f00;
}

a.link-nav-active, a.link-nav-active:hover, a.link-nav-active:visited, a.link-nav-active:active{
    color: #ff4f00;
}

.header-basab-top{
    position: sticky;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #aaa;
    z-index: 5;
    background-color: #fff;
    padding: 1rem 0;
}
/*
.header-basab-fixed{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 5 !important;
} */

.nav-basab-background{
    background-color: #fff;
    border-bottom: 1px solid #aaa;
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Footer                               *
*                                                              *
*                                                              *
***************************************************************/
.img-nav-logo{
    width:50px;
    height: auto;
}

.div-basab-footer{
    padding: 5rem 0;
}

.img-basab-footer-icon{
    width: 100%;
    max-width: 35px;
    height: auto;
}

.div-basab-footer-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.div-basab-footer-links{
    display: flex;
    flex-flow: row wrap;
}

.div-basab-footer-title{
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-align: left;
}

.div-basab-footer-logo{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.div-basab-footer-section{
    display: flex;
    flex-flow: column nowrap;
}

.img-basab-footer-social{
    width: 100%;
    max-width: 25px;
    height: auto;
}

.ul-basab-footer{
    list-style: none;
    text-align: left;
}

.li-basab-footer{
    padding: 5px 0;
}

.link-basab-footer:hover, .link-basab-footer:active{
    color: #ff4f00;
}

@media (max-width:767px){
    .div-basab-footer-logo{
        justify-content: center;
        align-items: center;
    }
    .div-basab-footer-container{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

    .ul-basab-footer{
        text-align: center;
    }

    .div-basab-footer-section{
        margin-top: 30px;
    }

    .div-basab-footer-title{
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Search Business                      *
*                                                              *
*                                                              *
***************************************************************/
.div-search-business-target-search{
    display: flex;
    justify-content: space-between;
}
#allregions, #allterritories, #allcities{
	border-radius: 0.75rem;
	background-color: white;
    border-color: white;
	color: #ccc;
}
.div-card-business-image-background{
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
}

.div-search-business-get-more{
    display: flex;
    flex-flow: column nowrap;
}

.div-search-business-get-more-box{
    border: 2px solid #cccccc;
    padding: 15px;
    font-family: 'benton-sans-medium';
    display: block;
}
.search-alert-box{
	display: flex;
	flex-direction: column;
	padding: 2rem;
	border-radius: .5rem;
}
.search-alert-box-btn{
	color: white;
	border-radius: 12px;
}
.search-alert-p-tag{
	font-size: 18px;
	width: 75%;
}

.div-search-mobile{
    display: none;
}

.p-search-business-small{
    font-size: 1rem;
}

.div-search-undersearch{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}




@media (max-width: 992px) {

	.search-alert-p-tag{
		width: 100%;
	}

}

@media screen and (max-width:767px){
    .div-search-mobile{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
    }

    .p-search-business-small{
        font-size: .7rem;
    }
}

@media screen and (max-width:575px){
	#allregions, #allterritories, #allcities{
		background-position: right 0.2rem center !important;
		padding: 0.375rem 1.5rem 0.375rem 0.75rem !important;
	}
	.business-card.card-business{
		flex-direction: column;
	}
	.div-card-business-read-more{
		flex-direction: column;
		align-items: start;
		gap: 0.75rem;
	}
	.div-card-business-image-background{
		border-top-right-radius: 40px;
    	border-bottom-left-radius: unset !important;
	}

	.div-card-business-image-background {
		height: 150px;
		width: 100%;
	}
}

@media screen and (min-width:992px){
    #getmore_mobile{
        display: none;
    }
}
@media screen and (max-width:991px){
    #getmore{
        display: none;
    }
}
/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Listing                              *
*                                                              *
*                                                              *
***************************************************************/
.listing-action-option{
	display:flex;
	justify-content:space-between;
	gap:1rem;
}
#roi, #customer-review{
	border: 1px solid #00c2f2;
	border-radius: 1rem;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

}

.roi-calculator-wrapper{
	display: flex;
	justify-content: space-between;
}

.roi-calculator-wrapper > p{
	width: 60%;
}

.roi-calculator-input-wrapper{
	display: flex;
	width: 35%;
}

.roi-calculator-input-wrapper input{
	border: 0;
	border-bottom: 1px solid #ff4f00;
	width: 100%;
}

.customer-review-bottom {
	display: flex;
    justify-content: end;
    align-items: center;
	gap: 0.5rem;
	font-size: 0.8rem;
}

.customer-review-bottom > img{
	width: 85px;
}

.customer-review-header{
	font-size: 2rem;
	line-height: 2rem;
}

.star-rating {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  gap: 1rem;
  width: fit-content;
}

.star-rating input {
  display: none;
}

.star-rating > label {
  width: 30px;
  height: 30px;
  font-family: Arial;
  font-size: 30px;
  transition: 0.2s ease;
  color: #fff;
  background-color: gray;
  border-radius: 1rem;
}

.star-rating label:hover {
  transition: 0.2s ease;
  background-color: #00c2f2;
}

.star-rating label:active::before {
  transform:scale(1.1);
}

.star-rating label::before {
  /* content: '\2606'; */
  content: '\2605';
  /* position: absolute;
  top: 0px;
  line-height: 26px; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.star-rating input:checked ~ label:before {
  content:'\2605';
  background-color: #00c2f2;
  border-radius: 1rem;
}

@-moz-document url-prefix() {
  .star-rating input:checked ~ label:before {
  font-size: 36px;
  line-height: 21px;
  }
}

.detail-title, .detail-price{
	font-weight: bold;
	font-size: 2rem;
    line-height: 2.5rem;
}

.detail-info{
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	font-size: 1.2rem;
    line-height: 1.2rem;
}

.detail-additional-info{
	display: flex;
	justify-content: flex-end;
	color: gray;
}

.detail-additional-info-seller-block{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}
.detail-additional-info-seller-block img{
	width: 35px;
}

.detail-form-input{
	display: flex;
	flex-direction: column;
}

.detail-form-input label{
	font-weight: 500;
}
.detail-form-input input{
	padding: 0.75rem 0.375rem;
	background-color: #ced9fc;
	border: 1px solid #ced9fc;
	margin-top: 0.25rem;
}

.disclaimer-text{
	color: red;
	font-size: 1rem;
}

.tagged-keywords-block{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.tagged-keywords-item{
	background-color: rgb(0 0 0 / 0.2);
	color: white;
	padding: 0.75rem 1.5rem;
	border-radius: 0.5rem;
}

.div-listing-banner{
    background-color: #b00;
    padding: 2rem;
    color: #fff;
    position: absolute;
    bottom: 10px;
    width: 100%;
}

@media (max-width: 992px) {

	.detail-wrapper{
		margin-top: 3rem;
	}
}

@media (max-width: 350px) {
	.listing-action-option{
		flex-direction: column;
		gap: 0rem;
	}
	.detail-info{
		flex-direction: column;
		gap: 0.5rem;
	}
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Sold Listings Portfolio              *
*                                                              *
*                                                              *
***************************************************************/
.img-swiggle-sold-listings-header{
    position: absolute;
    left: 50px;
    top: -45px;
    width: 100%;
    max-width: 50px;
    height: auto;
    z-index: 3;
}

.h1-sold-listings-header{
    font-size: 3rem;
    line-height: 3rem;
}

@media screen and (max-width: 991px){
    .h1-sold-listings-header{
        font-size: 2rem;
        line-height: 2.2rem;
    }

}

@media screen and (max-width: 525px){
    .h1-sold-listings-header{
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

}

/***************************************************************
*                                                              *
*                                                              *
*              Redesign - Status Update                        *
*                                                              *
*                                                              *
***************************************************************/
.h1-basab-status-update-header{
    font-size: 3.7rem;
    line-height: 3.7rem;
}

.img-header-swiggle-status-top-right{
	position: absolute;
    right: 45px;
    width: 100%;
    max-width: 100px;
    height: auto;
    top: -51px;
    transform: rotate(25deg);
}
.status-info-wrapper, .status-tweets-wrapper{
	color: #1c1445;
}

.status-info-item{
    position:relative;
}
.status-info-item-box{
	background-color: #00c2f2;
	color: black;
	padding: 2rem 2rem;
	border-radius: 2rem;
    font-family: 'benton-sans-medium';
    word-wrap: break-word;
}

/* formatting support */
.status-info-item-box > p {
	display: block;
	padding: 20px 0 0;
}
.status-info-item-box > p:first-of-type {
	display: block;
	padding: 0;
}
.status-info-item-box > p > span {
	color: #1c1445;
}
.status-info-item-box > p > a {
	color: #1c1445;
	text-decoration: underline;
}



.img-quote-corner{
    position: absolute;
    right: -7px;
    bottom: 21px;
    width: 25px;
    height: auto;
}

.status-info{
	margin-left: 1rem;
	font-size: 0.8rem;
}

.status-tweets-title{
	display: flex;
	gap: 0.75rem;
	justify-content: center;
	margin-top: -44px;
	font-weight: bold;
}

.status-tweets-box{
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
	padding: 3rem 0;
	border-radius: 3rem;
}
.status-tweets-box-title{
	color: red;
	text-align: center;
	padding: 0 1rem 3rem 1rem;
}
.status-tweets-box-item{
	display: flex;
	padding: 1.5rem 1rem;
}

.status-tweets-box-item{
	border-top: 1px solid rgb(0 0 0 / 0.2);;
}
.status-tweets-box-item:last-child{
	border-bottom: 1px solid rgb(0 0 0 / 0.2);;
}
.status-tweets-box-item-1{
	width: 25%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    align-items: center;
}
.status-tweets-box-item-2{
	width: 75%;
}
.status-tweets-box-item-1-2{
	display: flex;
	gap: 1rem;
	align-items: center;
}
.status-tweets-box-item-2-1-date{
	text-align: right;
}
.status-tweets-footer{
	padding: 1.5rem 1rem 0 1rem;
}
.status-tweets-footer > p {
	text-align: right;
}

.status-tweets-box-item-1-2 img{
	width: 15px;
}

.status-tweets-box-item-1-2 img:first-child{
	height: 15px;
}


@media (max-width: 991px) {

	.status-tweets-title{
		margin-top: 3rem;
	}

    .img-header-swiggle-status-top-right{
        position: absolute;
        right: 45px;
        width: 100%;
        max-width: 50px;
        height: auto;
        top: -51px;
        transform: rotate(25deg);
    }
}

@media (max-width:767px){
    .h1-basab-status-update-header{
        font-size: 1.5rem;
        line-height: 2rem;
    }
}


/***************************************************************
*                                                              *
*                                                              *
*              Redesign  - Learn More About Full Serve         *
*                                                              *
*                                                              *
***************************************************************/
.p-learn-more-copy{
    font-size: 1rem;
    line-height: 1.5rem;
}

.div-learn-more-padding{
    margin: 0 1rem;
}
.div-learn-more-section{
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.div-learn-more-phase{
    padding: 4rem 2rem;
}
.div-learn-more-numbers-show{
    position: absolute;
    left: -30px;
    top: 30px;
    opacity: 70%;
}

.div-learn-more-numbers-hide{
    position: absolute;
    left: -30px;
    top: -15px;
    opacity: 50%;
}
.div-learn-more-numbers{
    color: #ced9fc;
    font-size: 9rem;
    z-index: -1;

}

.h2-learn-more{
    font-size: 2rem;
    line-height: 2rem;
}
.h2-learn-more-hide{
    opacity: 50%;
}

.h2-learn-more-show{
    opacity: 100%;
}

.p-learn-more-text{
    font-size: 0.7rem;
    line-height: 1.3rem;
    margin-top: 1rem;
}

.div-learn-more-hide{
    display: none;
}

.div-learn-more-show{
    display: block;
}

.div-learn-more-full-text{
    cursor: default;
}

.img-header-swiggle-learn-more{
    position: absolute;
    right: 50px;
    top: -40px;
    width: 100%;
    max-width: 65px;
    height: auto;
}

@media (max-width:767px){
    .img-header-swiggle-learn-more{
        position: absolute;
        right: 50px;
        top: -30px;
        width: 100%;
        max-width: 35px;
        height: auto;
    }

}








.div-seller-header-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.div-seller-profile-container{
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;

}

.div-seller-profile-section{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.h1-seller-profile{
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.div-seller-stats-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;

}

.h2-seller-stats{
    font-size: 1rem;
    line-height: 1.5rem;
}

.p-seller-stats{
    font-size: 3rem;
    line-height: 3rem;
}


/***************************************************************
*                                                              *
*                                                              *
*              Glossary Page                                   *
*                                                              *
*                                                              *
***************************************************************/
.div-glossary-index-section{
    display: flex;
    flex-flow: row wrap;
    gap: .5rem .5rem;
}
.glossary-search-border{
    border: 1px dotted #333;
    padding: 1rem;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    float: unset;
    width: 100%;
}

.div-glossary-search{
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-glossary-results{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;

    padding: 0 1.5rem;
}

.div-glossary-each-section{
    align-self: stretch;
}
.ul-glossary{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: .5rem 1rem;
}

.li-glossary{
    flex: 0 0 45%;
    margin-top: 1rem;
}

.div-glossary-term{
    font-size: 1.2rem;
    line-height: 1.5rem;
}

.div-glossary-term p{
    margin-bottom: 1rem;
}

.div-glossary-term-prev-next{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/***************************************************************
*              BossUp Conference                               *
***************************************************************/
.div-bossup-header-title{
    text-align: left;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 1rem;
    max-width: 800px;

}
.div-bossup-register-share{
    position: fixed;
    right: 10px;
    bottom: 100px;
    z-index: 10;
    transition: right .5s;
}

.div-bossup-header-notes{
    max-width: 800px;
    padding: 15px;
}

.div-bossup-fixed-right{
    right: -300px;
}

.div-bossup-fixed-normal{
    right: 10px;
}

.div-bossup-register-banner{
    display: flex;
    flex-flow: column nowrap;
    height: 150px;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 1rem;

}

.h1-bossup-header{
    font-size: 3.7rem;
    line-height: 3.7rem;
}




.div-bossup-background{
    background: url('/d_img/bossup/bossup-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

    min-height: 40vh;

    display: flex;
    justify-content: center;
    align-items: center;
}
.p-bossup-subheading{
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 500;
}


@media screen and (max-width:991px) {
    .h1-bossup-header{
        font-size: 2rem;
        line-height: 2rem;
    }
}
@media screen and (max-width:767px) {

    .div-bossup-register-banner{
        flex-flow: row nowrap;
        height: 50px;
        width: 100%;
        gap: 1rem;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }

    .p-bossup-subheading{
        margin-top: 15px;
    }

}


div.div-bossup-register,
a.div-bossup-register{
    padding: 1.2rem;
    border-radius: .5rem;
    width: 160px;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    display: block;
}

a.div-homepage-bossup-register{
    padding: 1.2rem;
    border-radius: .5rem;
    width: 200px;
    font-size: 1rem;
    color: #fff;
}


a.div-homepage-bossup-register:hover{
    color: #ff4f00;
}

.div-bossup-share{
    padding: 1.2rem;
    border-radius: .5rem;
    width: 160px;
    font-size: 1rem;
    color: #fff;
    text-align: center;
}

.div-bossup-register:hover,
.div-bossup-share:hover{
    color: #ff4f00;
}

.div-bossup-register-absolute{
    position: absolute;
    bottom: 100px;
    right: 0;
}

.div-bossup-share-absolute{
    position: absolute;
    bottom: 25px;
    right: 30px;
}

.div-bossup-speakers-flex{
    display: flex;
    flex-flow:row wrap;
    gap: .5rem;
    justify-content: center;
    align-items: stretch;
}
.p-bossup-second-header{
    font-size: 2rem;
    line-height: 2.3rem;
}

.img-bossup-sponsor{
    width:125px;
    height: auto;
    display: inline;
    cursor: pointer;
}

.span-bossup-sponsor-regular-text{
    font-size: 1.2rem;
}

.span-bossup-sponsor{
    font-size: 1.7rem;
}

.p-color-grey{
    color: #8e8aa2;

}

.p-bossup-sponsor{
    display:flex;
    min-height:50px;
    justify-content:center;
    align-items:center;
    flex-flow: row nowrap;
    gap: .5rem;
}

@media screen and (max-width:767px){
    .span-bossup-sponsor{
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

    .p-bossup-sponsor{
        flex-flow: row wrap;
        gap: 1rem;
    }

    a.div-bossup-register{
        display: flex;
        justify-content: center;
        align-items: center;

    }
    div.div-bossup-share,
    a.div-bossup-register{
        padding: .8rem;
        width: 100px;
        height: 100px;
        font-size: .9rem;
    }

    .div-bossup-register-banner{
        height: 110px;
    }

    .div-bossup-register-absolute{
        bottom: 150px;
    }
}


.p-speaker-text{
    font-size: 1.2rem;
    line-height: 1.5rem;
}

.h3-bossup-speaker-title{
    font-size: 2rem;
    line-height: 2rem;
}

.div-bossup-speaker{
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 15px;

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex:0 0 150px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 10px 60px -30px;

}

.div-bossup-speaker:hover{
    border: 1px solid #ff4f00;
}

.div-bossup-speaker-img{
    height: 115px;
}

.div-bossup-speaker-content{
    height: 100px;
}

.div-bossup-promo-content{
    height: 100px;
}
.img-speaker{
    width: 100px;
    height: 100px;

    border-radius: 50%;
    object-fit: cover;
}

.span-bossup-view-profile{
    display: none;
}

.div-bossup-speaker:hover .span-bossup-view-profile{
    display: block;
}

.p-bossup-our-speakers{
    font-size: 1.6rem;
    line-height: 2rem;
}

.hr-bossup{
    border-top: 1px solid #1c1445;

}

.p-bossup-are-you{
    font-size: 1.6rem;
    line-height: 2rem;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.p-bossup-by-registering{
    font-size: 1.6rem;
    line-height: 2rem;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.div-bossup-modal-main{
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    padding: 2rem 1rem;
}

@media screen and (max-width:767px){
    .div-bossup-modal-main{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
}

.div-bossup-modal-img{
    flex: 0 0 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
}

.div-bossup-modal-content{
    flex: 0 0 50%;
    line-height: 1.2rem;
    font-size: .9rem;
    text-align: left;
}

.div-bossup-modal-content p{
    margin-bottom: 10px;
}

.div-bossup-modal-speaker{
    flex: 0 0 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
}

.btn-bossup-basab-img{
    background: transparent;
    border: none;
    cursor: pointer;

}

.bossup-basab-modal{
    border: 2px solid #fd7e14;
}

.div-bossup-modal-promo{
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    padding: 1rem;
}
@media screen and (max-width:767px) {
    .div-bossup-modal-promo{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

}
::-webkit-scrollbar {
    width: .2em;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
  background-color: #00aeef;
  outline: 1px solid #00aeef;
}

.h3-bossup-agenda{
    font-size: 2.2rem;
    line-height: 2.2rem;

}
.div-bossup-agenda-days{
    width: 80%;
    max-width: 800px;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    gap: 1rem;
}

.btn-bossup-agenda{
    background: transparent;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    letter-spacing: 1px;
}

@media screen and (max-width:767px){
    .btn-bossup-agenda{
        font-size: .8rem;
        line-height: .8rem;
    }
}

[x-cloak]{
    display: none;
}

.img-bossup-company-logo{
    transition: transform 300ms;
}

.img-bossup-company-logo:hover{
    transform: scale(1.2);
}

.div-day-one,
.div-day-two{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
.div-bossup-agenda-card{
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 15px;

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    max-width: 800px;
    width: 80%;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 10px 60px -30px;
}

.div-bossup-agenda-card:hover{
    border: 1px solid #ff4f00;
}

.div-bossup-agenda-card{
    padding: 2rem 1rem;

}

.div-bossup-agenda-section{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    gap: 1rem;
}

.header-bossup-agenda{
    flex: 0 0 25%;
    text-transform: uppercase;
    align-self: flex-start;
    margin-top: 10px;

    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    height: 100%;
}

.p-bossup-agenda-img{
    flex: 0 0 25%;
    text-transform: uppercase;
    justify-content: center;
    display: flex;
}
.div-bossup-agenda-content{
    flex: 1 1 70%;
    font-size: .8rem;
    text-align: left;
    color: #1c1445;


}

.div-bossup-agenda-content p{
    font-size: .9rem;
    line-height: 1.2rem;
    margin-bottom: 10px;
}


.p-bossup-agenda-speaker{
    margin-top: 15px;
    font-size: 1rem;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
    flex: 1 1 70%;
}

@media screen and (max-width:767px){
    .header-bossup-agenda,
    .div-bossup-agenda-content,
    .p-bossup-agenda-img,
    .p-bossup-agenda-speaker
    {
        flex: 1 1 100%;
    }

    .div-bossup-agenda-content{
        text-align: center;
    }

    .p-bossup-agenda-speaker{
        display: block;
    }
}
p.p-bossup-agenda-title{
    color: #ff4f00;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.div-bossup-registering-event{
    display:flex;
    flex-flow:row wrap;
    gap: .5rem;
        justify-content: center;
        align-items: center;
}

.btn-bossup-agenda-speaker{
    background: transparent;
    border: none;
    color: #00aeef;
    cursor: pointer;
    text-decoration: underline;
    font-size: .9rem;
    font-weight: 700;

}


.div-bossup-share-listing a{
    clear: left;
float: left;
margin-bottom: 32px;
padding-left: 48px;
width: auto;
height: 32px;
background-position: left center;
background-repeat: no-repeat;
font-family: wh-semibold;
font-size: 1.25rem;
line-height: 2rem;
color: #999999;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.div-bossup-share-listing > a{
    background-position: left center;
    background-repeat: no-repeat;
}

.div-bossup-share-listing > a.facebook {
	background-image: url('/dashboard/img/icon32_facebook_drk-blue.png');
}
.div-bossup-share-listing > a.facebook:hover {
	background-image: url('/dashboard/img/icon32_facebook_lit-blue.png');
}

.div-bossup-share-listing > a.twitter {
	background-image: url('/dashboard/img/icon32_twitter_drk-blue.png');
}
.div-bossup-share-listing > a.twitter:hover {
	background-image: url('/dashboard/img/icon32_twitter_lit-blue.png');
}

.div-bossup-share-listing > a.linkedin {
	background-image: url('/dashboard/img/icon32_linkedin_drk-blue.png');
}
.div-bossup-share-listing > a.linkedin:hover {
	background-image: url('/dashboard/img/icon32_linkedin_lit-blue.png');
}


/***************************************************************
*              Slick JS                                        *
***************************************************************/
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/slick.eot');
    src: url('/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/fonts/slick.woff') format('woff'), url('/fonts/slick.ttf') format('truetype'), url('/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 50px;
    z-index: 2;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: 50px;
    z-index: 2;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    margin-top: 15px;
    display: block;

    width: 100%;
    padding: 0;


    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/***************************************************************
*              Events Page                                     *
***************************************************************/
.div-main-events-header-section{
    background-image: url('/dashboard/img/2023/events/swiggle-2.png');
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.div-main-events-section{
    padding: 5rem 0 4rem 0;
}
.div-main-events-background{
    background-color: #1c1445;
    padding: 5rem 2rem;
    height:100px;
    display:flex;
    flex-flow:column nowrap;
    justify-content: center;
    align-items: center;
}

.img-main-event-swiggles{
    position:absolute;
    right:100px;
    top:-100px;
    height:200%;
    width:auto;
    z-index:3;
}

.h1-main-events{
    font-size: 4.5rem;
    line-height: 4.5rem;
}


.h3-main-events{
    font-size: 2rem;
    line-height: 2rem;
}

.h4-main-events{
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.div-main-events-second-banner{
    display:flex;
    gap: 1rem;
    flex-flow:row nowrap;
    justify-content: space-between;
    align-items: center;
}


.div-main-events-header-one{
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10rem 0;
}

.div-main-events-days-until{
    font-size: 7rem;
    line-height:7rem;
}

.div-main-events-days-text{
    font-size: 1.3rem;
    line-height: 1.3rem;
}


.div-event-line-one{
    font-size: 3rem;
    line-height: 3rem;
}

.div-event-line-two{
    font-size: 3rem;
    line-height: 3rem;
}

.div-event-line-date{
    font-size: 1.3rem;
    line-height: 1.3rem;
    margin-top: 10px;
}

.div-events-page-section{
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    justify-content: flex-start;
    align-items: center;
}

.div-events-page-section div{
    flex: 0 0 20%;
}

.div-events-page-card{
    background-color: #ced9fc;
    border-radius: 10px;
    height: 250px;
    width: 200px;
    text-align: center;
}

@media screen and (max-width:1399px){
    .img-main-event-swiggles{
        position:absolute;
        right:0px;
        top:-100px;
        height:150%;
        width:auto;
        z-index:3;
    }

}
@media screen and (max-width: 1199px){
    .div-main-events-days-until{
        font-size: 5rem;
        line-height:5rem;
    }

    .div-main-events-days-text{
        font-size: 1rem;
        line-height: 1rem;
    }


    .div-event-line-one{
        font-size: 2rem;
        line-height: 2rem;
    }

    .div-event-line-two{
        font-size: 2rem;
        line-height: 2rem;
    }

    .div-event-line-date{
        font-size: 1rem;
        line-height: 1rem;
        margin-top: 10px;
    }

    .div-events-page-section div{
        flex: 0 0 32%;
    }

    .img-main-event-swiggles{
        position:absolute;
        right:0;
        top:-100px;
        height:150%;
        width:auto;
        z-index:3;
    }
}

@media screen and (max-width:991px){
    .div-events-page-section div{
        flex: 0 0 45%;
    }

    .img-main-event-swiggles{
        display: none;
    }


}

@media screen and (max-width:767px){
    .h1-main-events{
        font-size: 3.5rem;
        line-height: 3.5rem;
    }

    .div-events-page-section{
        justify-content: center;
    }
    .div-main-events-second-banner{
        display:flex;
        gap: 1rem;
        flex-flow:column nowrap;
        justify-content: center;
        align-items: center;
    }


    .h2-homepage-events{
        font-size: 2rem;
        line-height: 2rem;
    }

    .h3-main-events{
        font-size: 1.5rem;
        line-height: 2.5rem;
    }

    .h4-main-events{
        font-size: 1.1rem;
        line-height: 1.3rem;
    }
    .div-main-events-section{
        padding: 3rem 0 3rem 0;
    }

    .div-main-events-header-section{
        background-image: url('/dashboard/img/2023/events/swiggle-2.png');
        background-size: cover;
        background-position: top right;
        background-repeat: no-repeat;
    }

}

@media screen and (max-width:525px){

    .div-events-page-section div{
        flex: 0 0 75%;
    }

    .div-main-events-header-one{

        padding: 4rem 0;
    }



}

/***************************************************************
*              Individual Event Page                           *
***************************************************************/
.div-events-header-title{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}
.h1-event-header{
    font-size: 3rem;
    line-height: 3.5rem;
}

.h1-event-header-long{
    font-size: 3rem;
    line-height: 3.5rem;
}


.p-event-date-heading{
    font-size: 1.2rem;

    line-height: 1.2rem;
}

.p-event-location-heading{
    font-size: 1rem;
    line-height: 1rem;
}

.p-event-text-1{
    font-size: .9rem;
    line-height: 1.1rem;
}


.img-smb-carousel{
    width: 100%;
    max-width: 250px;
    height: auto;
}

.div-event-text-background{
    background-color: #1c1445;
    padding: 5rem 2rem;
}
.div-event-numbers-section{
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    gap: 1rem;
    align-items: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.div-event-numbers{
    font-size: 3rem;
    line-height: 3rem;
}
.div-event-text{
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.div-event-page-carousel-background{
    padding: 3rem 0;
}

.h2-event-upcoming-events{
    font-size: 3rem;
    line-height: 3rem;
}

.div-event-view-all-events{
    display:flex;
    flex-flow:column nowrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.div-event-testimonial-background{
    background-image: url('/dashboard/img/2023/events/swiggles-1.png');
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}

.div-event-proud-sponsors{
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

.img-sponsor{
    width: 200px;
    height: 200px;

    border-radius: 50%;
    object-fit: cover;
}

.div-event-speaker{
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 15px;

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;

     flex:0 0 150px;
    /*box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 10px 60px -30px; */
}

.ul-event{
	display: block;
	margin: auto 0;
	padding: 0 0 20px 20px;
	height: auto;
}


@media screen and (max-width:767px){
    .h1-event-header-long{
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .div-event-text-background{
        background-color: #1c1445;
        padding: 3rem 2rem;
    }

    .div-event-testimonial-background{
        background-image: none;

    }

    .div-event-numbers{
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .div-event-text{
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
}

@media screen and (max-width:525px){

    .h1-event-header{
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .h1-event-header-long{
        font-size: 1.2rem;
        line-height: 1.7rem;
    }


    .p-event-date-heading{
        font-size: .8rem;

        line-height: 1rem;
    }

    .p-event-location-heading{
        font-size: .8rem;
        line-height: 1rem;
    }

   .div-event-numbers-section{
        flex-flow: column nowrap;
        gap: 2rem;
    }

}


/***************************************************************
*              Grants Page                                     *
***************************************************************/
.div-grant-header-section{
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;

}
.div-grant-header{
    background: url('/d_img/grants/background.jpg') center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-grant-title{
    text-align: left;
}

.div-grant-text{
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-align: left;
}

.div-grant-subtext{
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-align: left;

}

.img-grant-icon{
    width: 100%;
    max-width: 50px;
    height: auto;
}

.div-grant-reasons{
    display: flex;
    flex-flow: row nowrap;
    gap: 2rem;
    justify-content: flex-start;
    align-items: center;
}

.h2-grant-title{
    font-size: 3rem;
    color: #fff;
    line-height: 3rem;
}


.div-grant-main-participate{
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    /* background: url('/d_img/grants/swiggles.png') ;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat; */
    padding: 50px 0;
    height: 400px;


}


.div-grant-participate-section{
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

.div-grant-participate-inner{
    padding: 0 30px;
}


.div-grant-reasons-participate{
    display: flex;
    flex-flow: row nowrap;
    gap: 2rem;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 400px;
}


.div-grant-participate-subtext{
    font-size: 1rem;
    line-height: 1rem;

}
.img-grant-swiggle{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 300px;
    height: 500px;
    overflow: hidden;
    object-fit: cover;
    object-position: left;

}

.div-grant-participate-row{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    gap: 3rem;
}



.div-grant-waiting-for{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    height: 175px;
}

.link-grant-apply{
    padding: 1.2rem 3rem;
}
.iframe-grant{
    width: 700px;
    height: 400px;
}

.p-grant-marketing-grant{
    font-size: 1.6rem;
    line-height:1.6rem;
}

.grants-page-container{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 50px 0;
}
.grants-toggle-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #f05123;
    color: #1c1545;
    padding: 20px 10px;
    font-family: 'benton-sans-medium';
}

.grants-toggle-icon {
    font-size: 24px;
    color: #f05123;
}

.grants-toggle-content {
    font-family: 'benton-sans-medium';
    color: #595477;
    padding: 0;
    height: 0;
    max-height: 0;
    overflow: hidden;

    transition: max-height 0.3s ease;
    font-size: .9rem;
    line-height: 1.2rem;
}

.grants-toggle-content.visible {

    height: 100%;
    padding: 15px;
    max-height: 150px; /* Adjust this value according to the maximum content height you expect */
    transition: max-height 0.3s ease;
}

.div-grants-faq-section{
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1499px){
    .img-grant-swiggle{
        max-width: 200px;
    }
}

@media screen and (max-width: 1199px){

    .div-grant-participate-row{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: flex-start;
    }

    .div-grant-main-participate{
        height: 700px;
        justify-content: center;
    }

    .img-grant-swiggle{
        height: 800px;
        max-width: 300px;
    }
}

@media screen and (max-width: 991px){

    .div-grant-participate-row{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: flex-start;
    }

    .div-grant-main-participate{
        height: 700px;
        justify-content: center;
    }

    .img-grant-swiggle{
        height: 800px;
        max-width: 200px;
    }

    .iframe-grant{
        width: 75%;
        height: 300px;
    }
}


@media screen and (max-width: 767px){
    .h2-grant-title{
        font-size: 2rem;
        line-height: 2rem;
    }

    .div-grant-waiting-for{
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 150px;
        gap: 2rem;
    }
}

@media screen and (max-width: 525px){


    .h2-grant-title{
        font-size: 1.4rem;
        line-height: 1.4rem;
    }
    .div-grant-text{
        font-size: 1rem;
        line-height: 1.6rem;
    }

    .div-grant-subtext{
        font-size: 1rem;
    }



    .p-grant-marketing-grant{
        font-size: 1.2rem;
        line-height:1.2rem;
    }
}



/*
.grants-toggle-content {
    font-family: 'benton-sans-medium';
    color: #595477;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 300ms, opacity 300ms;
}

.grants-toggle-content.visible {
    opacity: 1;
    visibility: visible;
    transition: visibility 0s linear 0s, opacity 300ms;
}