* {
  position: relative;
  box-sizing: border-box;  
  margin: 0;
  padding: 0;  
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  font-weight: normal;
}

body {
  color: #5d5d5f;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  overflow-x: hidden;
}

body,
html {
  width: 100%;
  height: auto;
  min-height: 100%;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  -webkit-text-size-adjust: none;  
}

a {
  cursor: pointer;
  text-decoration: none;  
}

img {
  display: block;
  max-width: 100%;
}

img.fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-object-fit: cover;
  -moz-object-fit: cover;
}

*:focus {
  outline: none !important;
}

.flex {
  display: flex;
}

.col {
  flex-direction: column;
}

.hc {
  justify-content: center;
}

.he {
  justify-content: flex-end;
}

.vc {
  align-items: center;
}

ul.unstyled {
  list-style: none;
}

input,
select,
textarea {
  color: #5d5d5f;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;  
}

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

section#responsive-line,
section#responsive-nav-header {
  display: none;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
}

.mask {
  mask-image: url(../img/mask.svg);
  -webkit-mask-image: url(../img/mask.svg);
  -moz-mask-image: url(../img/mask.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  mask-position: right center;
  -webkit-mask-position: right center;
  -moz-mask-position: right center;
  mask-size: cover;
  -webkit-mask-size: cover;
  -moz-mask-size: cover;
}

body.rolunk .square-background {
  background: url(../img/square-background-rolunk.jpg) center center no-repeat;
  background-size: cover;
}

body.villanyszerelo section#theme-intro {
  background: url(../img/square-background-villanyszerelo.jpg) center center no-repeat;
  background-size: cover;
}

body.lakossag section#theme-intro {
  background: url(../img/square-background-lakossag.jpg) center center no-repeat;
  background-size: cover;
}

.button-container button {
  width: 250px;
  height: 45px;
  background: #0e88c2;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
}

.button-container button i {
  margin: 0 auto;
}

.button-container button span {
  background: #00599d;
  width: 85%;
  height: 100%;
  text-transform: uppercase;
  font-weight: 500;
}

.button-container a {
  width: 250px;
  height: 45px;
  background: #0e88c2;
  color: #ffffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
}

.button-container a i {
  margin: 0 auto;
}

.button-container a span {
  background: #00599d;
  width: 85%;
  height: 100%;
  text-transform: uppercase;
  font-weight: 500;
}

.button-link {
  margin-top: 10px;
}

.button-link a {
  color: #00599d;  
}

h2.common {
  font-size: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: max-content;
  margin: 0 auto;
  background: #ffffff;
  padding: 0 10px;
}

body.rolunk h2.common {
  color: #00599d;
}

body.villanyszerelo h2.common {
  color: #0073aa;
}

body.lakossag h2.common {
  color: #0e88c2;
}

h2.common::after {
  content: '';
  width: 600px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: calc(0px - ((600px - 100%)/2));
  z-index: -1;
}

body.rolunk .nav-rolunk {
  background: #00599d;
}
body.rolunk .nav-rolunk a {
  color: #ffffff;
}

body.lakossag .nav-lakossag {
  background: #0e88c2;
}
body.lakossag .nav-lakossag a {
  color: #ffffff;
}

body.villanyszerelo .nav-villanyszerelo {
  background: #0073aa;
}
body.villanyszerelo .nav-villanyszerelo a {
  color: #ffffff;
}

body.rolunk h2.common::after {
  background: #00599d;  
}

body.villanyszerelo h2.common::after {
  background: #0073aa;  
}

body.lakossag h2.common::after {
  background: #0e88c2;  
}

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

@media only screen
and (min-width : 1200px) {
  .ease:hover {
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
  } 
  .zoom:hover img {
    transform: scale(1.1) rotate(1deg);
    -o-transform: scale(1.1) rotate(1deg);
    -ms-transform: scale(1.1) rotate(1deg);
    -moz-transform: scale(1.1) rotate(1deg);
    -webkit-transform: scale(1.1) rotate(1deg);
  }
  nav ul li.nav-rolunk:hover {
    background: #00599d;
  }
  nav ul li.nav-villanyszerelo:hover {
    background: #0073aa;
  }
  nav ul li.nav-lakossag:hover {
    background: #0e88c2;
  }
  nav ul li.nav-rolunk:hover a,
  nav ul li.nav-villanyszerelo:hover a,
  nav ul li.nav-lakossag:hover a {
    color: #ffffff;
  }
  nav ul li:hover .dropdown {
    display: flex;
  }  
}

.transition {
  transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;    
}

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

header {
  width: 100%;
  height: 100px;
}

#main-logo {
  width: 220px;
  height: auto;
}

#main-logo img {
  width: 100%;
  height: auto;
}

#header-search-container {
  margin-left: auto;
  width: 395px;
  height: 45px;
  overflow: hidden;
}

#header-search-container input {
  width: 340px;
  height: 100%;
  background: #f1f1f1;
  border: none; 
  padding: 0 15px;
  border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;  
}

#header-search-container a {
  position: absolute;
  width: 55px;
  height: 100%;
  top: 0;
  right: 0;
  background: #00599d;
  border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  padding-left: 10px;
}

#header-search-container a span {
  width: 15px;
  height: 100%;
  background: #f1f1f1;
  position: absolute;
  top: 0;
  left: 0;
}

#header-search-container a i {
  color: #ffffff;
}

#header-blocks {
  margin-left: 20px;
  width: auto;
  height: 100%;
}

#header-blocks :first-child {
  z-index: 40;
}

#header-blocks :nth-child(2) {
  z-index: 30;
  margin-right: -23px;
}

#header-blocks :nth-child(3) {
  z-index: 20;
}

#header-blocks :nth-child(4) {
  z-index: 10;
}

#header-blocks .block {
  background: #f1f1f1;
  width: 140px;
  height: 100%;
}

#header-blocks .block-line {
  width: 25px;
  height: 100%;
  background: #ffffff;
  margin-right: -25px;
}

nav {
  width: 100%;
  height: 60px;
  background: #e8e8e8;
  z-index: 100;
}

nav ul {
  height: 100%;
  width: calc(100% + 20px);
  margin: 0 -10px;
}

nav ul li {
  height: calc(100% + 8px);
  margin: -8px 0 0 0;
  padding: 8px 10px 0 10px;
  border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;  
}

nav ul li a {
  text-transform: uppercase;
  font-weight: 500;
  color: #00599d;
}

nav ul li.nav-rolunk.selected {
  background: #00599d;
}

nav ul li.nav-villanyszerelo.selected {
  background: #0073aa;
}

nav ul li.nav-lakossag.selected {
  background: #0e88c2;
}

nav ul li.nav-rolunk.selected a,
nav ul li.nav-villanyszerelo.selected a,
nav ul li.nav-lakossag.selected a {
  color: #ffffff;
}

nav ul li.selected:not(.nav-rolunk):not(.nav-villanyszerelo):not(.nav-lakossag) a {
  background: #5d5d5f;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 8px 12px;
  color: #ffffff;
}

nav ul li.selected.selected-rolunk:not(.nav-rolunk):not(.nav-villanyszerelo):not(.nav-lakossag) a {
  background: #00599d;
}

nav ul li.selected.selected-villanyszerelo:not(.nav-rolunk):not(.nav-villanyszerelo):not(.nav-lakossag) a {
  background: #0073aa;
}

nav ul li.selected.selected-lakossag:not(.nav-rolunk):not(.nav-villanyszerelo):not(.nav-lakossag) a {
  background: #0e88c2;
}

nav ul li .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 20px;
  border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  display: none;
  box-shadow: 0 5px 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}

nav ul li.nav-rolunk .dropdown {
  background: #00599d;
}

nav ul li.nav-villanyszerelo .dropdown {
  background: #0073aa;
}

nav ul li.nav-lakossag .dropdown {
  background: #0e88c2;
}

nav ul li .dropdown a {
  text-transform: none;
  white-space: nowrap;
  font-weight: 400;
}

nav ul li .dropdown a:not(:last-child) {
  margin-bottom: 5px;
}

nav ul li .dropdown a i {
  margin-right: 5px;
  font-size: 10px;
}

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

footer {
  margin-top: 150px;
}

section#common-partners ul {
  padding: 15px 0;
}

section#common-partners li {
  width: calc(100% / 6);
  padding: 15px;
}

section#common-partners li a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 80px;
}

section#common-partners li a:not(:hover) img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  opacity: 0.6;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;  
}

section#common-contact .container::before {
  content: '';
  width: 600px;
  height: 1px;
  background: #00599d;
  position: absolute;
  top: 0;
  left: 300px; 
}

section#common-contact .container {
  padding: 30px 0;
}

section#common-contact span {
  margin: 0 10px;
  color: #5d5d5f;
}

section#common-contact span a {
  color: #5d5d5f;  
}

section#common-contact span i {
  margin-right: 5px;
  color: #00599d;
}

section#common-footer {
  width: 100%;
  height: 120px;
  background: #00599d;
}

section#common-footer .social-container,
section#common-footer .logo-container {
  width: 300px;
  height: auto;
}

section#common-footer .social-container p {
  font-size: 12px;
  color: #ffffff;
}

section#common-footer .social-container p:not(:last-child) {
  margin-bottom: 10px;
}

section#common-footer .social-container p i {
  font-size: 24px;
  color: #ffffff;
  margin: 0 5px;
}

section#common-footer .logo-container img {
  height: 50px;
  width: auto;
}

section#sz2020 {
  position: absolute;
  right: 0;
  bottom: 0;
}

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

section#theme-intro {
  width: 100%;
  height: 400px;
}

section#theme-intro::before {
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: #939598;
}

section#theme-intro .image-container {
  width: calc(50% + 50px);
  height: 100%;
  overflow: hidden;
  z-index: 20;
}

section#theme-intro .image-container::before {
  content: '';
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

section#theme-intro .image-container::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../img/mask-reverse.svg) left center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  right: calc(-100% + 120px);
  opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
}

body.rolunk section#theme-intro .image-container::before {
  background: #00599d;  
}

body.villanyszerelo section#theme-intro .image-container::before {
  background: #0073aa; 
}

body.lakossag section#theme-intro .image-container::before {
  background: #0e88c2;  
}

section#theme-intro .data-container {
  padding: 70px 0 0 30px;
}

section#theme-intro .data-container h1 {
  font-size: 24px;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 20px;
}

section#theme-intro .data-container a {
  font-weight: 400;
  color: #ffffff;
}

section#theme-intro .data-container a:not(:last-child) {
  margin-bottom: 5px;
}

section#theme-intro .data-container a i {
  margin-right: 5px;
  font-size: 10px;
}

section#theme-categories,
section#groups {
  padding: 15px 0;
}

section#groups {
  margin-top: -30px;
}

section#theme-categories .theme-categories-container,
section#groups .groups-container {
  width: calc(100% + 30px);
  margin: 0 -15px;
  flex-wrap: wrap;
}

section#theme-categories .theme-categories-container a,
section#groups .groups-container a {
  width: calc((100% / 2) - 30px);
  height: 260px;  
  margin: 15px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;  
}

section#theme-categories .theme-categories-container h2,
section#groups .groups-container h2 {
  width: 100%;
  height: 50px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 15px;
}

body.rolunk section#theme-categories .theme-categories-container h2,
body.rolunk section#groups .groups-container h2 {
  background: rgba(0,89,157,0.95);
}

body.villanyszerelo section#theme-categories .theme-categories-container h2,
body.villanyszerelo section#groups .groups-container h2 {
  background: rgba(0,115,170,0.95);
}

body.lakossag section#theme-categories .theme-categories-container h2,
body.lakossag section#groups .groups-container h2 {
  background: rgba(14,136,194,0.95);
}

section#page-header {
  width: 100%;
  height: 140px;
  margin-bottom: 30px;
}

section#page-header .theme-color-container {
  position: absolute;
  top: 0;
  left: calc(0px - (100vw / 2));
  padding-left: calc(100vw / 2);
  width: calc((100vw / 2) + 70%);
  height: 100%;
  z-index: 10;
}

section#page-header h1 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
}

section#page-header .logo-container {
  height: 100%;
  margin-left: auto;
}

section#page-header .logo-container img {
  height: 80px;
  width: auto;
  opacity: 0.3;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
}

body.rolunk section#page-header {
  background: url(../img/square-background-light-rolunk.jpg) center center no-repeat;
  background-size: cover;  
}

body.villanyszerelo section#page-header {
  background: url(../img/square-background-light-villanyszerelo.jpg) center center no-repeat;
  background-size: cover;  
}

body.lakossag section#page-header {
  background: url(../img/square-background-light-lakossag.jpg) center center no-repeat;
  background-size: cover;  
}

body.rolunk section#page-header .theme-color-container {
  background: #00599d;
}

body.villanyszerelo section#page-header .theme-color-container {
  background: #0073aa;
}

body.lakossag section#page-header .theme-color-container {
  background: #0e88c2;
}

section#news .news-container {
  width: calc(100% + 30px);
  margin: 0 -15px;
  flex-wrap: wrap;  
  padding: 15px 0;
}

section#news .news-container a {
  width: calc((100% / 2) - 30px);
  height: 190px;  
  margin: 15px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #f2f2f2;
  color: #5d5d5f;
}

section#news .news-container a .content-layer {
  width: 100%;
  height: 160px;  
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #e8e8e8;
  padding: 20px;
}

section#news .news-container a .content-layer .image-container {
  width: 120px;
  height: 120px;
  background: #ffffff;
  margin-right: 20px;
  overflow: hidden;
  flex-shrink: 0;
  padding: 10px;
}

section#news .news-container a .content-layer .data-container {
  flex-grow: 0;
  width: calc(100% - 140px);
}

section#news .news-container a .content-layer .data-container h2 {
  font-size: 14px;
  font-weight: 500;
  color: #00599d;
  border-bottom: #00599d 1px solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

section#news .news-container a .content-layer .data-container p {
  text-align: justify;
  overflow: hidden;
  height: 75px;
}

section#news .news-container a p.news-category {
  padding: 0 20px;
  line-height: 30px;
  font-style: italic;
}

section#news .news-search-container {
  width: 100%;
  padding: 30px 0;
  background: #e8e8e8;
  margin-bottom: 30px;
}

section#news .news-search-container h2 {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #00599d;
}

section#news .news-search-container select {
  width: 600px;
  max-width: 100%;
  height: 30px;
  border: none;
  padding: 0 45px 0 15px;
  color: #00599d;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  margin: 20px 0;
  background: #ffffff url(../img/select-arrow.svg) right 15px center no-repeat;
  background-size: 15px auto;  
}

section#news .news-search-container .button-container {
  margin-bottom: -52px;
}

section#news .news-pagination a {
  width: 30px;
  height: 30px;
  background: #e8e8e8;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  margin: 2px;
  font-weight: 500;
  color: #5d5d5f;
}

section#news .news-pagination a.selected {
  background: #00599d;
  color: #ffffff;
}

section#text :first-child {
  margin-top: 0 !important;
}

section#text :last-child {
  margin-bottom: 0 !important;
}

section#text h2 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  width: max-content;
  margin-bottom: 30px;
}

section#text h3 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 15px;
  font-style: italic;
}

body.rolunk section#text h2,
body.rolunk section#text h3,
body.rolunk section#text strong.highlight,
body.rolunk section#text a,
body.rolunk section#text ul li::before,
body.rolunk section#text ol li::before {
  color: #00599d;  
}

body.villanyszerelo section#text h2,
body.villanyszerelo section#text h3,
body.villanyszerelo section#text strong.highlight,
body.villanyszerelo section#text a,
body.villanyszerelo section#text ul li::before,
body.villanyszerelo section#text ol li::before {
  color: #0073aa;  
}

body.lakossag section#text h2,
body.lakossag section#text h3,
body.lakossag section#text strong.highlight,
body.lakossag section#text a,
body.lakossag section#text ul li::before,
body.lakossag section#text ol li::before {
  color: #0e88c2;  
}

section#text h2::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 1200px;
  height: 2px;
  background: #e8e8e8;
  z-index: 5;
}

section#text h2::before {
  content: '';
  position: absolute;
  bottom: -11px;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 10;
}

body.rolunk section#text h2::before {
  background: #00599d;  
}

body.villanyszerelo section#text h2::before {
  background: #0073aa;  
}

body.lakossag section#text h2::before {
  background: #0e88c2;  
}

section#text p {
  margin: 15px 0;
  text-align: justify;
}

section#text p.news-date {
  font-style: italic;
  font-weight: 500;
  margin-bottom: 30px;  
}

body.rolunk section#text p.news-date {
  color: #00599d;
}

body.villanyszerelo section#text p.news-date {
  color: #0073aa;
}

body.lakossag section#text p.news-date {
  color: #0e88c2;
}

section#text p.news-date i {
  margin-right: 5px;
  font-size: 18px;
}

section#text strong {
  font-weight: 500;
}

section#text a {
  text-decoration: underline;
}

section#text ul,
section#text ol {
  margin: 15px 0;
  padding-left: 30px;
  list-style-position: outside;
  list-style: none;
}

section#text ul li::before {
  content: '\25AA';
  color: #00599d;
  font-size: 16px;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

section#text ol li {
  counter-increment: list;
}

section#text ol li::before {
  content: counter(list);
  color: #00599d;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

section#text p img {
  max-width: 100%;
  height: auto;
}

section#text p img.icon-img {
  max-height: 20px;
  width: auto;
  display: inline-block;
  margin: 0 10px;
}

section#text .table-wrapper {
  margin: 15px 0 30px 0;
  width: 100%;
  overflow-x: auto;
}

section#text table {
  width: 100%;
}

section#text table th,
section#text table td {
  text-align: left;
  padding: 10px;
  border-bottom: #ffffff 2px solid;
  white-space: nowrap;
}

section#text table a {
  color: #5d5d5f !important;
  text-decoration: none;
}

section#text table th {
  color: #ffffff;
  font-weight: 500;
}

body.rolunk section#text table th {
  background: #00599d;
}

body.villanyszerelo section#text table th {
  background: #0073aa;
}

body.lakossag section#text table th {
  background: #0e88c2;
}

section#text table td {
  background: #e8e8e8;
}

section#text .providers {
  width: 100%;
  height: 80px;
  background: #f2f2f2;
  margin-top: 30px;
}

section#text .providers img {
  max-height: 50px;
  width: auto;
  margin: 0 10px;
  mix-blend-mode: multiply;
  -webkit-mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;  
}

section#text-closer {
  width: 100%;
  height: 80px;
  background: #e8e8e8;
  margin: 150px  0 -120px 0;
}

section#text-closer img {
  height: 50px;
  width: auto;
}

section#text hr {
  border: none;
  width: 100%;
  height: 1px;
}

body.rolunk section#text hr {
  background: #00599d;
}

body.villanyszerelo section#text hr {
  background: #0073aa;
}

body.lakossag section#text hr {
  background: #0e88c2;
}

section#download {
  margin-top: 30px;
}

section#download .image-container {
  width: 50%;
  height: 400px;
}

section#download .image-container::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../img/mask-reverse.svg) left center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  right: calc(-100% + 120px);
  opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
}

section#download .files-container {
  width: 600px;
  padding-left: 50px;
}

section#download .files-container a {
  background: #e8e8e8;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  padding: 10px 15px 10px 65px;
  font-weight: 500;
}

body.rolunk section#download .files-container a {
  color: #00599d;
}

body.villanyszerelo section#download .files-container a {
  color: #0073aa;
}

body.lakossag section#download .files-container a {
  color: #0e88c2;
}

section#download .files-container a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  padding-right: 6px;
}

section#download .files-container a span i {
  color: #ffffff;
  font-size: 20px;
}

body.rolunk section#download .files-container a span {
  background: #00599d;  
}

body.villanyszerelo section#download .files-container a span {
  background: #0073aa;  
}

body.lakossag section#download .files-container a span {
  background: #0e88c2;  
}

section#contact {
  margin-top: 30px;
}

section#contact .map-container {
  width: 50%;
  height: 400px;
}

section#contact .map-container iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
}

section#contact .map-container::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../img/mask-reverse.svg) left center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  right: calc(-100% + 120px);
  opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
}

section#contact .contact-container {
  width: 600px;
  padding-left: 50px;
}

section#contact .contact-container p {
  color: #5d5d5f;
  margin-bottom: 5px;
}

section#contact .contact-container p a {
  color: #5d5d5f;
}

section#contact .contact-container p span {
  width: 25px;
}

body.rolunk section#contact .contact-container p span i,
body.rolunk section#contact .contact-container .block h3,
body.rolunk section#contact .contact-container .block h4 {
  color: #00599d;
}

body.villanyszerelo section#contact .contact-container p span i,
body.villanyszerelo section#contact .contact-container .block h3,
body.villanyszerelo section#contact .contact-container .block h4 {
  color: #0073aa;
}

body.lakossag section#contact .contact-container p span i,
body.lakossag section#contact .contact-container .block h3,
body.lakossag section#contact .contact-container .block h4 {
  color: #0e88c2;
}

section#contact .contact-container .block {
  background: #e8e8e8;
  padding: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-top: 10px;
}

section#contact .contact-container .block h2 {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  /* width: 160px; */
  width: auto;
  height: 30px;
  margin-left: -30px;
  padding-left: 30px;
  margin-bottom: 10px;
}

section#contact .contact-container .block h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;  
}

section#contact .contact-container .block h4 {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 5px;  
}

body.rolunk section#contact .contact-container .block h2 {
  background: #00599d;
}

body.villanyszerelo section#contact .contact-container .block h2 {
  background: #0073aa;
}

body.lakossag section#contact .contact-container .block h2 {
  background: #0e88c2;
}

section#contact .contact-container .block p span i {
  color: #5d5d5f !important;
}

section#message .message-container {
  width: 100%;
  padding: 30px 0;
  background: #e8e8e8;
  margin-top: 30px;
}

section#message .message-container .message-blocks {
  width: 100%;
  padding-bottom: 30px;
}

section#message .message-container .message-blocks .block {
  width: 50%;
  padding: 0 20px;
}

section#message .message-container .message-blocks .block h2 {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

section#message .message-container .button-container {
  margin-bottom: -52px;
}

section#message .message-container .message-blocks .input-container {
  flex-wrap: wrap;
}

section#message .message-container .message-blocks input,
section#message .message-container .message-blocks textarea {
  width: 100%;
  height: 30px;
  border: none;
  padding: 0 10px;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  margin-top: 10px;
}

section#message .message-container .message-blocks textarea {
  height: 150px;
  resize: none;
  padding: 10px;
}

section#message .message-container .message-blocks ::placeholder {
  color: #c7c7c7;
  font-style: italic;
  font-weight: 300;
  opacity: 1;
}

section#message .message-container .message-blocks ::-ms-input-placeholder {
  color: #c7c7c7;
  font-style: italic;
  font-weight: 300;
  opacity: 1;
}

section#organization-group .group {
  background: #e8e8e8;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  width: 100%;
  height: 160px;
  overflow: hidden;
  margin-top: 30px;
}

section#organization-group .group .image-container {
  width: 320px;
  flex-shrink: 0;
}

section#organization-group .group .image-container::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../img/mask-reverse.svg) left center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  right: calc(-100% + 60px);
  opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
}

section#organization-group .group .data-container {
  padding: 20px 20px 20px 30px;
}

section#organization-group .group .data-container h2 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

body.rolunk section#organization-group .group .data-container h2 {
  color: #00599d;
}

body.villanyszerelo section#organization-group .group .data-container h2 {
  color: #0073aa;
}

body.lakossag section#organization-group .group .data-container h2 {
  color: #0e88c2;
}

section#organization-group .group .data-container p {
  text-align: justify;
  height: 95px;
  overflow: hidden;
}

section#partners .partner {
  background: #e8e8e8;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  width: 100%;
  height: 160px;
  overflow: hidden;
  margin-top: 30px;
}

section#partners .partner .partner-color-container {
  width: 320px;
  height: 100%;
  flex-shrink: 0;
}

section#partners .partner .partner-logo-container {
  width: 300px;
  height: 100%;
  flex-shrink: 0;
  background: #ffffff;
}

section#partners .partner .partner-logo-container img {
  width: auto;
  height: auto;
  max-width: 160px;
  max-height: 80px;
}

section#partners .partner .data-container {
  padding: 20px 20px 20px 30px;
}

section#partners .partner .data-container h2 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #5d5d5f;
}

section#partners .partner .data-container p {
  text-align: justify;
  height: 95px;
  overflow: hidden;
  color: #5d5d5f;
}

section#licences {
  padding: 15px 0;
  margin-top: -30px;
}

section#licences .licences-container {
  width: calc(100% + 30px);
  margin: 0 -15px;
  flex-wrap: wrap;
}

section#licences .licences-container a {
  width: calc((100% / 5) - 30px);
  height: 230px;  
  margin: 15px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; 
  background: #e8e8e8;
}

section#licences .licences-container .image-container {
  width: 100%;
  height: 180px;
}

section#licences .licences-container .image-container img {
  mix-blend-mode: multiply;
  -webkit-mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
  width: auto;
  height: auto;
  max-width: 140px;
  max-height: 55px;
}

section#licences .licences-container h2 {
  width: 100%;
  height: 50px;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
}

section#tab-header .tabs {
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin: -15px;  
}

section#tab-header .tabs.tab-2 a {
  width: calc((100% / 2) - 30px);
}

section#tab-header .tabs.tab-3 a {
  width: calc((100% / 3) - 30px);
}

section#tab-header .tabs.tab-4 a {
  width: calc((100% / 4) - 30px);
}

section#tab-header .tabs.tab-5 a {
  width: calc((100% / 5) - 30px);
}

section#tab-header .tabs a {
  height: 100px;
  background: #e8e8e8;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 20px;
  font-weight: 500;
  text-align: center;
  margin: 15px;
}

body.rolunk section#tab-header .tabs a {
  color: #00599d;
}

body.villanyszerelo section#tab-header .tabs a {
  color: #0073aa;
}

body.lakossag section#tab-header .tabs a {
  color: #0e88c2;
}

section#tab-header .tabs a.selected {
  color: #ffffff !important;
}

body.rolunk section#tab-header .tabs a.selected {
  background: #00599d;
}

body.villanyszerelo section#tab-header .tabs a.selected {
  background: #0073aa;
}

body.lakossag section#tab-header .tabs a.selected {
  background: #0e88c2;
}

section#tab-content {
  margin-top: 30px;
}

section#tab-content .tab-content {
  display: none;
}

section#download-list h2 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  width: max-content;
  margin-bottom: 30px;
}

body.rolunk section#download-list h2 {
  color: #00599d;  
}

body.villanyszerelo section#download-list h2 {
  color: #0073aa;  
}

body.lakossag section#download-list h2 {
  color: #0e88c2;  
}

section#download-list h2::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 1200px;
  height: 2px;
  background: #e8e8e8;
  z-index: 5;
}

section#download-list h2::before {
  content: '';
  position: absolute;
  bottom: -11px;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 10;
}

body.rolunk section#download-list h2::before {
  background: #00599d;  
}

body.villanyszerelo section#download-list h2::before {
  background: #0073aa;  
}

body.lakossag section#download-list h2::before {
  background: #0e88c2;  
}

section#download-list img {
  float: left;
  max-width: 130px;
  height: auto;
  margin-right: 20px;
}

section#download-list .list:not(:last-child) {
  margin-bottom: 20px;
}

section#download-list .list a {
  color: #5d5d5f;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: #e8e8e8 1px solid;
}

section#download-list .list a.empty {
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
}

section#download-list .list a.indent {
  padding-left: 20px;
}

section#download-list .list a i {
  margin-right: 5px;
}

section#dropdown-group .dropdown-head {
  background: #e8e8e8;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  padding: 10px 50px 10px 20px;
  font-weight: 500;  
}

section#dropdown-group .dropdown-head span {
  margin-right: 5px;
  font-weight: 500;
}

body.rolunk section#dropdown-group .dropdown-head span {
  color: #00599d;
}

body.villanyszerelo section#dropdown-group .dropdown-head span {
  color: #0073aa;
}

body.lakossag section#dropdown-group .dropdown-head span {
  color: #0e88c2;
}

section#dropdown-group .dropdown-head i {
  position: absolute;
  right: 20px;
}

section#dropdown-group .dropdown-head i.fa-chevron-up {
  display: none;
}

section#dropdown-group .dropdown-head.selected i.fa-chevron-down {
  display: none;
}

section#dropdown-group .dropdown-head.selected i.fa-chevron-up {
  display: block;
}

section#dropdown-group .dropdown-head.selected,
section#dropdown-group .dropdown-head.selected span {
  color: #ffffff !important;  
}

body.rolunk section#dropdown-group .dropdown-head.selected {
  background: #00599d;  
}

body.villanyszerelo section#dropdown-group .dropdown-head.selected {
  background: #0073aa;  
}

body.lakossag section#dropdown-group .dropdown-head.selected {
  background: #0e88c2;  
}

section#dropdown-group .dropdown-content {
  display: none;
  padding: 15px 0 20px 20px;
}

section#course .sum,
section#course .description {
  margin: -15px 0;
  width: 50%;
}
.success {
  text-align: center;
  background-color: paleturquoise;
  padding: 10px;
  margin: 20px;
}
section#course p {
  margin: 15px 0;
  text-align: left;
}

section#course p label {
  font-weight: 500;
}

body.rolunk section#course p label {
  color: #00599d;
}

body.villanyszerelo section#course p label {
  color: #0073aa;
}

body.lakossag section#course p label {
  color: #0e88c2;
}

section#search .map-container {
  width: 100%;
  height: 400px;
  margin-top: 30px;
}

section#search .map-container iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;  
}

section#search .refine-container {
  width: 100%;
  padding: 30px 0;
  background: #e8e8e8;
  margin-bottom: 55px;
}

section#search .refine-container .refine-blocks {
  width: 100%;
  padding-bottom: 30px;
}

section#search .refine-container .refine-blocks .block {
  width: 25%;
  padding: 0 20px;
}

section#search .refine-container .refine-blocks .block.inactive {
  opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
}

section#search .refine-container .refine-blocks .block:nth-child(1),
section#search .refine-container .refine-blocks .block:nth-child(2),
section#search .refine-container .refine-blocks .block:nth-child(3) {
  border-right: #b1d0de 1px solid;
}

section#search .refine-container .refine-blocks .block h2 {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

section#search .refine-container .refine-blocks .block:nth-child(3) h2,
section#search .refine-container .refine-blocks .block:nth-child(4) h2 {
  text-align: left;
}

section#search .refine-container .button-container {
  margin-bottom: -52px;
}

section#search .refine-container .refine-blocks .input-container {
  flex-wrap: wrap;
}

section#search .refine-container .refine-blocks input {
  width: 100%;
  height: 30px;
  border: none;
  padding: 0 10px;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  margin-top: 10px;
}

section#search .refine-container .refine-blocks input[id="zip"] {
  width: 60px;
  margin-right: 10px;
}

section#search .refine-container .refine-blocks input[id="city"] {
  width: calc(100% - 70px);
}

section#search .refine-container .refine-blocks .checkbox-row {
  margin-top: 10px;
}

section#search .refine-container .refine-blocks .checkbox-row span {
  font-weight: 500;
}

section#search .refine-container .refine-blocks .checkbox-row img {
  height: 25px;
  width: auto;
  mix-blend-mode: multiply;
  -webkit-mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;   
}
  
section#search .refine-container .refine-blocks input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 25px;
  height: 25px;
  background: #ffffff;
  cursor: pointer;
  padding: 0;
  margin-right: 10px !important;
  margin-top: 0 !important;
  flex-shrink: 0;
}

section#search .refine-container .refine-blocks input[type="checkbox"]:checked::before {
  font-family: 'Font Awesome 5 Free'; 
  font-weight: 900;  
  content: '\f00c';
  font-size: 12px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

section#search .refine-container .refine-blocks ::placeholder {
  color: #c7c7c7;
  font-style: italic;
  font-weight: 300;
  opacity: 1;
}

section#search .refine-container .refine-blocks ::-ms-input-placeholder {
  color: #c7c7c7;
  font-style: italic;
  font-weight: 300;
  opacity: 1;
}

section#search .result-functions {
  margin: 10px 0;
}

section#search .result-functions span,
section#search .result-functions a {
  font-size: 12px;
  font-weight: 500;
  margin: 0 5px;
}

section#search .result-functions a i {
  margin-right: 5px;
}

body.rolunk section#search .result-functions a {
  color: #00599d;
}

body.villanyszerelo section#search .result-functions a {
  color: #0073aa;
}

body.lakossag section#search .result-functions a {
  color: #0e88c2;
}

section#search .result-container {
  width: calc(100% + 30px);
  margin: 15px -15px;
  flex-wrap: wrap;
}

section#search .result-container .result {
  width: calc((100% / 2) - 30px);
  margin: 15px;
  height: auto;  
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #f2f2f2;
}

section#search .result-container .result .main {
  width: 100%;
  height: auto;  
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: #e8e8e8;
  padding: 20px;  
}

section#search .result-container .result .secondary .ranking {
  height: 30px;
  padding: 0 20px;
}

section#search .result-container .result .secondary .ranking {
  width: 150px;
}

section#search .result-container .result .secondary i {
  color: #c7c7c7;
}

section#search .result-container .result .secondary a {
  font-size: 12px;
}

section#search .result-container .result .secondary a i {
  margin-left: 5px;
  color: inherit;
}

section#search .result-container .result .distance {
  width: 140px;
  height: 25px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  color: #ffffff;
  font-weight: 500;
  margin-left: -30px;
}

section#search .result-container .result .data-container {
  margin: -22px 0 0 130px;
}

section#search .result-container .result .data-container h2 {
  font-size: 16px;
  font-weight: 500;
}

section#search .result-container .result .data-container h3 {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 10px;
}

section#search .result-container .result .data-container h4 {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  margin-top: 10px;
}

section#search .result-container .result .data-container a {
  color: #5d5d5f;
}

section#search .result-container .result .data-container a i {
  width: 25px;
  text-align: center;
}

section#search .result-container .result .providers {
  position: absolute;
  top: 60px;
  left: 20px;
  width: 110px;
  height: auto;
}

section#search .result-container .result .providers img {
  width: auto;
  height: 28px;
  margin-bottom: 8px;
  mix-blend-mode: multiply;
  -webkit-mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;  
}

section#search .result-container .result .languages {
  position: absolute;
  top: 22px;
  right: 20px;
}

section#search .result-container .result .languages img {
  width: 15px;
  height: 15px;
  margin-left: 5px;
}

body.rolunk section#search .result-container .result .distance {
  background: #00599d; 
}

body.villanyszerelo section#search .result-container .result .distance {
  background: #0073aa; 
}

body.lakossag section#search .result-container .result .distance {
  background: #0e88c2; 
}

body.rolunk section#message .message-container .message-blocks .block h2,
body.rolunk section#search .result-container .result .data-container h2,
body.rolunk section#search .result-container .result .data-container h3,
body.rolunk section#search .result-container .result .secondary i.selected,
body.rolunk section#search .result-container .result .secondary a,
body.rolunk section#search .refine-container .refine-blocks .block h2,
body.rolunk section#search .refine-container .refine-blocks input,
body.rolunk section#search .refine-container .refine-blocks input[type="checkbox"]:checked::before,
body.rolunk section#search .refine-container .refine-blocks .checkbox-row span {
  color: #00599d;
}

body.villanyszerelo section#message .message-container .message-blocks .block h2,
body.villanyszerelo section#search .result-container .result .data-container h2,
body.villanyszerelo section#search .result-container .result .data-container h3,
body.villanyszerelo section#search .result-container .result .secondary i.selected,
body.villanyszerelo section#search .result-container .result .secondary a,
body.villanyszerelo section#search .refine-container .refine-blocks .block h2,
body.villanyszerelo section#search .refine-container .refine-blocks input,
body.villanyszerelo section#search .refine-container .refine-blocks input[type="checkbox"]:checked::before,
body.villanyszerelo section#search .refine-container .refine-blocks .checkbox-row span {
  color: #0073aa;
}

body.lakossag section#message .message-container .message-blocks .block h2,
body.lakossag section#search .result-container .result .data-container h2,
body.lakossag section#search .result-container .result .data-container h3,
body.lakossag section#search .result-container .result .secondary i.selected,
body.lakossag section#search .result-container .result .secondary a,
body.lakossag section#search .refine-container .refine-blocks .block h2,
body.lakossag section#search .refine-container .refine-blocks input,
body.lakossag section#search .refine-container .refine-blocks input[type="checkbox"]:checked::before,
body.lakossag section#search .refine-container .refine-blocks .checkbox-row span {
  color: #0e88c2;
}

section#apply .form-block,
section#auth .form-block {
  margin-top: 10px;
  background: #e8e8e8;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 20px;
}

section#auth .form-block {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

section#apply .form-block select,
section#auth .form-block select {
  width: 100%;
  height: 30px;
  border: none;
  padding: 0 45px 0 10px;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  background: #ffffff url(../img/select-arrow.svg) right 15px center no-repeat;
  background-size: 15px auto;  
}

section#apply .form-block input,
section#auth .form-block input {
  width: 100%;
  height: 30px;
  border: none;
  padding: 0 10px;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

section#apply .form-block ::placeholder,
section#auth .form-block ::placeholder {
  color: #c7c7c7;
  font-style: italic;
  font-weight: 300;
  opacity: 1;
}

section#apply .form-block ::-ms-input-placeholder,
section#auth .form-block ::-ms-input-placeholder {
  color: #c7c7c7;
  font-style: italic;
  font-weight: 300;
  opacity: 1;
}

section#apply .row:not(:last-child),
section#auth .row:not(:last-child) {
  margin-bottom: 10px;
}

section#apply .row label,
section#auth .row label {
  width: 30%;
  flex-shrink: 0;
  color: #00599d;
  font-weight: 500;
}

section#apply .form-confirm,
section#auth .form-confirm {
  margin-top: 15px;
}

section#apply .form-confirm input,
section#auth .form-confirm input {
  width: 100%;
  height: 30px;
  border: none;
  padding: 0 10px;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

section#apply .form-confirm input[type="checkbox"],
section#auth .form-confirm input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  width: 25px;
  height: 25px;
  background: #ffffff;
  cursor: pointer;
  padding: 0;
  margin-right: 10px !important;
  margin-top: 0 !important;
  flex-shrink: 0;
}

section#apply .form-confirm input[type="checkbox"]:checked::before,
section#auth .form-confirm input[type="checkbox"]:checked::before {
  font-family: 'Font Awesome 5 Free'; 
  font-weight: 900;  
  content: '\f00c';
  font-size: 12px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00599d;
}

section#apply .form-confirm a,
section#auth .form-confirm a {
  color: #00599d;
  text-decoration: underline;
}

section#apply .form-confirm span,
section#auth .form-confirm span {
  margin-top: 4px;
}

section#apply .button-container,
section#auth .button-container {
  margin-top: 30px;
}

section#auth h2 {
  margin-top: 30px;
  margin-bottom: 30px;
}

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

section#splash {
  height: auto;
  min-height: 100vh;
}

section#splash .logo-container,
section#splash .bottom {
  width: 100%;
  height: 150px;
  flex-grow: 1;
  background: #ffffff;
}

section#splash .logo-container img {
  height: 60%;
  max-height: 90px;
  width: auto;
}

section#splash .theme-container {
  height: 400px;
  width: 100%;
  background: url(../img/square-background-rolunk.jpg) center center no-repeat;
  background-size: cover; 
  margin-bottom: 5px;
}

section#splash .theme-container .left {
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/square-background-rolunk.jpg) center center no-repeat;
  background-size: cover;
  z-index: 40;
}

section#splash .theme-container a {
  flex-shrink: 0;
  flex-grow: 0;
  width: calc((100% / 3) + (200px / 3));
}

section#splash .theme-container a:first-child {
  z-index: 30;  
}

section#splash .theme-container a:nth-child(2) {
  z-index: 20;
  margin-left: -100px;
}

section#splash .theme-container a:nth-child(3) {
  z-index: 10;
  margin-left: -100px;
}

section#splash .theme-container a h2 {
  z-index: 100;
  width: 100%;
  height: 60px;
  color: #ffffff;
  font-size: 18px;
  /* font-size: 22px; */
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  position: absolute;
  bottom: 0;
}

section#splash .theme-container a h2::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 10px;
  background: inherit;
  top: -10px;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
}

section#splash .theme-container a:first-child h2 {
  background: #00599d;
}

section#splash .theme-container a:nth-child(2) h2 {
  background: #0073aa;
}

section#splash .theme-container a:nth-child(3) h2 {
  background: #0e88c2;
}

section#splash .highlighted-container {
  height: 200px;
  width: 100%;
  background: #e8e8e8;
}

section#splash .highlighted-container a {
  background: #ffffff;
  flex-shrink: 0;
  flex-grow: 0;
  width: calc((100% / 4) + (100px / 4));
}

section#splash .highlighted-container a .background,
section#splash .highlighted-container .left .background{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e8e8e8;
  top: 0;
  left: -5px;
}

section#splash .highlighted-container a i {
  font-size: 48px;
  margin-bottom: 20px;
  color: #00599d;
}

section#splash .highlighted-container a span {
  text-align: center;
  /*font-size: 18px;*/
  padding-right: 20px;
  font-size: 1.3em;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  color: #00599d;
}

section#splash .highlighted-container a:first-child {
  z-index: 30;  
}

section#splash .highlighted-container a:nth-child(2) {
  z-index: 20;
  margin-left: -50px;
}

section#splash .highlighted-container a:nth-child(3) {
  z-index: 10;
  margin-left: -50px;
}

section#splash .highlighted-container .left {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 40;
}