body {
	overflow-x: hidden;
	  /* background-size: auto 100% !important; */
	/* background-size: cover !important; */
	/* background-position:0 0 !important; */
	color: #fff;
	padding-top:0;
	font-family: Arial, Helvetica, sans-serif;
}
img {
	max-width:100%;
}
a {
	color:#f19023;
	cursor:pointer;
}
button {
	margin:18px auto 30px auto;
	outline:0;
	border:0;
}
.next {
	margin-left:40%;
}
.intro .next {
	margin:auto;
}
.final {
	text-align:center;
}
.tulos {
	text-align:center;
}
.tulos img {
	width: auto;
	max-height: 333px;
	max-width: 99%;
	margin:7px;
}
.container {
	max-width:796px;
	padding-top:20px;
	height:100%;
	text-align:center;
	padding-bottom:22px;
}
.section {
	/* width:98%; */
	text-align:center;
	/* position:absolute; */
	left:0;
	padding-bottom:22px;
}
	.inner {
		max-width:688px;
		text-align:left;
		margin:0 auto 65px auto;
	}
.intro {
	text-align:center !important;
	padding-bottom: 30px;
}
.intro p {
	margin:0 auto 25px auto;
}
h1,h1 a {
	text-align:center !important;
	/* color: #fff; */
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	display: block;
	font-size: 62px;
	font-weight: 700;
	/* font-family:Montserrat; */
}
h1 a:hover {
	text-decoration:none;
}
@media all and (max-width: 559px) {
    h1, h1 a, h1 a:hover{
        font-size: 40px !important;
    }
}
@media all and (max-width: 400px) {
    h1, h1 a, h1 a:hover{
        font-size: 30px !important;
    }
}

h2 {
	/* color: #000; */
	padding-top: 5px !important;
	font-size: 28px !important;
	letter-spacing: 1px !important;
	padding-left:4px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
h3 {
	/* color: rgb( 224, 22, 184); */
	margin-top:0.6em !important;
	margin-bottom:1.1em !important;
	font-size: 28px !important;
	font-weight: normal !important;
}
p {
	margin-bottom:0.2em;
	margin-top:1.1em;
}
label {
	display:block;
	clear:both;
	margin-top: 2px;
	margin-bottom: 2px;
	padding:8px;
	font-weight: 400;
	transition: all 0.3s;
}
label:hover, label.selected, button, .progress-inner {
	background:#f19023;
}
label:hover,label.selected,button {
	color:#fff;
}

.progress {
	height:3px;
	width:100%;
	background:rgba(111,111,111,0.5);
	margin:15px auto;
}
.progress-inner {
	float:left;
	width:0%;
	height:100%;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

ol {
	list-style-type: lower-alpha;
}

.loading .fa{
	font-size:99px;
}

.success {
	color: #18AE18;
}

.vcenter {
/*
    display: flex;
    align-items: center;
*/
}

button, .btn {
	/* border: 2px solid transparent; */
}

.floatLeft {
	float: left;
	list-style: none;
}
.footersect2 h5 {
  color: #999082 !important;
  font-weight: 300;
}

.frontsect {
  height: 100% !important;
  min-height:100%;
}

.sharebutton {
  display: inline-block;
  padding: 14px 19px;
  color: #fff !important;
  font-size: 14px !important;
  text-transform: uppercase;
  margin: 8px;
  margin-top: 22px;
  transition:all 0.25s;
}
.sharebutton:hover,.sharebutton:active {
	text-decoration:none;
	transform:scale(1.02);
	box-shadow:0px 3px 7px 0px rgba(105, 105, 105, 0.43);
}
.sharebutton i.fa {
  font-size: 155%;
  transform: translateY(11%);
  margin-right: 12px;
}
#facebook {
  background-color: #00799B;	
}

#twitter {
	background-color: #55acee;
}
/* body, html {
  min-height: 100%;
  overflow-y:auto;
} */
.overlay {
  display: block;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  text-align:center;
  padding:35px;
}
.rules {
  margin:auto;
  bottom:6%;
  width: 80%;
  max-width: 800px;
  background-color: #fff;
  display: inline-block;
  z-index: 999;
  box-shadow: 0px 0px 20px -2px #888888;
  padding: 25px;
  text-align: left;
  max-height: 100%;
    overflow-y: auto;
}
.rules .rules-content {
    font-size: 88%;
	overflow-y: auto;
  max-height: 100%;
}
.rules * {
	color:#111 !important;
}
.rules ol {
  list-style-type: decimal;
}
.rules li {
	margin-bottom:8px;
	font-weight:bold;
}
.rules p {
  font-weight: normal;
  margin-top: 3px;
  margin-bottom: 0.5em;
}
.rules > .close {
	display:block;
	float:none;
	text-align:right;
}
.rules > .close p {
	margin:0;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #D0D0D0;
}