.height100, .height100 body {height: 100%;position: relative;}
.cts-group.white-bg {background: #ffffff;}
.cts-group .blue-bg {background: #3973b9;}
.cts-group .blue-bg ul {margin-bottom: 0;padding: 15px 0;}
.cts-group .blue-bg ul li {color:#ffffff;list-style: none;display: inline-block;margin-right: 20px;}
.cts-group .relative {position: relative;}
.cts-group .logo {display: block;background: #fff;padding: 15px 30px;margin-right: -15px;margin-left: -15px;}
.cts-group .logo img {max-width: 140px;float: right;}
.cts-group .mb-20 {margin-bottom: 20px;}
.cts-group .mb-50 {margin-bottom: 50px;}
.cts-group textarea {resize:none;}
.cts-group #submit_form, .cts-group #submit_last {background: #ea3c3c;color: #ffffff;border: none;width: 100%;height: 40px;}
.height10050 {height: calc(100% - 50px);}
#contact-form p, #contact-form .radio {margin-bottom: 0;margin-top: 0;}
.p-20 {padding: 20px 5px;}
.absolute-bottom {position: absolute;bottom: 20px;left: 20px;right: 20px;color: #ffffff;border: 1px solid #fff;padding: 15px;}
.absolute-bottom span {position: absolute;top: -10px;background: #3973b9;padding: 0 10px;}
.absolute-bottom ol {padding-left: 15px;}
.mt-0 {margin-top: 0;}
.mt-120 {margin-top: 120px;}
.pt-140 {padding-top: 140px;}
.modal-header {border-bottom: 0;}
.nav.nav-tabs {margin-top: 0;}
.bottom-btn {color: #ffffff;width: auto;padding:10px 30px;text-align: center;border: none;}
.green-btn {background: #00af52;}
.blue-btn {background: #4971c8;}
.red-btn {background: red;cursor:pointer ;margin: 0 auto;display: table;width: auto;color: #ffffff;padding: 10px 30px;text-align: center;border: none; border-radius: 5px; margin-top: 10px; }
.red-btn:hover{color:white; text-decoration: none;}
.coach-wrapper{  display: table; width: 50%; margin: auto;}
.blue-info{border-radius: 5px; width: auto; padding: 9px 15px; margin-left: 10px;}
.coach-wrapper {overflow: hidden;}
.coach-select {width: 50%;}
.coach-select select{border-radius: 5px;}
.coach-select, .coach-button {display: table-cell; vertical-align: bottom; }
#table-name{margin-left: 5px;}
#doscontainer {display: none;}
.scroller {overflow: scroll;height: 100%;}
.job-profile-title a {display: inline-block;width: calc(100% - 40px);}
.job-profile-title button {display: inline-block;}
#next2.red {background: #ea3c3c !important;}
.answer-holder {display: inline-block;width: 270px;vertical-align: top;background: #aaf;margin-left: 50px;}
.answer-holder button:hover {opacity: 0.5;}
.answer-holder button {width: 50%;}

div#questions button {width: 140px;margin: 5px;float: left;height: 140px;text-align: center;border: solid 1px #222;}
div#questions {width: 450px;vertical-align: middle;display: inline-block;}
div#answers {display: inline-block;width: 300px;vertical-align: middle;margin-left: 50px;}
div#answers button:hover {background: #aaf;}
div#answers button {width: 100px;margin: 5px;float: left;height: 100px;text-align: center;border: solid 1px #222;}
.eks {font-size: 50px;font-weight: lighter;}

@media screen and (max-width: 767px) {
	.height100, .height100 body {height:auto;}
	.cts-group .white-bg-m {background: #ffffff;}
	.cts-group .logo {margin:0 auto;}
	.cts-group .logo img {float: none;}
	.absolute-bottom {
		position: relative;
		bottom: auto;
		right: auto;
		left: auto;
		top: auto;
		background: #3973b9;
		border: 0;
	}
	.mt-responsive {
		margin-top: 20px;
	}
	.pt-140 {
		padding-top: 0;
	}
	.p-20 {
		padding: 20px 0;
	}
	#Q2 {
		font-size: 16px;
		line-height: 23px;
	}

	#question{
		line-height: 23px;
	}
}
@media (max-width: 1023px) {
	.answer-holder {
		margin: 0;
		width: auto;
		max-width: 40%;
	}
}
@media (max-width: 341px) {
	.analyses_first_test .test_image {
		max-width: 50%;
	  }
	#first-test {
	  width: 35% !important;
	}
	div#questions {
	  width: 210px !important;
	}
	div#answers {
	  width: 213px !important;
	}
	div#questions button {
	  width: 60px !important;
	  height: 60px !important;
	}
	div#answers button {
	  width: 50px !important;
	  height: 50px !important;
	}
  }
  @media (min-width: 983px) and (max-width: 1164px) {
	.analyses_second_test{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  flex-direction: row;
	}
	.answer-holder {
	  margin-left: 20px !important;
	  max-width: 35%;
	}
	.analyses_first_test .test_image {
	  max-width: 50%;
	}
	div#questions {
	  width: 42% !important;
	}
	div#answers button {
	  width: 70px !important;
	  height: 70px !important;
	}
	div#questions button {
	  width: 80px !important;
	  height: 80px !important;
	}
  }
  @media (min-width: 768px) and (max-width: 983px) {
   .analyses_second_test{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .answer-holder {
    margin-left: 20px !important;
    max-width: 35%;
  }
  .analyses_first_test .test_image {
    max-width: 50%;
  }
  div#answers {
    margin-left: 0px !important;
    width: 300px !important
  }
  div#questions {
    width: 330px !important;
  }
  div#questions button {
    width: 80px !important;
    height: 80px !important;
  }
  div#answers button {
    width: 70px !important;
    height: 70px !important;
  }
}