/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}
section.module h3 {
  font-family: "Roboto Slab", serif;
  font-size: 30px !important;
}
section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
strong {
  font-weight: bold;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module li {
  font-size: 16px;
  font-weight: 300;
}
section.module li span {
  font-weight: 600;
}
@media (min-width: 600px) {
  section.module li {
    font-size: 20px;
  }
}
section.module.content {
  padding: 40px 0;
}
section.module.parallax {
  padding: 120px 0 120px 0;
  background-position: 0 0;
}
section.module.parallax h1 {
  color: #1e1e1e;
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
  color:#fff;
  line-height:150%;
}
section.module.parallax-1 {
  background-image: url("../img/hatter-1.png");
  	background-size: 100% auto;
}
section.module.parallax-2 {
  background-image: url("../img/hatter-2.jpg");
  	background-size: 100% auto;
		height:400px;
}
section.module.parallax-3 {
  background-image: url("../img/hatter-3.png");
  	background-size: 100% auto;
}


.icon{color:#fff;font-size:140px;text-align:center;line-height:auto;}
.icon.small{font-size:70px;vertical-align: middle;}

form{background:#faf0c9;padding:30px 0;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
fieldset{width:60%;margin:0 auto;}


@media (min-width: 100px) {
  section.module.parallax h1 {
    font-size: 30px;
  }

	fieldset{width:80%;margin:0 auto;}
	.icon{font-size:80px;}
	.icon.small{font-size:50px;}
}



@media(min-width: 600px) {
  section.module h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax {
    padding: 120px 0 120px 0;
  }
  section.module.parallax h1 {
    font-size: 50px;
  }

	fieldset{width:70%;margin:0 auto;}
	.icon{font-size:120px;}
	.icon.small{font-size:60px;}
}



@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 65px;
  }

	fieldset{width:60%;margin:0 auto;}
	.icon{font-size:140px;}
	.icon.small{font-size:70px;}
}


body{font-family:Arial,Helvetica,sans-serif;}
a{color:#d72800;text-decoration:none;}
.centered{text-align:center;font-size:140px;line-height:140px;margin:70px 0 0 0;}

.input-xlarge,textarea{font-family:Arial,Helvetica,sans-serif;color:#222;font-size:14px;width:90%;padding:10px;border:1px solid #b1a989;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZhZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #fffae8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fffae8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fffae8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fffae8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fffae8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fffae8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffae8',GradientType=0 ); /* IE6-8 */}

input[type="submit"]{margin:0 0 30px 0;
background: #f77400; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3NzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNzUxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f77400 0%, #f75100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f77400), color-stop(100%,#f75100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f77400 0%,#f75100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f77400 0%,#f75100 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f77400 0%,#f75100 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f77400 0%,#f75100 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f77400', endColorstr='#f75100',GradientType=0 ); /* IE6-8 */
padding:15px 30px;cursor:pointer;color:#fff;font-family: "Roboto Slab", serif;font-size:30px;border:0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}


.input-xlarge:focus,textarea:focus{border:1px solid #63bd3b;-webkit-box-shadow: 0px 0px 5px 0px #96e474;-moz-box-shadow:    0px 0px 5px 0px #96e474;box-shadow:         0px 0px 5px 0px #96e474;}

textarea{width:100%;height:130px;font-size:22px;}

.control-group{margin:15px 0;}
label{font-size:18px;margin:10px 0 5px 0;display:block;}
.public-name,.status{font-size:16px;margin:5px 0 0 0;display:inline;}

.notification,textarea.notification:focus{border:1px solid #aa0c00;-webkit-box-shadow: 0px 0px 5px 0px #d10f00;-moz-box-shadow:    0px 0px 5px 0px #d10f00;box-shadow:         0px 0px 5px 0px #d10f00;}

nav{text-align:center;}
nav img{max-width:80%;min-width:80%;max-height:auto;min-height:auto;}
nav span{display:block;margin:0 0 10px 0;color:#fff;}


.adakozok{}
.adakozok span:nth-child(even) {background: #faf0c9;padding:5px;}
.adakozok span:nth-child(odd) {background: #fae1c9;padding:5px;}
.adakozok span{margin:3px;display:block;float:left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.adakozok span.fo{background:#f76300;color:#fff;font-weight:bold;}
section.module .adakozok p{margin:10px 0 10px	 0;}

.clear{clear:both;}
h2.help{line-height:110%;}

.fb-share-button{padding:30px 0 0 0;height: 50px !important;text-align:center;}


footer aside img {width:100%;height:auto;}
#pay{text-align:center;margin:15px 0;}
#pay img{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.law{font-size:14px;line-height:130%;}
.law span{font-size:14px;}

h3{font-size:18px;margin:30px 0 20px 0;text-align:center;  font-family: "Roboto Slab", serif;}
h3.left{text-align:left;}
.banner{text-align:center;}
#help{text-align:center;}

.life i{background:#b10000;font-style:normal;padding:3px 10px;}

a.blog{color:#fff;display:block;}
a.blog:hover{color:#faf0c9;}
a.blog:hover h1{color:#faf0c9;}

div.leftdiv , div.rightdiv {
  float: right;
  width: 50%;
  padding: 20px;
}
fieldset {
  width: 90% !important;
}
table#kalyha {
  width: 360px;
  height: 700px;
  margin: 20px auto;
  background: url(../img/kalyha.png) no-repeat center top;
  border: 1px solid #888;
}
td.cella {
  text-align: center;
  width: 60px;
  height: 50px;
  cursor: pointer;
  background: rgba(77, 153, 9, 0.5);
}
td.kivalasztott {
  background: none !important;
}
.reszlet_osszesen {
  font-weight: bold;
}
@media all and (max-width: 900px) {
  div.leftdiv , div.rightdiv {
  float: none;
  }
}
@media all and (min-width: 461px) {
  td.cella:hover {
    background: rgba(239, 0, 0, 0.2) !important;
  }
}
@media all and (max-width: 460px) {
  table#kalyha {
    width: 180px !important;
    height: 350px !important;
    background-size: 180px 350px !important;
    margin: 5px auto;
    background: url(../img/kalyha.png) no-repeat center top;
    border: 1px solid #888;
  }
  td.cella {
    text-align: center;
    width: 30px;
    height: 25px;
    cursor: pointer;
    background: rgba(77, 153, 9, 0.5);
  }
}
.mediasupporters img {
  max-width: 250px !important;
  min-width: 0 !important;
}
.mediasupporters nav {
  display: block;
  width: 50%;
  float: left;
}
@media (max-width: 800px) {
  .mediasupporters nav {
    float: none;
    margin: 0 auto;
    width: 100%;
  }
}
.mediasupporters {
  padding-bottom: 40px;
}
ul {
  margin-left: 30px;
  margin-bottom: 40px;
}
ul li {
  list-style-type: circle;
  line-height: 160%;
}

.link-wrapper img {
  width: 200px;
  border-radius: 8px;
}

.link-wrapper {
  display: flex;
  justify-content: space-evenly;
  margin-top: 40px;
}

iframe:not(#help) {
  width: 640px;
  height: 360px;
}

@media screen and (max-width: 723px) {
  .link-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    row-gap: 48px;
  }
}

@media screen and (max-width: 420px) {
  iframe:not(#help) {
    width: 335px;
    height: 250px;
  }
}