hml, body {
	font-family: 'Open Sans', sans-serif;
	background: #fecc00;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

#quizContainer, #resultContainer, #azalContainer{
	margin: 0 auto;
	max-width: 960px;
	padding: 0px 25px;
}

#wrapper {
	margin: 0 auto 20px auto ;
}


#content-outer{
	margin: 0 auto;
	max-width: 960px;	
}

#content-outerz{
	display: none;
}

button, input, label {
	font-size: 100%;
}


/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after,
.clearfix:before,
#container:after,
#container:before,
.widget-wrapper:after,
.widget-wrapper:before {
	content: ' ';
	display: table;
}

.clearfix:after,
#container:after,
.widget-wrapper:after {
	clear: both;
}

.ie7 .clearfix,
.ie7 #container,
.ie7 .widget-wrapper {
	-ms-filter: "progid:DXImageTransform.Microsoft.zoom(1)";
}

.clear {
	clear: both;
}


/* =Responsive 12 Column Grid
-------------------------------------------------------------- */
.grid {
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.grid-right {
	float: right;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.col-60,
.col-140,
.col-220,
.col-300,
.col-380,
.col-460,
.col-540,
.col-620,
.col-700,
.col-780,
.col-860 {
	margin-right: 2.127659574468%;
}

.col-60 {
	width: 6.382978723404%;
}

.col-140 {
	width: 14.893617021277%;
}

.col-220 {
	width: 23.404255319149%;
}

.col-300 {
	width: 31.914893617021%;
}

.col-380 {
	width: 40.425531914894%;
}


.col-460 {
     width: 48.936170212766%;
}

.col-540 {
	width: 57.446808510638%;
}

.col-620 {
	width: 65.957446808511%;
}

.col-700 {
	width: 74.468085106383%;
}

.col-780 {
	width: 82.978723404255%;
}

.col-860 {
	width: 91.489361702128%;
}

.col-940 {
	width: 100%;
}

.fit {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.center {
	margin: 0 auto;
}

/* =Responsive Images
-------------------------------------------------------------- */
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.ie8 img {
	height: auto;
	width: auto;
}

.ie8 img.size-large {
	max-width: 60%;
	width: auto;
}


/* =Featured Content
-------------------------------------------------------------- */
#featured {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid #e5e5e5;
	padding-bottom: 30px;
	width: 99.8936%;
	padding-top: 30px;
}

#azalContainer #featured {
	padding-bottom: 0px;
}

#azalContainer #featured {
	background: none;
	border: 0px;
	padding-top: 0px
}

#featured p {
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.7rem;;
	padding: 0 40px 0 40px;
	text-align: center;
}


#featured #form p {
	text-align: left;
	padding: 0;
	margin-left: 15%;
}
#featured-image {
	margin: 40px 0 0 0;
}

#featured-image .fluid-width-video-wrapper {
	margin-left: -20px;
}

.featured-image img {
	margin-top: 44px;
}

#resultContainer #featured {
	margin-top: 0px;
}

/* =Widgets
-------------------------------------------------------------- */

.sas, .gal {
	margin-top: 60px;
}

#widgets2 {
	display: none;
}

.widget-wrapper {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color:#FFF;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 20px;
}

.saskia {
	padding: 0px;
	border: none;
	background-color: #fecc00;
}

.widget-wrapper2 {
	padding: 20px;
}

#widgets .textwidget {
	display: block;
	text-align: center;
}

#widgets2 .textwidget, #widgets3 .textwidget  {
	display: block;
	text-align: center;
}


#widget1, #widget3 {
	top: 130px;
	position: relative;
}

#widget4, #widget5 {
	margin-bottom: 0;
	}
	
#widget11, #widget33 {
	top: 90px;
	position: relative;
}

/* =Titles
-------------------------------------------------------------- */
.featured-title {
	font-size: 3.7rem;
	margin: 0;
	padding-top: 40px;
	text-align: center;
	color: #fecc00;
}


.horian{
	text-transform: uppercase;
}

.lehiaketa{
	text-transform: uppercase;
	font-size: 5rem;
	padding-top: 0px;
	background-color:#FFF;
	padding: 1.2rem;
	border: 3px solid #fecc00;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	color: #000;
    width: 30rem;
	margin: 0 auto;
}

.sar{
	color: #fff;
}


/* =Formularioa
-------------------------------------------------------------- */
#form input{
 width: 80%;
}

#form .next-btn{
 width: 80px;
 margin-right: 20%;
}


/* 
-------------------------------------------------------------- */

.fondoa{
	background-image:url(irudiak/fondoa.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.question{
	padding: 1.2rem;
	font-size: 1.3rem;
	border-radius: 20px;
	color: #fff;
	background-color: #000;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

.option{
	width: 96%;
	display: inline-block;
	vertical-align: middle;
	background: rgba(255, 255, 255, 0.5);
	color: #000000;
	border-radius: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;
}

.option:hover{
	background: #000;
	color: #f6f6f6;
}

.next-btn{
	border: none;
	outline: none;
	background: #c8d069;
	border-radius: 20px;
	cursor: pointer;
	float: right;
	font-size: 14px;
	padding: 10px;
}

.next-btn:hover{
	background: #0e7760;
	color: #f6f6f6;
}

.option input:checked .option{
	background: #08038C;
	color: #000;
}

.result{
	text-align: center;
	font-size: 1.9rem;
	margin-bottom: 20px;
}

.saiatu1{
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 20px;
	background-color:#FFF;
	color: #090;
	padding: 0.6rem;
}

.saiatu2{
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 20px;
	background-color:#FFF;
	color: #F00;
	padding: 0.6rem;
}

#featured-content .dec {
		margin-bottom: 2rem;
	}

.behera{
	display:block;
}

#ondo span:nth-child(2n+1){
  display: list-item;
  list-style-type: decimal;
}

#ondo span:nth-child(2n){
	color: #090;
	text-transform: uppercase;
}

#gaizki span:nth-child(2n+1){
	  display: list-item;
      list-style-type: decimal;
}

#gaizki span:nth-child(2n){
	color: #F00;
	text-transform: uppercase;
}

.azalpenak {
	padding: 1.2rem;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	background-color: #000;
	margin: 0px;
}

#azalpenak p{
	text-align: left;
	font-size: 1.2rem;
	color: #fff;
	font-weight: 300;
}

.azal-bold{
	font-weight: 400;
	color: #fecc00;
}


.gal-btn{
	border: none;
	outline: none;
	background: #fecc00;
	cursor: pointer;
	padding: 10px;
	margin-top: 1.2rem;
}

.next-btn:hover{
	background: #0e7760;
	color: #f6f6f6;
}

#bat{
	background: #fff;
}

.error{
	color:#F00;
	font-size: 0.9rem;
}


@media screen and (max-width: 980px) {

	body {
	}

	.grid,
	.grid-right{
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
	}

    #widgets2,  #widgets3 {
	 display: block;
    }
	 
	.gal, .sas{
		margin-top: 250px;
	}
	
	#widget1, #widget3, #widget11, #widget33 {
		display: none;
	}
	
	#widget4 {
	float: left;
	padding-top: 0;
	margin-right: 2.127659574468%;
	width: 48.936170212766%;
	}
	
	#widget5 {
	float: left;
	padding-top: 0;
	width: 48.936170212766%;
	margin-left: 0 !important;
	margin-right: 0 !important
	}
	
	.widget-wrapper2 {
	padding: 0px;
}

#featured-content .grid {
		margin-bottom: 0;
	}
	
#featured-content .dec {
		margin-bottom: 2rem;
	}
	
#ondo, #gaizki {
		padding-left: 1rem;
	}
#nextButton {
		margin-top: 20px;
	}
	
#quizContainer	#featured {
	padding-bottom: 80px;
}

#resultContainer #featured {
	margin-top: 200px;
	padding-bottom: 60px;
}


#featured #form p {
	margin-left: 0;
}

#form input{
 width: 98%;
}

#form .next-btn{
 width: 80px;
 margin-right: 0;
}

}



@media screen and (max-width: 650px) {

	body {
	}

	.grid,
	.grid-right {
		float: none;
	}
	
.sas {
	margin-top: 140px;
}
	
.gal {
	margin-top: 180px;
}

.lehiaketa{
    width: 24rem;
	font-size: 4rem;
	padding: 1rem;
}

.azal {
	width: 100%;
	padding-top: 0;
}

#featured p {
	padding: 0;

}

#azalContainer .col-860 {
	width: 100%;
}
#azalContainer #featured {
	padding: 0px;
}

}

@media screen and (max-width: 480px) {

	body {
	}

	.grid,
	.grid-right {
		float: none;
	}

	.featured-title {
		font-size: 2.5rem;
		padding: 20px 20px 0 20px;
	}
	
	.lehiaketa {
		font-size: 3rem;
		 width: 18rem;
		padding: 0.7rem;
	}
	
.galderetako {
	margin-top: 80px;
}

.saskirako{
	margin-top: 80px;
}

}

@media screen and (max-width: 320px) {

	#featured p {
		font-size: 12px;
		line-height: 1.2em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}
}

@media screen and (max-width: 240px) {

	#featured p {
		font-size: 11px;
		line-height: 1.1em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}
}