*, *:before, *:after{
	box-sizing:border-box;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul{
	font-weight:normal;
	padding:0;
	margin:0;
}		

img{
	max-width:100%;
	height:auto;
}

html, body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

body{
	background-color:#ededed;
}

section{
	background-color:#fff;
	border-radius:20px;
	padding:60px;
}

.bg{
	position:fixed;
	background:url('https://www.ignitioncasino.eu/content/images/logo_main.svg');
	background-repeat:no-repeat;
	background-position:center;
	opacity:0.5;
	width:100%;
	min-height:600px;
	z-index:-1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transform:rotate(-30deg);
}

.progress-wrapper{
	border:0;
	border-bottom:1px solid #ccc;
	background-color:#ededed;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:3px;
	z-index:99;
	display:block;
}

.progress-bar{
	display:block;
	height:100%;
	width:0;
}

.questions{
	margin-top:16px;
}
	
.question, .complete, .saved{
	display:none;
}

.question:first-child{
	display:block;
}

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

.controls{
	margin-top:20px;
	display:none;
	width:100%;
}

.next{
	margin-left:20px;
}

ul, li{
	list-style-position:inside !important;
	margin-bottom:6px;
	list-style:none;
}

li input[type="radio"]{
	margin-right:10px;
	cursor:pointer;
}

.wrapper{
	position:relative;
	max-width:1024px;
	margin:0 auto;
	width:100%;
	top:8%;
}

button{
	text-transform:uppercase;
	cursor:pointer;
}

.saving, .writing{
	border:0;
	background:url('../imgs/loading.png');
	background-repeat:no-repeat;
	background-position:93% 50%;	
	padding:13px 50px 13px 20px;
	background-color:#81bb22;
	border-radius:40px;
	margin-bottom:20px;
	margin-top:30px;
	color:#fff;
}

.completed-logo{
	max-width:120px;
	margin:0 auto 20px auto;
	display:block;
	width:100%;
}

.completed{
	text-align:center;
	display:none;
}

.loading{
	background-image:url('../imgs/loading.png');
	background-position:97% 50%;
	background-repeat:no-repeat;
	padding-right:40px;
}

.error{
	color:#cc0000 !important;
}

/* 740px */
@media all and (max-width:740px){
	
	.abtn{
		display:block;
		width:100%;
	}
		
	.btn-list{
		width:100% !important;
	}	
		
	.expand-wrap span{
		display:none;
	}
		
	.call-wrap span{
		max-width:220px;
	}
		
}

/* 360px */
@media all and (max-width:360px){
	
	button{
		font-size:14px !important;
		margin:10px 0;
		width:100%;
	}
	
}