body, html{
    font-family:'Roboto', sans-serif;
    color:#999;
    font-size:98%;
}

body, html{background:#fff;}

/* footer botttom*/
html,
body {
   height:100%;
   min-width: 1024px;
}

a{
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

header{
    background:#fff;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    min-width: 1024px;
    z-index:999;
    border-bottom:solid 1px #f0f0f0;
}

.logo{
    width:165px;
    height:64px;
    float:left;
    margin:24px 8px 0px;
}

.logo span{display:none;}

strong{color:#282828;}

h1{
    color:#0078da;
    font-weight:600;
    font-size:140%;
    margin-bottom:64px;
}

h2{
    color:#0078da;
    font-weight:300;
    line-height:1.2;
    font-size:180%;
}


h3{
    font-size:110%;
    color:#000;
}

h4{
    font-size:100%;
    font-weight:600;
    margin-bottom:24px;
    color:#0078da;
}

.callout{
    border:0;
}

.callout p{color:#666;}

ul.lan{
    float:right;
    margin-top:40px;
    margin-left: 0;
    font-size:85%;
}
div.test-header{
	text-align: center;
    margin-top:40px;
    font-size:85%;
}
ul.lan li,
div.test-header span{
    list-style:none;
    display:inline-block;
    padding-right:16px;
}
ul.lan li:last-child {
	padding-right:0px;
}

ul.lan li a{
    color:#999;
}

ul.lan li a.currentlan, 
div.test-header #countdown,
div.test-header #questionPending{
    color:#666;
    font-weight:600;
}
div.test-header #countdown,
div.test-header #questionPending{
	padding-left: 4px;
}
div.test-header #countdown.alert {
	color: #c60f13;
}



.inner{
    padding:24px;
}


.login,
.intro,
.finalize,
.questions{
    background:url(../img/bg-downloads.png) center center no-repeat;
    background-size:cover;
}
.login,
.intro,
.finalize{
    height:100%;
    margin-bottom:-56px;
}
.login{
    padding:240px 0 0 0;
}
.intro,
.questions{
    padding:140px 0 0 0;
}


.company{
    padding:120px 0 0 0;
}

.question{
    padding:24px 48px 0px 48px;
    border-top:solid 1px #ddd;
}
.question:first-child{
    border-top:none;
}
.question:last-child{
    padding:24px 48px;
}

.question p{
    margin-bottom:16px;
}

.question p:last-child{
    margin-bottom:24px;
}

.goodbye-survey {
	position: absolute;
    bottom: 5rem;
    right: 2rem;
    left: 2rem;
}
input[type="radio"], input[type="checkbox"] {
    display: none;
  }
  label {
    padding-left: 36px;
    background: url('../img/check-empty.png') no-repeat top left;
    font-size:100%;
    color:#999;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
  }
  input[type="radio"] + label   {
    background: url('../img/radio-empty.png') no-repeat top left;
  }
  input[type="radio"]:checked + label {
    background: url('../img/radio-sel.png') no-repeat top left;
  }
  input[type="checkbox"]:checked + label {
    background: url('../img/check-sel.png') no-repeat top left;
  }

.button{
    background:#0078da;
    border:0;
    font-weight:700;
}
.button:hover {
    background: #23baeb;
}

.button.small{
    padding:4px 16px;
    font-weight:600;
    margin-bottom:4px;
}

a.darkred b {
	color: darkred;
}
label.success b,
span.success b {
	color: #5da423;
}

.pag > .button.completed,
.pag > .button.semicompleted {
	background-color: #2ba6cb;
    color: #fefefe;
}
.pag > .button.semicompleted {
	background-color: #5ed9fe;
}
/* footer{
    position:absolute;
    bottom:0;
    width:100%;
} */

footer{position:relative;}

footer:before{
    content:'';
    width:100%;
    height:5px;
    position:absolute;
    bottom:0;
    left:0;
    display:inline-block;
    background: rgba(232,239,249,1);
    background: -moz-linear-gradient(left, rgba(232,239,249,1) 0%, rgba(0,120,218,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,239,249,1)), color-stop(100%, rgba(0,120,218,1)));
    background: -webkit-linear-gradient(left, rgba(232,239,249,1) 0%, rgba(0,120,218,1) 100%);
    background: -o-linear-gradient(left, rgba(232,239,249,1) 0%, rgba(0,120,218,1) 100%);
    background: -ms-linear-gradient(left, rgba(232,239,249,1) 0%, rgba(0,120,218,1) 100%);
    background: linear-gradient(to right, rgba(232,239,249,1) 0%, rgba(0,120,218,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eef9', endColorstr='#0078da', GradientType=1 );
}


footer ul{
    margin-bottom:0;
}

footer ul li{
    display:inline-block;
    list-style:none;

}
footer ul li a{
    display:inline-block;
    color:#999;
    padding:8px;
    outline:0;
    padding-bottom:24px;
}

@media screen and (max-width: 39.99875em){
    .logo{margin-bottom:8px;}
    footer{font-size:85%;}
    .question,
    .question:last-child{
        padding:8px;
    }
}