.results {margin: 0 auto; font-family: "Roboto", Arial, Helvetica, sans-serif;}

.results h2 {text-align: center;}

.results h2 a {color: #000;}

.person {text-align: center; width: 260px; height: 210px; margin: 10px; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; padding: 20px 0 0 0; display: block; text-decoration: none; border: 2px solid #bdc3c7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left;}

.person:hover {background-color: #f6f6f6; border-color: #1abc9c;}

.person .name {font-size: 20px; color: #000; margin: 10px 0;}

.photo img {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; max-height: 140px;}

.clear {clear: both;}

.detail {font-size: 16px; font-family: "Roboto", Arial, Helvetica, sans-serif; width: 500px; margin: 10px auto; padding: 20px; border: 2px solid #bdc3c7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.detail h1 {font-size: 24px;}

.detail a {color: #000;}

.detail img {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: right; max-height: 140px;}












h4 {font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:24px; font-weight:300; margin:0 0 20px 0; padding:0; text-align:left;}

.color input[type="checkbox"] + span.checkbox {border:1px solid #aaa;   margin:1px; cursor:pointer; position:relative; height:25px; width:25px; display:inline-block; -webkit-transition:all 0s ease-in-out;  -moz-transition:all 0s ease-in-out;  -ms-transition:all 0s ease-in-out;  -o-transition:all 0s ease-in-out;  transition:all 0s ease-in-out;}

.smart-forms label.color {padding-right:2px; margin-right:2px;}

.state-error .color input[type="checkbox"] + span.checkbox {border:1px solid #cc0000;}

.color input[type="checkbox"]:checked + span.checkbox {height:30px; border-color:#2aff00;}

.marg {margin-bottom:15px;}

.color input[type="checkbox"] + span.checkbox:before {content:''; display:none; position:absolute; top:11px; left:7px; width:6px; height:3px; border:solid #2aff00; border-width:0 0 3px 3px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}

.color input[type="checkbox"]:checked + span.checkbox:before {display:block;}

.smart-forms .slider-input {color:#2ecc71 !important; cursor:default;}

.smart-forms .ui-slider-vertical,.smart-forms .sliderv-wrapper {margin:0 auto; height:250px;}

#height {width:55px;}

#yearInput,#heightInput {width:1px; height:1px; font-size:0px; padding:0; border:0;}

#progress {position:relative; width:100%; margin-top:10px; border:1px solid #ddd; padding:1px; border-radius:3px; display:none;}

#bar {background-color:#B4F5B4; width:0%; height:20px; border-radius:3px; }

#percent {position:absolute; display:inline-block; top:3px; left:48%; }