/*INDEX*/
/*text styles*/
/* buttons */
/*form styles*/
/*quiz id and question styles*/
/*quiz final result styles*/
/*media queries*/

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

body {
    font-family: sans-serif, Verdana;
}

#container {

    margin: auto;
    border: 4px solid #d2a355;
    border-radius: 5px;
    color: #999;
    font-weight: bold;  
    margin-top: 20px;

}

div#next {
    margin-left: 20px;
}

/*text styles*/

h3 {
	padding-top: 20px;
    text-align: center;
}


/* buttons */

.button {
	display: relative!important;
	text-align: center;
    border-radius: 5px;
    width: 89px;
	height:24px;
    background-color: #d2a355;
    color: #000f;
  	border: 2px solid #eee;
	right: -2px;
    bottom: 21px;
	
/*
    float: right;
	margin-left: 5px;
	right: 32px;
    bottom: 72px; 
*/
}

 

.button.active {
  	background-color:#eee;
	color:#999;
}

.button.active a{
  	background-color:#eee;
}


.button a {
    text-decoration: none;
    color: black;
}

.ctaButton {
    display: flex;
    justify-content: center;
    align-items: center;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
	display:inline;
	
}

#prev {
    display:none;
}


/*form styles*/
 

 [type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
    float: left;
	transform: scale(2); 
    text-align:right;
    margin-top: 6px;
}


label {
	padding-left:7px;
	font-size:16px;
}

/*quiz id and question styles*/

/*
#quiz {
    text-indent: 10px;
	min-height: 330px;
    display:none;
}
*/

#quiz {
    text-indent: 10px;
    min-height: 350px;
     display: none;
}


div#question li {
	padding-left: 61px;
    width: 364px;
/*    padding-left: 10%;*/
    cursor: hand;
    padding-bottom: 20px;
    line-height: 22px;
}


 

#question > p {
    font-weight: bold;
    color: #58595;
}

#question > label {
    font-size: 16px!important;
	display: block;
    font-weight: 400;
	margin-left:14px;
    font-family: 'MONTSERRAT', sans-serif;
}

.questionText {
	text-align: center!important;
}

/*quiz final result styles*/
 
.cardImage {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
}

.cardImage img {
    width: 300px;
}


p.cardNameText {
    color: #d2a355;
    font-size: 18px!important;
    font-weight: bold;
	text-align:center!important;
}

p.cardText {
	text-align:center;
	fonrt-size:18px!important;
	font-weight:400;
}

span.preferText {
    text-align: center;
    display: block;
    font-size: 20px;
    color: #1d345e;
}


    .finePrintCashReward ,.finePrintPlat, .finePrint150 {
	font-size:10px;
		color: green;
}


/*media queries*/

/*
@media (min-width: 769px) and (max-width: 1340px) {
}
*/

@media only screen and (min-width: 1024px) {
 div#question li {
    padding-left: 61px;
}
	
	#container {
		width: 486px;
	}

	 #next {
 	margin-right:-21px;
	}

		
}

@media only screen and (max-width: 700px) {
	#container {
	 border: none!important;
     height: 550px;
	 margin-top:0px;
}
		
	#quiz {
    padding-bottom: 34px;
}
	
	.button {
	right: -30px;
    bottom: 21px;
	}

	div#question li {
	 padding-left:0%;
	width:260px;
    }
	
	div#next {
    margin-left: 0px;
     } 
	
	button {
		padding: 15px 30px!important;
	}
 }
	
		
	}