body { transition: all 0.5s; }

#crm2-selector .link{
	padding: 0 0 0 56px;
}
#crm2-selector #crm2-changebutton{
	padding: 0 30px 0 0;
}
#crm2-selector .crm2-qscreen > .icon.individual.stroke{
	position:relative;
}
#crm2-selector select{
	height:35px;
	padding:5px;
}


#crm2-selector .icon.large.stroke { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

#crm2-selector .link.icon .icon { box-sizing: content-box; }

#crm2-selector .read-more-toggle .show-btn,
#crm2-selector .read-more-toggle.on .hide-btn {
	box-sizing: content-box;
	border: 10px solid #ffffff;
	border-radius: 50%;
	margin-bottom: -25px;
}

#crm2-selector .desktop-read-more ~ .read-more-toggle,
#crm2-selector .mobile-read-more.desktop-read-more ~ .read-more-toggle {
	border-bottom: 1px solid #cecece;
	clear: both;
}

#crm2-selector * {
  box-sizing: border-box;
}

#crm2-selector {
	display: block; position: relative;
	background-color: #f3f3f3;
	width: 100%;
	height: auto; min-height: 500px;
	z-index: 1;
}

	.crm2-breadcrumbs {
		display: block; position: relative;
		width: 100%; overflow: hidden;
		height: 50px;
	}

		.crm2-breadcrumbs * { white-space: nowrap; }

		.crm2-breadcrumbs > div {
			display: inline-block;
			position: relative;
			width: 33.33%;
			height: 100%;
			text-align: center;
			font-family: 'dax';
			font-size: 14px;
			color: #ababab;
			padding-top: 16px;

			transition: all 0.5s;
		}

			.crm2-breadcrumbs > div .mobile { display: none; }
			.crm2-breadcrumbs > div .desktop { display: block; }

			.crm2-breadcrumbs > div.active {
				color: #414141;
			}

			.crm2-breadcrumbs > div .underline {
				display: block; position: absolute;
				width: 100%; height: 1px;
				left: 0px; bottom: 0px;
				background-color: #d5d5d5;

				transition: all 0.5s;
			}

				.crm2-breadcrumbs > div.active .underline {
					height: 3px;
					background-color: #0079c1;
				}

	#crm2-thankyoubar {
		display: none; position: relative;
		width: 100%; height: 80px;
		padding: 10px;


		border-bottom: 2px solid #fff;
	}

		#crm2-thankyoubar > div {
			display: table-cell; vertical-align: middle;
			width: 15%; height: 100%;
			border-right: 1px solid #cecece;
			padding: 10px 30px 10px 30px;
		}
			#crm2-thankyoubar > div:last-child {
				border-right: none;
				text-align: center;
			}
			#crm2-thankyoubar > div#crm2-recap {
				width: 40%;
			}

			#crm2-thankyoucopy {
				display: block;
				font-size: 18px; font-family: "dax-medium";
			}

	.crm2-recap-line1, .crm2-recap-line2, .crm2-recap-line3 {
		display: block; position: relative;
		margin-top: 5px; margin-left: 1em;
	}
	.crm2-recap-line1::before, .crm2-recap-line2::before, .crm2-recap-line3::before {
		position: absolute;
    	right: 100%;
		content: '\b7\a0';
		font-size: 24px;
		line-height: 18px;
		vertical-align: top;
	}
	#crm2-recapans1, #crm2-recapans2, #crm2-recapans3, #crm2-recapans4, #crm2-recapans5 {
		font-family: 'dax-medium';
	}

	#crm2-thankyoubar .link::before {
		content: "\e667";
		font-size: 10px; line-height: 24px;
	}


	.crm2-qscreen {
		display: block; position: relative;
		padding-top: 60px;
		text-align: center;
	}

		#crm2-qscreen-1 {  }
		#crm2-qscreen-2	{ display: none; }
		#crm2-qscreen-3 { display: none; }

		.crm2-qscreen .icon.large.stroke { box-sizing: content-box; padding: 12px; width: 80px; height: 80px; }
		.crm2-qscreen .icon::before { color: #0079c1; font-size: 50px; line-height: 50px; }

		.crm2-qscreen h2 { padding-top: 20px; }

	.crm2-dropzone { padding-top: 40px; padding-bottom: 40px; width: 70%; margin: 0 auto; }
	#crm2-change .crm2-dropzone { padding-top: 15px; padding-bottom: 15px; text-align: center; }

		.crm2-dropzone > div { display: inline-block; width: 50%; padding-left: 15px; padding-right: 15px; }
			#crm2-qscreen-3 .crm2-dropzone > div, .crm2-dropzone > div#crm2-change-q5 { width: 85%; }

		.crm2-dropzone label { text-align: left; padding: 15px 0; }

		.crm2-dropzone select { border-width: 2px; }

		.crm2-dropzone .select::before {
			top: 2px; right: 2px; bottom: 2px;
			width: 2.5em;
			background-color: #0079c1;
			border-radius: 0 2px 2px 0;
		}
		.crm2-dropzone .select::after { color: #ffffff; right: .8em; }

	button + button { margin: 0 0 0 20px; }


/* testing dashboard styles */

#crm2-dashboard input[type="num"], #crm2-dashboard input[type="text"] {
    width: 100%;
    font-size: 12px; line-height: 14px;
    padding: 3px 4px;
    box-sizing: border-box;
    border: 1px solid #cacaca;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
    background-color: #ffffff;
}

#crm2-dashboard {
	display: none; position: relative;
	background-color: #f3f3f3;
	width: 100%; max-width: 1200px; padding: 10px;
	height: auto; margin-top: 20px; margin-bottom: 20px;
	margin-left: 50%; transform: translateX(-50%);
	z-index: 1;
}

	#crm2-dashboard > div {
		display: inline-block; position: relative;
		width: 20%;
		padding: 10px;
	}

	#crm2-dash-results > div {
		display: inline-block; position: relative;
		width: 50%;
		padding: 10px;
	}


	#crm2-dashboard #crm2-dash-results {
		display: block;
		width: 100%;
	}

		#crm2-dashboard h2 { display: none; }

		#crm2-dashboard label {
			display: block;
			font-size: 12px; text-transform: uppercase;
			margin-bottom: 5px;s
		}
		#crm2-dashboard input[type='num'] {
			display: inline-block; width: 20%;
			margin-right: 5px;
		}
		#crm2-dashboard input[type='text'] {
			display: inline-block; width: 70%;
		}

#crm2-results-primary {
	display: none; position: relative;
	padding: 30px 40px;
}

	#crm2-results-primary-recommend,
	#crm2-results-primary-title,
	#crm2-results-primary-body,
	#crm2-results-primary-bullets,
	#crm2-results-primary-button,
	#crm2-results-secondary-recommend,
	#crm2-results-secondary-title,
	#crm2-results-secondary-body,
	#crm2-results-secondary-bullets,
	#crm2-results-secondary-button {
		width: 52%;
	}

	#crm2-results-primary-recommend {
		display: none; width: 100%;
		font-family: "dax"; font-size: 1.2em;
		margin-bottom: 0.3em; padding: 1em 2em;
		background-color: #fff;
	}

	#crm2-results-primary-title, #crm2-results-secondary-title{
		font-family: "dax-light"; font-size: 1.9em;
		margin-bottom: 0.6em;
	}

	#crm2-results-primary img, #crm2-results-secondary img {
		float: right; width: 38%; max-width: 343px; margin-right: 4%;
	}

	#crm2-results-primary-body, #crm2-results-secondary-body {
		margin-bottom: 1em;
		font-size:15px;
	}

	#crm2-results-primary-bullets, #crm2-results-secondary-bullets {
		margin-bottom: 1em;
	}

	#crm2-results-primary-bullets ul, #crm2-results-secondary-bullets ul {
		padding: 0 0 0 0; margin: 0;
		list-style: none;
	}

	#crm2-results-primary-bullets ul li, #crm2-results-secondary-bullets ul li {
		display: block; position: relative;
		padding-left: 0; padding-bottom: 1em;
		font-family: 'dax'; font-size: 15px;
		margin-left: 1em;
	}

	#crm2-results-primary-bullets ul li::before, #crm2-results-secondary-bullets ul li::before {
		position: absolute; right: 100%; vertical-align: top;
		content: '\b7\a0';
		font-family: 'dax'; font-size: 24px; line-height: 18px;
	}

	#crm2-results-primary-button a, #crm2-results-secondary-button a {
		width: 50%; min-width: 150px;
		margin-bottom: 2em;
		background-color: #0079c1; border-color: #0079c1;
	}
	#crm2-results-primary-button a.wide, #crm2-results-secondary-button a.wide { width: auto; }

		#crm2-results-secondary-button a:focus, #crm2-results-secondary-button a:hover {
			background-color: #1a4d78; border-color: #1a4d78;
		}

	#crm2-results-primary-contacttitle, #crm2-results-secondary-contacttitle  {
		font-size: 1.4em; font-family: 'dax-light';
	}

	#crm2-results-primary-contact, #crm2-results-secondary-contact {
		display: block; width: 100%; clear: both;
		padding-top: 2em;
	}

		#crm2-results-primary-contact > div, #crm2-results-secondary-contact > div  {
			display: inline-block;
			padding-right: 40px;
			width: 30%;
			vertical-align: top;
		}

		#crm2-results-primary-contact > div:last-child, #crm2-results-secondary-contact > div:last-child {
			padding-right: 0;
		}

	#crm2-results-primary-contact a.link.icon:link,
	#crm2-results-primary-contact a.link.icon:visited,
	#crm2-results-secondary-contact a.link.icon:link,
	#crm2-results-secondary-contact a.link.icon:visited {
		color: #414141;
		padding-top: 14px;
		vertical-align: top;
		line-height: 1.2em;
	}

		#crm2-results-primary-contact a.link.icon:link .comment,
		#crm2-results-primary-contact a.link.icon:visited .comment,
		#crm2-results-secondary-contact a.link.icon:link .comment,
		#crm2-results-secondary-contact a.link.icon:visited .comment {
			display: block; margin-top: 9px;
			font-size: 13px; font-family: 'dax'; line-height: 15px;
		}

	#crm2-results-primary-contact a.link.icon:hover,
	#crm2-results-primary-contact a.link.icon:active,
	#crm2-results-secondary-contact a.link.icon:hover,
	#crm2-results-secondary-contact a.link.icon:active {
		color: #0079c1;
	}

		#crm2-results-primary-contact a.link.icon:hover .comment,
		#crm2-results-primary-contact a.link.icon:active .comment,
		#crm2-results-secondary-contact a.link.icon:hover .comment,
		#crm2-results-secondary-contact a.link.icon:active .comment {
			color: #0079c1;
		}


#crm2-results-secondary {
	display: none; position: relative;
	margin: 0 auto 0 auto; padding: 0 40px 2.5em 40px;
	width: 100%; max-width: 1200px;
}

	#crm2-results-secondary .separator {
		border-top: 1px solid #999;
		margin: 0 0 3em 0;
	}

	#crm2-results-secondary-youmay {
		font-family: "dax";
		margin-bottom: 0.3em; padding-bottom: 0.3em;
	}

	#crm2-change {
		display: none; padding: 0px;
	}

		h2#crm2-change-title {
			text-align: center;
			font-size: 1em; font-family: "dax-medium";
			margin-bottom: 2em; padding-top: 30px;
		}

		#crm2-change .crm2-buttonzone {
			text-align: center;
			padding: 30px;
			border-bottom: 2px solid #fff;
		}

			#crm2-change .crm2-buttonzone button {
				min-width: 150px;
				text-align: center;
			}


@media screen and ( max-width: 767px ) {

	body { padding: 0%; padding-bottom: 40px; }

	#crm2-selector {
		min-height: auto; padding-bottom: 30px;
	}

	.crm2-breadcrumbs > div {
			width: 22%;
			font-size: 12px;
			padding-top: 18px;
			overflow: hidden;
		}
		.crm2-breadcrumbs > div.active { width: 56%; background-color: #fff; }

		.crm2-breadcrumbs > div .mobile { display: block; }
		.crm2-breadcrumbs > div .desktop { display: none; }

		.crm2-breadcrumbs > div.active .mobile { display: none; }
		.crm2-breadcrumbs > div.active .desktop { display: block; }

		.crm2-qscreen {
			padding-top: 30px;
		}

		.crm2-qscreen h2 {
		    padding-top: 14px; font-size: 1.433em;
		}

		.crm2-dropzone {
			padding-top: 10px; width: 90%;
		}

		.crm2-dropzone > div, #crm2-qscreen-3 .crm2-dropzone > div, .crm2-dropzone > div#crm2-change-q5 {
			width: 100%; padding-top: 20px;
		}

		.crm2-buttonzone {
			width: 90%; margin: 0px auto;
		}

		button { width: auto; display: inline-block; padding: 0 20px; }
		button + button { margin: 0 0 0 15px; }

	#crm2-thankyoubar {
		padding: 0;
		height: auto;
	}

	#crm2-thankyoubar > div {
		display: block;
		width: 100%; height: auto;
		border-right: none;
		text-align: center;
	}

	#crm2-thankyoubar > div#crm2-recap {
		width: 100%;
		padding: 20px;
		text-align: left;
	}

	#crm2-thankyoubar #crm2-thankyoucopy {
		display: block; margin-bottom: 15px;
	}

	#crm2-thankyoubar > div:last-child {
		padding: 10px;
		background-color: #0079c1;
		text-align: center;
	}

		#crm2-thankyoubar > div:last-child a.link:link,
		#crm2-thankyoubar > div:last-child a.link:visited {
			color: #fff;
		}

		#crm2-thankyoubar > div:last-child a.link::before {
			color: #0079c1;
			background-color: #fff;
		}

		.crm2-recap-line1, .crm2-recap-line2, .crm2-recap-line3 {
			margin-top: 10px;
		}

	#crm2-results-primary-recommend,
	#crm2-results-primary-title,
	#crm2-results-primary-body,
	#crm2-results-primary-bullets,
	#crm2-results-primary-button {
		width: 100%;
	}

	#crm2-results-primary {
		/*padding-bottom: 0;*/
	}

		#crm2-results-primary img, #crm2-results-secondary img {
			width: 100%; float: none;
			margin: 0 auto; display: block;
		}


		#crm2-results-primary-recommend {
			float: none;
			top: auto; left: auto;
			text-align: center;
			font-family: "dax";
		}

		#crm2-results-primary-title {
			font-size: 1.7em; font-family: "dax-medium";
			margin-top: 20px;
		}

		#crm2-results-primary-body, #crm2-results-primary-bullets {
			margin-bottom: 1.5em;
		}

		#crm2-results-primary-button a {
			width: 100%;
		}

		#crm2-results-primary-contact, #crm2-results-secondary-contact {
			padding-top: 1em;
		}

		#crm2-results-primary-contact > div, #crm2-results-secondary-contact > div {
			display: block; width: 100%;
			padding-right: 0px;
			margin-bottom: 0.5em; margin-top: 1em;
		}

	h2#crm2-change-title {
		padding-left: 30px; padding-right: 30px;
		margin-bottom: 0.5em;
	}

	#crm2-change .crm2-dropzone {
		padding-top: 0; padding-bottom: 0;
	}

	#crm2-change .crm2-buttonzone button { min-width: 100px; }

	#crm2-results-secondary {
		padding: 0px 40px 1.5em 40px;
	}

		#crm2-results-secondary-youmay {
			padding-left: 0px;
		}

		#crm2-results-secondary-title {
			width: 100%;
			padding-left: 0px; margin-top: 0.5em;
			font-size: 1.7em;
		}

		#crm2-results-secondary-body {
			padding-left: 0px; width: 100%;
		}

		#crm2-results-secondary-bullets {
			padding-left: 0px;
			width: 100%;
			margin-bottom: 1.2em;
		}

		#crm2-results-secondary-button {
			width: 100%; padding-left: 0px;
		}

		#crm2-results-secondary-button a { width: 100%; }

		#crm2-results-secondary-contact { padding-left: 0; }
}