/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0px; padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body { font-family: 'Nunito Sans', sans-serif; font-size: 18px; color: #666666; }
input, select, textarea, button { font-family: 'Nunito Sans', sans-serif; font-size: 18px; color: #666666; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }
body { background: #fff; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale; }
img { border: 0px; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1160px; position: relative; }
.button {display: inline-block; padding: 15px 30px; background-color: #29abe2; border-radius: 3px; color: #fff; font-size: 17px; font-weight: 800; text-decoration: none; }
.button:hover {background-color: #2598c9;}
.next {padding-right: 60px; background-image: url(../images/arrow-next-white.svg); background-position: center right 20px; background-repeat: no-repeat; float: right;}
.next.disabled { pointer-events: none;cursor: default;opacity:0.5;}

.button.gray {background-color: #f2f2f2; border: 2px solid #cccccc; color: #999999; }
.button.gray:hover {background-color: #ffffff;}
.button.prev{background-image: url(../images/arrow-back-grey.svg); background-position: 20px center; background-repeat: no-repeat; padding-left: 60px;}

.link {color: #29abe2; display: inline-block; padding-bottom: 1px; border-bottom: 2px solid #29abe2; text-decoration: none;}
.link:hover {border-bottom: 2px solid transparent!important;}

h1,h2 {font-size: 36px; color: #124e59; font-weight: normal;}

.error { color:red;font-size:16px;}


/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; }

		/* ### header container ### */
		.sticky-wrapper {z-index: 99; position: relative;}
		.is-sticky #headerCntr {box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
		#headerCntr { position: relative; width: 100%; height: 100px; background: #fff; }
		#headerCntr .logo { float: left; /*margin-top: 25px;*/ height:100px;display: table; }
		#headerCntr .logo a { height:100px;display: table-cell;vertical-align: middle;}
		#headerCntr .logo img { max-width: 100%; max-height:80px;min-width:200px;}
		#headerCntr .logo span.logotitle { display:inline-block;background:#e6e6e6; border-radius:3px;color:#faa400;padding:10px;font-weight:800;font-size:14px;margin-left:20px;}

		#headerCntr .button {float: left; margin-top: 22px;}
		#headerCntr-sticky-wrapper {z-index: 100;}

		/* ### menu box ### */
		#headerCntr .menuBox { float: right; position: relative; z-index: 100; }
		.menu { list-style: none; float: left; margin-top: 35px; }
		.menu li {float: left; font-size: 17px; margin-right: 30px; font-weight: 400; }
		.menu li a {color: #124e59; text-decoration: none; display: block; padding-bottom: 5px;}
		.menu li a:hover, .menu li.active a {border-bottom: 2px solid #124e59;}

		.switch { width: 77px; border: 1px solid #e6e6e6; background: #fff; height: 30px; text-align: center; overflow: hidden; border-radius: 3px; position: relative; float: left; margin-top: 32px; margin-right: 30px; }
		.switch input[type="checkbox"] {opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100;  cursor: pointer;}
		.switch a {display: block; width: 100%; float: left; overflow: hidden; transition: all 0.1s;}
		.switch a span { float: left; text-decoration: none; width: 37px; height: 30px; line-height: 30px; font-size: 17px;  color: #999999; font-weight: bold; }
		.switch input[type="checkbox"]:checked + a { background: url(../images/switch-bg.png) no-repeat left top; }
		.switch input[type="checkbox"]:checked + a span:first-of-type {color: #124e59;}
		.switch input[type="checkbox"]:not(:checked) + a span:last-of-type {color: #124e59;}
		.switch a { background: url(../images/switch-bg.png) no-repeat right top; }

		#headerCntr .mobileMenu { display: none; background: url(../images/icon-navigation.svg) no-repeat; background-size: 24px; width: 24px; height: 24px; }
		#headerCntr .mobileMenu.active {background: url(../images/icon-navigation-close.svg) no-repeat; background-size: 24px;}

	/* ### content container ### */
	#contentCntr { width: 100%; }

		/* ### banner container ### */
		#bannerCntr {
			width: 100%; padding: 100px 0; overflow: hidden;

					background: rgb(250,164,0); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(250,164,0,1) 0%, rgba(217,120,0,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(250,164,0,1) 0%, rgba(217,120,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(250,164,0,1) 0%, rgba(217,120,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa400', endColorstr='#d97800',GradientType=0 ); /* IE6-9 */
				}
		#bannerCntr .text {float: left; width: 50%;}
		#bannerCntr .animation {float: right; width: 50%; position: relative; min-height: 480px; margin-top: -90px;}
		#bannerCntr h1 {line-height: 43px; margin-bottom: 30px; }
		#bannerCntr p { font-size: 20px; line-height: 30px; margin-bottom: 20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.4); color: #fff; font-weight: 600;}
		#bannerCntr p .button {vertical-align: middle; margin-right: 15px; padding-top: 12px; padding-bottom: 12px; text-shadow: none;}
		#bannerCntr a.link {color: #fff; text-decoration: none; border-color: #fff; }
		#bannerCntr .animation1 {position: absolute; top: 178px; right: 72px; animation-delay: .5s;}
		#bannerCntr .animation2 {position: absolute; top: 60px; right: 190px; animation-delay: 1s;}
		#bannerCntr .animation3 {position: absolute; top: 238px; right: 200px; animation-delay: 1.5s;}
		#bannerCntr.sub .text {width: 768px; padding-left: 220px; margin-left: 90px; background: url(../images/illustration-ready.svg) no-repeat left 20px;}
		#bannerCntr.sub p:nth-of-type(2) {font-size: 18px; line-height: 25px;}

		/* ### about container ### */
		#aboutCntr {width: 100%; padding: 75px 0;overflow: hidden;}
		#aboutCntr .left {float: left; width: 50%; border-right: 1px dashed #cccccc; padding-right: 70px; }
		#aboutCntr .right {float: right; width: 50%; padding-left: 30px;}
		#aboutCntr h2 {margin-bottom: 20px;}
		#aboutCntr p {line-height: 23px; margin-bottom: 20px;}
		#aboutCntr .logos {overflow: hidden; padding-top: 30px;}
		#aboutCntr .logos a {float: left; margin-right: 30px;width:25%;}
		#aboutCntr .logos a img { width:100%;}
		#aboutCntr .progress {float: left; width: 195px; }
		#aboutCntr .text {overflow: hidden; padding-top: 25px;}
		#aboutCntr .text h2 {color: #faa400; line-height: 30px; margin-bottom: 20px; font-size: 24px;}

		/* ### test container ### */
		#testCntr { width: 100%; padding: 60px 0; }
		#testCntr fieldset {border: none; max-width: 550px; margin: 0 auto; }
		#testCntr .row {overflow: hidden; margin-bottom: 20px; margin-right: -20px;}
#testCntr .row.update {padding-top: 20px;}
		.field { padding: 13px 10px 13px 50px; border: 1px solid #e6e6e6; border-radius: 5px;  margin-right: 20px;}
		.field input[type="text"], .field input[type="email"] {color: #999999; font-size: 18px; border: none; background: none; width: 100%;}
.field input[type="text"]::-webkit-input-placeholder, .field input[type="email"]::-webkit-input-placeholder {color: #999999;}
		.field select {color: #999999; font-size: 18px; border: none; background: url(../images/icon-selectbox.svg) no-repeat center right 10px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
		#testCntr .small {float: left; width: calc(50% - 20px);}
		.field.industry {background: #f2f2f2 url(../images/icon-form-company.svg) no-repeat 13px center;}
		.field.position {background: #f2f2f2 url(../images/icon-form-phase.svg) no-repeat 13px center;}
		.field.company {background: #f2f2f2 url(../images/icon-form-employees.svg) no-repeat 13px center;}
		.field.company-name {background: #f2f2f2 url(../images/icon-form-company.svg) no-repeat 13px center;}
		.field.user {background: #f2f2f2 url(../images/icon-name.svg) no-repeat 13px center;}
		.field.location {background: #f2f2f2 url(../images/icon-form-location.svg?v=2) no-repeat 13px center;}
		.field.occupation {background: #f2f2f2 url(../images/icon-form-birth.svg) no-repeat 13px center;}
		.field.email {background: #f2f2f2 url(../images/icon-form-email.svg) no-repeat 13px center;}

		.field.error,.errorBorder { border:1px solid #29abe2 !important;}
		label.error span { font-size:18px;color:#666666;}
		label.error span::before { border:1px solid #29abe2 !important;}
		
		.inputSet label { margin-bottom: 0; padding-left: 40px; position: relative; display: block; }
		.inputSet label input {opacity: 0; position: absolute;}
		.inputSet label span:before { width: 21px; height: 21px; border: 1px solid #dedede; content: ''; position: absolute; left: 0; background: #f2f2f2; border-radius: 5px; }
		.inputSet label input:checked + span:after { content: ''; width: 14px; height: 14px; position: absolute; left: 4px; top: 4px; background: #29abe2; border-radius: 3px;}
		.inputSet input[type=radio] { cursor:pointer;}
		.inputSet label input[type="radio"] + span:before { border-radius: 50%; cursor: pointer; }
		.inputSet label input[type="radio"]:checked + span:after { content: ''; width: 17px; height: 17px; border-radius: 50%; position: absolute; left: 2px; top: 3px; background: #124e59;  cursor: pointer;}
		#testCntr .button {border:  none; cursor: pointer; }
		#testCntr .submit {text-align: center; padding-top: 20px;}

		/* ### page title container ### */
		#pageTitleCntr { padding: 40px 0; width: 100%; 
			
							background: -moz-linear-gradient(top,  rgba(250,164,0,1) 0%, rgba(217,120,0,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(250,164,0,1) 0%, rgba(217,120,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(250,164,0,1) 0%, rgba(217,120,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa400', endColorstr='#d97800',GradientType=0 ); /* IE6-9 */
						}
		}
		
		#pageTitleCntr h1 { background: url(../images/illustration-start.svg?v=2) no-repeat left; line-height: 35px; padding: 10px 0; padding-left: 112px;}
		#pageTitleCntr h1 span { color: #fff; font-size: 20px; display: block; text-shadow: 1px 1px 3px rgba(0,0,0,0.4);  }
		#pageTitleCntr.sub {padding: 60px 0;}
		#pageTitleCntr.sub h1 {padding-left: 0; margin-bottom: 15px; background: none;}
		#pageTitleCntr.sub p { font-size: 20px; line-height: 30px; margin-bottom: 20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.4); color: #fff; font-weight: 600; width: 50%;}
		#pageTitleCntr.sub .center { background: url(../images/illustration-best-practices.svg) no-repeat right; padding-top: 20px; padding-bottom: 20px;}
		#pageTitleCntr.sub.textPage {padding: 30px 0;}
		#pageTitleCntr.sub.textPage .center { background: url(../images/illustration-text-page.svg) no-repeat right; padding-top: 50px; padding-bottom: 50px; }


		#progressBar { width: 100%; height: 5px; background: #fff;}
		#progressBar .fill {width: 0px; height: 100%; background: #29abe2;-webkit-transition: width .5s; transition: width .5s;}

		#labelCntr {width: 100%; background: #124e59; overflow: hidden;}
		#labelCntr ul {list-style: none; border-left: 1px solid #5a838b; overflow: hidden; width: 50%; float: right;}
		#labelCntr li {float: left; width: 20%; text-align: center; border-right: 1px solid #5a838b; font-size: 15px; color: #fff; line-height: 16px; padding: 10px 0; min-height: 55px; }
		#labelCntr li.single {padding-top: 18px;}
		.is-sticky #labelCntr {box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}

		#surveyCntr {width: 100%; padding: 50px 0;}
		#surveyCntr ul {list-style: none;}
		#surveyCntr li {overflow: hidden; }
		#surveyCntr li .col {width: 50%; float: left;display:table;padding-bottom: 30px;}
		#surveyCntr li .col:first-of-type {border-right: 1px solid #e6e6e6;}
		#surveyCntr li label {float: left; width: 20%; text-align: center; padding-left: 0;}
		#surveyCntr li .inputSet label span:before {left: 50%; transform: translateX(-50%);}
		#surveyCntr li .inputSet label input[type="radio"]:checked + span:after {left: 50%; transform: translateX(-50%);}
		#surveyCntr li span.number {float: left; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; font-size: 17px; color: #999999; font-weight: 800; border: 1px solid #e7e7e7; position: relative; margin-right: 18px;display:table-cell;vertical-align:middle;}
		#surveyCntr li span.number.checked:before {content: ''; width: 100%; height: 100%; background: url(../images/icon-check-green.svg) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; }
		#surveyCntr li p {font-size: 18px; line-height: 23px; padding-right: 30px; overflow: hidden; display:table-cell;vertical-align:middle; width:100%;}
		#surveyCntr .buttons {overflow: hidden; padding-top: 40px;}


		/* ### result container ### */
		#resultCntr { width: 100%; padding: 90px 0; text-align: center; 
			
							background: -moz-linear-gradient(top,  rgba(250,164,0,1) 0%, rgba(217,120,0,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(250,164,0,1) 0%, rgba(217,120,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(250,164,0,1) 0%, rgba(217,120,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa400', endColorstr='#d97800',GradientType=0 ); /* IE6-9 */ }
						
			
		}

		#resultCntr p { font-size: 20px; line-height: 30px; margin-bottom: 45px; text-shadow: 1px 1px 3px rgba(0,0,0,0.4); color: #fff; font-weight: 600;}
		#resultCntr h1 { margin-bottom: 15px;}
		#resultCntr .buttons {text-align: center; padding-top: 60px;}
		#resultCntr .button {margin: 0 12px;}
		#resultCntr .button.bechmark {padding-left: 50px; background-image: url(../images/icon-graph-white.svg); background-repeat: no-repeat;
			background-position: 20px center; }
		#resultCntr .button.share { background-color: transparent; padding-left: 50px; background-image: url(../images/icon-share-white.svg); background-repeat: no-repeat; background-position: 20px center; background-size: 20px; border: 2px solid #fff; padding-top: 13px; padding-bottom: 13px; }
		#resultCntr .button.share:hover {background-color: #96e1dc;}

		.barChart {display: inline-block; width: 700px; margin: 0 auto;}
		.barChart label {float: left; color: #fff; padding-right: 12px; padding-top: 10px;}
		.barChart label.right {float: left; padding-right: 0; padding-left: 12px;}
		.barChart .bar { width: calc(100% - 200px); border: 2px solid #fff; background: #f2f2f2; position: relative; height: 50px; border-radius: 60px; float: left;}
		.barChart .progress {width: 0%; height: 100%; background: #7ac943; position: relative;-webkit-transition: width 1s; transition: width 1s;border-radius:60px 0px 0px 60px}
		.barChart .progress.rounded {border-radius:60px 60px 60px 60px}
		.barChart .progress span {position: absolute; top: 8px; left: 105%; color: #7ac943; font-size: 24px; font-weight: 800;/*background:#f2f2f2;*/border-radius:3px;}
		.barChart .progress.rounded span { right:2% !important;left:initial !important;color:white;}
		.barChart .progress.low { background:#f2484b;}
		.barChart .progress.medium { background:#f8b64c;}
		.barChart .progress.high { background:#7ac943;}
		
		.barChart .avg {width: 5px; height: 60px; border-radius: 5px; background: #124e59; position: absolute; top: -5px; left: 50%;opacity:0.5;}
		.barChart .avgText {color: #fff; font-size: 15px; position: absolute; top: 130%; left: 50%; transform: translateX(-50%);}
		.barChart.yellow .progress {background: #f9be00;}
		.barChart.yellow .progress span {color: #f9be00;}
		.barChart.red .progress {background: #f63240;}
		.barChart.red .progress span {color: #f63240;z-index:77;}

		#benchmarkCntr {width: 100%; background: #fff; padding: 80px 0;}
		#benchmarkCntr .graph {max-width: 740px; margin: 0 auto; text-align: center;}
		#benchmarkCntr h2 {color: #124e59; font-size: 24px; margin-bottom: 5px; font-weight: normal;}
		#benchmarkCntr p {margin-bottom: 30px;}
		#benchmarkCntr fieldset {border: none;}
		#benchmarkCntr fieldset .row {margin-right: -20px;}
		#benchmarkCntr .field {width: 100%}
		#benchmarkCntr .graph label {color: #124e59; font-weight: bold; display: block; margin-bottom: 5px; text-align: left;}
		#benchmarkCntr .set {float: left; width: 50%; /*33.33%*/ padding-right: 20px;}
		#benchmarkCntr .chart {width: 100%; padding-top: 40px;}
		#benchmarkCntr .chart img {width: 100%;}
		#benchmarkCntr .result { width: 100%; padding-top: 60px;}
		#benchmarkCntr .result .row {padding: 60px 0 50px; border-top: 1px dashed #cccccc; overflow: hidden;}
		#benchmarkCntr .col1 {float: left; width: 50%; padding-right: 60px; padding-left: 90px; position: relative; }
#benchmarkCntr .col1:before {width: 70px; height: 70px; /*background: #f2f2f2 url(../images/illustration-small-bulb.svg) no-repeat center;*/ border-radius: 50%; position: absolute; top: 43%; left: 0; content: ''; }
		#benchmarkCntr .col2 {float: left; width: 50%;}
		#benchmarkCntr h2 {font-size: 24px; color: #124e59; margin-bottom: 10px;}
		#benchmarkCntr .result p {margin-bottom: 10px; line-height: 28px;}
		#benchmarkCntr .result p a {color:#29abe2;text-decoration:none;}
		#benchmarkCntr .result p a:hover {color:#29abe2;text-decoration:underline;}
		#benchmarkCntr .barChart {width: 100%; margin-bottom: 30px;}
		#benchmarkCntr .barChart .bar {width: calc(100% - 140px);}
		#benchmarkCntr .barChart label {color: #666666; font-size: 15px; padding-top: 15px;}
		#benchmarkCntr .barChart .avgText {color: #666666;display:inline-table;}
		#benchmarkCntr .funding .col1:before {background:#f2f2f2 url(../images/illustration-small-money.svg) no-repeat center;}
		#benchmarkCntr .communication .col1:before {background:#f2f2f2 url(../images/illustration-small-chat1.svg) no-repeat center;}

		#bottomCntr {background: #f2f2f2; padding: 80px 0 0;}
		#bottomCntr .center {overflow: hidden; padding-bottom: 78px; border-bottom: 1px dashed #cccccc;}
		#bottomCntr h2 {font-size: 24px; color: #124e59; margin-bottom: 30px; overflow: hidden;}
#bottomCntr h2 em {font-style: normal; float: left; margin-top: 10px; width: calc(100% - 73px);}
		#bottomCntr h2 .icon { float: left; background: #fff url(../images/illustration-small-share.svg) no-repeat center; width: 55px; height: 55px; border-radius: 50%; margin-right: 18px; }
#bottomCntr p {line-height: 28px;}
		#bottomCntr .share {float: left; width: 35%;}
		#bottomCntr .comment {float: right; width: 50%;}
		#bottomCntr fieldset {border: none;}
		#bottomCntr .email {width: 100%; overflow: hidden; margin: 20px 0;}
		#bottomCntr input[type="text"] {float: left; width: calc(100% - 182px); background: #fff url(../images/icon-form-email.svg) no-repeat 10px center; line-height: 50px; padding: 0 10px 0 55px; border: 1px solid #e6e6e6; color: #999999; font-size: 18px; border-radius: 3px;   }
		#bottomCntr .button {float: right; padding: 12px 15px; cursor: pointer; }
		#bottomCntr textarea {width: 100%; background: #fff; border: 1px solid #e6e6e6; padding: 10px 15px; border-radius: 3px; margin: 20px 0 10px}
		#bottomCntr .comment .button {float: left;}
		#bottomCntr .comment a.link {margin: 10px 0 0 20px;}
		#bottomCntr .comment h2 .icon {background: #fff url(../images/illustration-small-chat2.svg) no-repeat center;}

		#practiceCntr {width: 100%;}
		#practiceCntr .content {width: 100%; overflow: hidden; padding: 75px 0;}
		#practiceCntr .col1 {float: left; width: 48%;}
		#practiceCntr .col2 {float: right; width: 48%;}
		#practiceCntr .highlight {background: #f2f2f2; padding: 35px 25px; border-radius: 3px; overflow: hidden; margin-bottom: 5px;}
		#practiceCntr .progress {float: left; margin-right: 15px;}
		#practiceCntr .progress .c100 {font-size: 125px;}
		#practiceCntr .text {overflow: hidden;}
		#practiceCntr .text h3 {color: #faa400; font-size: 24px; font-weight: normal; margin-bottom: 10px; }
		#practiceCntr .text p {margin-bottom: 5px;}
		#practiceCntr .block {padding: 35px 0 40px; border-bottom: 1px dashed #cccccc;}
		#practiceCntr .block h2 {font-size: 24px; margin-bottom: 10px;}
		#practiceCntr .block p {margin-bottom: 20px; line-height: 26px;}
		#practiceCntr .col2 .block:first-of-type {padding-top: 0;}
		#practiceCntr .block:last-of-type {border-bottom: 0;}
		#practiceCntr .hidden {display: none;}
		
		/* Read more/less blocks */
		#practiceCntr .block .blockContainer { max-height: 275px; overflow-y:hidden;transition: all .5s ease;}
		#practiceCntr .block .blockContainer.intro { font-size:20px;line-height:30px;color:#124e59;}
		#practiceCntr .block .blockContainer.extended { max-height:1500px; overflow-y:none;}
		#practiceCntr .block .fadeout {
		    position: relative; 
		    bottom: 4em;
		    height: 4em;
			margin-bottom:-60px;
		    background: -webkit-linear-gradient(
		        rgba(255, 255, 255, 0) 0%,
		        rgba(255, 255, 255, 1) 100%
		    ); 
		    background-image: -moz-linear-gradient(
		        rgba(255, 255, 255, 0) 0%,
		        rgba(255, 255, 255, 1) 100%
		    );
		    background-image: -o-linear-gradient(
		        rgba(255, 255, 255, 0) 0%,
		        rgba(255, 255, 255, 1) 100%
		    );
		    background-image: linear-gradient(
		        rgba(255, 255, 255, 0) 0%,
		        rgba(255, 255, 255, 1) 100%
		    );
		    background-image: -ms-linear-gradient(
		        rgba(255, 255, 255, 0) 0%,
		        rgba(255, 255, 255, 1) 100%
		    );
		}
		
		
		
		
		.block a {color:#29abe2;}
		.block a.readmore .more { display:block;}
		.block a.readmore .less { display:none;}
		.block a.readmore.less .more { display:none;}
		.block a.readmore.less .less { display:block;}
		
		
		
		.tabBox { width: 100%; background: #124e59; padding-top: 5px; }
		.tabBox ul {list-style: none; overflow: hidden;}
		.tabBox li {float: left; font-size: 20px; }
		.tabBox li a { display: block; width: 180px; padding: 10px; border-radius: 3px 3px 0 0; text-decoration: none; color: #fff; text-align: center;}
		.tabBox li a:hover {background: #5a838b;}
		.tabBox li.active a {background: #fff; color: #124e59;}

		/* ### text container ### */
		#textCntr {width: 100%; padding: 65px 0; background: #fff; overflow: hidden;}
		#textCntr .text{ float: left; width: 65%; padding-right: 150px; }
		#textCntr .form { float: right; width: 32%; background: #f2f2f2; padding: 25px; border-radius: 3px;}
		#textCntr p {line-height: 26px; margin-bottom: 25px;}
		#textCntr p a { color:#29abe2;}
		#textCntr h2 {color: #124e59; font-size: 24px; margin-bottom: 10px;}
		#textCntr ul {list-style: none; padding-left: 20px;}
		#textCntr li {list-style-type: disc; margin-bottom: 5px;}
		#textCntr li a {color: #666666; text-decoration: none;}
		#textCntr fieldset {border: none;}
		#textCntr input[type="text"] {width: 100%; margin-bottom: 18px; border: 1px solid #e6e6e6; padding: 10px 15px; background: #fff; color: #999999; }
		#textCntr textarea {width: 100%; margin-bottom: 18px; border: 1px solid #e6e6e6; padding: 10px 15px; height: 115px; background: #fff; color: #999999; }
		#textCntr textarea::-webkit-input-placeholder, #textCntr input[type="text"]::-webkit-input-placeholder {color: #999999;}
		#textCntr .button {cursor: pointer;}


	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; background: #f2f2f2; padding: 25px 0; }
	#footerCntr p { padding: 5px 0; padding-left: 60px; background: url(../images/logo-footer.svg) no-repeat left; font-size: 15px;}
	#footerCntr p a {color: #666666;}
	#footerCntr p a:hover {text-decoration: none;}

/* #Media Queries
================================================== */

@media only screen and (max-width: 1159px) {
	.center {padding-left: 30px; padding-right: 30px;}
	#bannerCntr .animation {width: 40%; margin-right: -50px;}
	#aboutCntr .left {padding-right: 30px;}
	#bottomCntr .share {width: 45%;}
	.tabBox li a {width: 150px;}
}


@media only screen and (max-width: 979px) {
	.switch {margin-right: 18px;}
	.menu li {margin-right: 18px;}
	.menu {margin-top: 40px;}
	.switch {margin-top: 38px;}
	#bannerCntr h1 {font-size: 30px;}
	#bannerCntr{padding: 70px 0;}
	#bannerCntr .animation {margin-right: -120px;}
	#bannerCntr .animation1 {width: 140px;}
	#bannerCntr .animation2 {width: 180px; top: 80px; right: 160px;}
	#bannerCntr .animation3 {width: 206px; right: 155px;}
	#bannerCntr p span {display: block; padding-top: 20px;}
	#bannerCntr .text {width: 60%;}
	#bannerCntr .animation {margin-top: -70px;}
	#aboutCntr h2 {font-size: 30px;}
	#aboutCntr p {margin-bottom: 10px;}
	#aboutCntr .logos a {width: calc(50% - 30px);height:71px;}
	#aboutCntr .logos a img {max-width: 100%; display: inline-block;}
	.c100 {font-size: 110px!important;}
	#aboutCntr .progress {width: 125px;}
	#aboutCntr .text {overflow: visible; padding-top: 10px;}
	#aboutCntr .text h2 {font-size: 20px; line-height: 24px;}
	#footerCntr p {padding-left: 45px;}
	#bannerCntr.sub .text {margin-left: 0; width: 100%;}
	#bannerCntr p {font-size: 19px;}
	#bannerCntr h1 {margin-bottom: 20px;}
	#labelCntr ul {width: 90%;}

	#surveyCntr li .col {width: 100%;}
	#surveyCntr li .col:last-of-type {width: 90%; float: right; }
	#surveyCntr li .col:first-of-type {border-top: 1px solid #e6e6e6; padding-top: 25px; border-right: 0; margin-top: 30px;}
	#surveyCntr li:first-child .col:first-of-type {border-top: 0; margin-top: 0;}
	#surveyCntr ul {border-bottom: 1px solid #e6e6e6; padding-bottom: 30px;}

	#benchmarkCntr .col1 {width: 100%; padding-right: 0; margin-bottom: 40px;}
	#benchmarkCntr .col2 {width: 100%;}
	#benchmarkCntr .col2 p {padding-left: 80px;}
	#bottomCntr .share {width: 47%;}
	#pageTitleCntr.sub p {width: 60%; font-size: 19px; line-height: 28px;}
	#pageTitleCntr.sub h1 {font-size: 30px;}
	.tabBox li a {width: 118px;}
	.tabBox li {font-size: 17px;}

	#practiceCntr .col1 {width: 100%;}
	#practiceCntr .col2 {width: 100%;}

	#textCntr .text {width: 100%; padding-right: 0; float: none; margin-bottom: 45px;}
	#textCntr .form {width: 380px; float: none;}
}

@media only screen and (max-width: 860px) and (min-width: 767px) { #headerCntr .logo span.logotitle { display:none;}}

@media only screen and (max-width: 767px) {
	.center { padding-left: 20px; padding-right: 20px; }
	#headerCntr {z-index: 100;}
	#headerCntr .mobileMenu { display: inline-block; position: absolute; top: 40px; right: 20px; }
	#headerCntr .menuBox {position: absolute; top: 80px; left: 0; width: 100%; background: #fff;text-align: center; padding: 60px 0; display: none;}
	.menu {width: 100%; margin-top: 0; margin-bottom: 10px; }
	.menu li {float: none; margin: 0; margin-bottom: 10px;}
	.switch {float: none; display: block; margin: 0 auto; margin-bottom: 5px;}
	#headerCntr .button {float: none; display: inline-block;}

	#bannerCntr .animation {display: none;}
	#bannerCntr .text {width: 100%; text-align: center;}
	#bannerCntr {padding: 50px 0 20px;}
	#bannerCntr h1 {font-size: 23px; line-height: 27px;}
	#bannerCntr p {line-height: 25px; font-size: 18px; margin-bottom: 30px;}
	#aboutCntr .left {width: 100%; padding-right: 0; border-right: 0; padding-bottom: 40px; border-bottom: 1px dashed #cccccc;}
	#aboutCntr .right {width: 100%; text-align: center; padding-left: 0; padding-top: 50px;}
	#aboutCntr .progress {width: 100%;}
	.c100 {float: none; margin: 0 auto; margin-bottom: 20px;}
	#aboutCntr .text h2 {font-size: 23px; line-height: 27px;}
	#aboutCntr p {font-size: 16px; line-height: 23px;}
	.link {font-size: 16px;}
	#bannerCntr p span .link {font-size: 18px;}
	#aboutCntr {padding: 50px 0; text-align: center;}
/*	#aboutCntr .logos a {text-align: center;width:45%;height:auto;}*/
	
	#aboutCntr .logos a {float: left; margin-right: 20px;width:30%;text-align:center;}

	#aboutCntr h2 {font-size: 23px;}

	#bannerCntr.sub .text {padding-left: 0; background: no-repeat;}
	#testCntr .small {width: calc(100% - 20px);}
	#testCntr .small:first-of-type {margin-bottom: 20px;}
	.inputSet label {font-size: 16px;}

	#pageTitleCntr {padding: 20px 0;}
	#pageTitleCntr h1 {font-size: 23px; line-height: 27px; background-size: 58px; padding-left: 80px; }
	#pageTitleCntr h1 span {font-size: 18px;}
	#labelCntr ul {width: calc(100% + 40px); margin: 0 -20px;}
	#labelCntr li {font-size: 12px;}
	#surveyCntr {padding: 20px 0;}
	#surveyCntr li .col:last-of-type {width: 100%;}
	#surveyCntr li p {text-align: center; font-size: 16px; line-height: 20px;}
	#surveyCntr li span.number {border: none; width: auto; padding: 0; margin-right: 0; line-height: normal;}
	#surveyCntr li {padding-bottom: 5px;}
	#surveyCntr li .col:last-of-type {width: calc(100% + 40px); margin: 0 -20px;padding-bottom:0px;}

	.barChart {width: 100%;}
	.barChart label {display: none;}
	.barChart .bar {width: 100%;}
	#resultCntr .buttons a {margin-bottom: 15px;}
	#benchmarkCntr .set {width: 100%; margin-bottom: 10px;}
	#benchmarkCntr .graph label {width: 90px; float: left; margin-top: 12px;}
	#benchmarkCntr .field {float: left; width: calc(100% - 90px); margin-right: 0;}
	#benchmarkCntr .col1 {padding-left: 0; }
	#benchmarkCntr .col1:before {display: none;}
	#benchmarkCntr .col2 p {padding-left: 0;}
	#benchmarkCntr .barChart .bar {width: 100%;}
	#benchmarkCntr {padding-bottom: 0;}
	#bottomCntr .share {width: 100%; padding-bottom: 30px; border-bottom: 1px dashed #ccc; margin-bottom: 30px;}
	#benchmarkCntr .result .row {padding: 30px 0;}
	#bottomCntr .comment {width: 100%;}
	#resultCntr {padding: 45px 0;}
	#resultCntr h1 {font-size: 23px; line-height: 27px;}
	#bottomCntr {padding-top: 40px;}
	#bottomCntr .center {padding-bottom: 40px;}

	#pageTitleCntr.sub .center {background: none; text-align: center;}
	#pageTitleCntr.sub {padding: 30px 0;}
	#pageTitleCntr.sub p {width: 100%; font-size: 18px; line-height: 25px;}
	#pageTitleCntr.sub h1 {font-size: 23px;}
	.tabBox ul {padding: 10px 0;}
	.tabBox li {width: 100%; text-align: center;}
	.tabBox li a {display: inline-block; border-radius: 3px;}
	#practiceCntr .content {padding: 20px 0;}
	#practiceCntr .block h2 {font-size: 23px; line-height: 28px}
	#practiceCntr .block p {font-size: 16px; line-height: 23px;}
	#pageTitleCntr.sub.textPage .center {background: none;}
	#pageTitleCntr.sub.textPage {padding: 0;}
	#textCntr {padding: 40px 0;}
	#textCntr .form {width: calc(100% + 40px); margin: 0 -20px;}
	#textCntr {padding-bottom: 0;}
	#resultCntr p {font-size: 18px; line-height: 28px;}
	#resultCntr p br {display: none;}
	.field select {font-size: 16px;}
	#benchmarkCntr .barChart {margin-bottom: 50px;}
	#bottomCntr input[type="text"] {width: 100%; margin-bottom: 10px;}
	#bottomCntr .button {float: none; }
	#bottomCntr h2 {font-size: 22px;}
	#bottomCntr h2 .icon {width: 40px; height: 40px; background-size: 30px!important; margin-right: 5px;}
    .tabBox {position: static!important;}
	#bottomCntr h2 em {margin-top: 6px;}


}

@media only screen and (max-width: 479px) {
	#labelCntr li {font-size: 11px;}
	.button.prev {padding-left: 40px;}
	.button.next {padding-right: 40px;}

	#resultCntr .button {margin: 0 0;}
    p {font-size: 16px; line-height: 22px;}
	#practiceCntr .highlight {text-align: center;}
	#practiceCntr .progress {float: none; width: 100%; text-align: center;}

	#bottomCntr h2.question em {margin-top: 0; line-height: 20px;}
	
	#aboutCntr .logos a {width:43%;}
	
	#practiceCntr .block .blockContainer.extended { max-height:2000px;}
	.barChart .progress span {font-size:18px; }
	#headerCntr .logo span.logotitle { display:none;}
}



#shareSuccess,#commentSuccess { background:white;padding:10px;border-radius:3px;display:none;}

/*****************************************************
EMBED MODE CSS (in iframe)
*****************************************************/
body.embedded #headerCntr-sticky-wrapper,body.embedded .result,body.embedded #bottomCntr,body.embedded #footerCntr, body.embedded #benchmarkCntr { display: none !important;}
body.embedded #resultCntr { border-radius:5px;}