/*
* Calculator/////////////////////////
*/



/*  form steps  */
.steps{

	height: auto;
	margin: 0 auto;
	/*padding: 70px 0;*/
	padding:0;
	position: relative;
}

.steps:after{
	content: "";
	display: block;
	width: 16px;
	height: 8px;
	/*background: url('../img/arrow_icon.png') no-repeat;*/
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -8px;
}

.steps ul li{
	width: 100%;
	list-style: none;
	display: none;
	float: left;
}

.steps ul li.current_step{
	display: block;

}

.steps ul li .text_field{
	display: block;
	width: 60%;
	padding: 15px 20px;
	border: 1px solid #d0d7e1;
	font-family: "opensans-regular", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #515860;
	letter-spacing: 1px;
	background: #ffffff;
	margin: 0 auto;
	outline: none;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.steps ul li.error .text_field{
	border: 1px solid #E46B6B;
}

.steps .form_title{
	/*margin-bottom: 50px;*/
	font-size: 16px;
	font-weight: bold;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
}

.steps .note{
	display: inline-block;
	font-family: 'opensans-regular', Helvetica, Arial, sans-serif;
	color: #c7d3e1;
	font-size: 12px;
	margin-top: 10px;
	width: 60%;
	text-align: left;
}
.prepcalculator {
    color: black;
}
.calcprogress{
	position:relative;
}
/*
.loadgo-overlay {
    margin-right: 45px;
}
*/



.risk-low, .risk-medium, .risk-high {
	padding: 5px 10px;
	margin-bottom: 15px;
}





/*  steps navigation  */
.navigation_container ul{
	display: inline-block;
	margin-top: 50px;
}

.navigation_container li{
	list-style: none;
	position: relative;
	display: block;
	width: 10px;
	height: 10px;
	float: left;
	margin: 24px 10px 0 0;
	background: #d8e0eb;

	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.navigation_container li:first-child{
	margin-left: 0;
}

.navigation_container .current_nav{
	width: 60px;
	height: 60px;
	position: relative;
	margin: 0 15px 0 5px;
	top: -1px;
	background: #51c57e;
	cursor: pointer;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.navigation_container .valid{
	background: #51c57e!important;
}

.navigation_container .error{
	background: #eb3b3b!important;

	-webkit-animation: bounce_btn .5s linear;
	-moz-animation: bounce_btn .5s linear;
	-ms-animation: bounce_btn .5s linear;
	-o-animation: bounce_btn .5s linear;
	animation: bounce_btn .5s linear;
}











/*  SVG icons css  */
.animate{
	-webkit-animation: bounce_btn .5s linear;
	-moz-animation: bounce_btn .5s linear;
	-ms-animation: bounce_btn .5s linear;
	-o-animation: bounce_btn .5s linear;
	animation: bounce_btn .5s linear;
}

.current_nav .icon{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -12px;
	margin-top: -12px;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.arrow{
	opacity: 0;
}

.current_nav .arrow{
	opacity: 1;
	display: block!important;
}

.step_nb{
	/*display: none;*/
	/*width: 50px;
	height: 50px;
	font-family: "opensans-regular", Helvetica, Arial, sans-serif;*/
	/*font-size: 14px;
	letter-spacing: 1px;
	color: #515860;*/
	/*background: #F5F5F5;*/
	/*margin: 0 auto 50px auto;
	line-height: 50px;

	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;*/
}

/*Wave Button Effect*/
.radcell .option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  /*top: 13.33333px;*/
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.15s ease-out 0;
  -moz-transition: all 0.15s ease-out 0;
  transition: all 0.15s ease-out 0;
  background: #fff;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  margin-right: 0.5rem;
  z-index: 1000;
}

.radcell .option-input:hover { background: #34c6f5; }

.radcell .option-input:checked { background: #fff; }

.radcell .option-input.active::before {
  width: 40px;
  height: 40px;
  position: absolute;
	color: #000;
  content: '\2b24';
  display: inline-block;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  left:0;
  top:0;
}

.radcell .option-input.active::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  /*background: -moz-linear-gradient( top ,
         rgba(255, 0, 0, 1) 0%,
         rgba(255, 255, 0, 1) 15%,
         rgba(0, 255, 0, 1) 30%,
         rgba(0, 255, 255, 1) 50%,
         rgba(0, 0, 255, 1) 65%,
         rgba(255, 0, 255, 1) 80%,
         rgba(255, 0, 0, 1) 100%);
  background: -webkit-gradient(linear,  left top,  left bottom,
         color-stop(0%, rgba(255, 0, 0, 1)),
         color-stop(15%, rgba(255, 255, 0, 1)),
         color-stop(30%, rgba(0, 255, 0, 1)),
         color-stop(50%, rgba(0, 255, 255, 1)),
         color-stop(65%, rgba(0, 0, 255, 1)),
         color-stop(80%, rgba(255, 0, 255, 1)),
         color-stop(100%, rgba(255, 0, 0, 1)));*/
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

.radcell .option-input.radio { border-radius: 50%; }

.radcell .option-input.radio::after { border-radius: 50%; }

@-webkit-keyframes
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
 border-radius:100px;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
 border-radius:40px;
 border-radius:100px;
}
}

@-moz-keyframes
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
 border-radius:100px;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
 border-radius:100px;
}
}

@-o-keyframes
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
border-radius:100px;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
 border-radius:100px;
}
}

@keyframes
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
 border-radius:100px;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
 border-radius:100px;
}
}






/*  bounce effect animation  */
@-webkit-keyframes bounce_btn {
  0%{
    	transform: scale(1);
		-webkit-transform: scale(1);
  }
  30%{
   		transform: scale(1.2);
		-webkit-transform: scale(1.2);
  }
  60%{
   		transform: scale(.95);
		-webkit-transform: scale(.95);
  }
  100%{
  		transform: scale(1);
		-webkit-transform: scale(1);
  }
}

@keyframes bounce_btn {
  0%{
    	transform: scale(1);
		-webkit-transform: scale(1);
  }
  30%{
   		transform: scale(1.2);
		-webkit-transform: scale(1.2);
  }
  60%{
   		transform: scale(.95);
		-webkit-transform: scale(.95);
  }
  100%{
  		transform: scale(1);
		-webkit-transform: scale(1);
  }
}

/*experiments*/

span.btntxt {
    /*display: block;
    position: absolute;*/
    /*left: 50px;*/
    color: black;
}
.radcell .btn-primarylabel.option-input.btn.btn-primary {
    width: 40px;
    height: 40px;
}
.radcell .btn-group-vertical.input-group >.btn:not(:first-child):not(:last-child){
  border-radius:40px;
}
.radcell .btn-group-vertical>.btn:last-child:not(:first-child){
  border-radius:40px;
}
.radcell .btn.active.focus, .btn.active:focus, .radcell .btn.focus, .radcell .btn:active.focus, .radcell .btn:active:focus, .radcell .btn:focus{
  outline:none;
}
.radcell .btn-primary.active.focus, .radcell .btn-primary.active:focus, .radcell .btn-primary.active:hover, .radcell .btn-primary:active.focus, .radcell .btn-primary:active:focus, .radcell .btn-primary:active:hover, .radcell .open>.dropdown-toggle.btn-primary.focus, .radcell .open>.dropdown-toggle.btn-primary:focus, .radcell .open>.dropdown-toggle.btn-primary:hover{

  background:#fff;
}
.radcell .btn-primary.active, .radcell  .btn-primary:active, .radcell  .open>.dropdown-toggle.btn-primary{
  background:#fff;
}
.radcell .btn-primary.focus, .radcell  .btn-primary:focus{
background-color:#cbd1d8;
}
 .radcell .btn-group-vertical  .radcell  .option-input.btn span{
  text-align: left;
}


 .radcell label.calcbutton.option-input.btn.btn-primary{
  border-radius:50px;
}
 .radcell input[type=radio].calculate, .radcell .calcbutton input[type=radio]{
  display:none;
}
.calculate tr{
  display:block:
  margin-bottom:15px;
}
.calculator td{
  vertical-align: middle;
	padding-top:15px;
	padding-bottom:15px;
}
li.score-last{
  margin-left:0px !important;
  padding-left:0px !important;
}
#moreinfo a{
    color:#337ab7;
}
#moreinfo a:hover {
    color: #23527c;
    text-decoration: underline;
}
.navigation_container {
    overflow: hidden;
}
h2.featurette-heading {
	font-weigh:bold;
  }

}
.center-img{
  margin:0 auto;
}
p.disclaimer {
    font-size: 21px;
    margin-top: 25px;
    margin-bottom: 50px;
    font-style: italic;
}
p.disclaimer-last{
  margin-bottom: 0px;
  margin-top:25px;
}
hr.divider-last{
  margin-top:16px;
  margin-bottom: 50px;
}
.calculator span.btntxt {
    /*padding-left: 10px;*/
		font-size:16px;
}
.licon{
  /*height: 300px;*/
}
.radcell{
  width: 40px;
  padding: 10px;
}
.calcquest, .calcans{
	/*height: 300px;*/
}
.disclaimer {
    margin-top: 20px;
    color: #f8f8ff;
}
.ptitle {
    color: white;
    text-transform: uppercase;
}
.ptitlecon{
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 40px;
}
div#calculator ul.calculator {
    padding-left: 0px;
}
.progress-wrap {
    /*margin-top: 5%;*/
}