html,
body,
.dialog-off-canvas-main-canvas,
#page-wrapper{
  height: 100%;
}

.table{
  word-break: break-word;
}

.border-bottom{
  border-bottom: 1px solid #BDBDBD !important;
}

#page{
  min-height: 100%;
  position: relative;
  padding-bottom: 117px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.sticky + #main-wrapper{
  padding-top: 96px;
}

footer{
  position: absolute;
  bottom: 0;
  width: 100%;
}

img{
  max-width: 100%;
  height: auto;
}

.search{
  width: 35px;
  height: 35px;
}

.search a{
  display: block;
  width: 100%;
  height: 100%; 
}

.search a img{
  width: 100%;
  padding-right:15px;
}
  /* ----------- Front ---------------*/
.path-frontpage #block-bootstrap-barrio-subtheme-content{
  display: none;}

  .front-block{
    color: #0F4273;
    padding: 25px;
  }

  .first-block{
    position: relative;
  }

  .first-block h1 {
    background: url(../image/h1-bg.svg) no-repeat;
    font-size: 3.75rem;
    line-height: 59px;
    margin-top: 45px;
    background-size: auto 98%;
    padding-left: 39px;
  }

  .first-block h1:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #6BC2C2;
    position: absolute;
    top: 31%;
    left: 15px;
  }

  .first-block .first-text:before {
    content: "";
    background: #EEECEC;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 100%;	
  }

  .first-link,
  .first-link:hover{
    font-family: "Titillium Web";
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #0F4273;
  }

  h3 .first-link{
    font-weight: 600;
  }

  h3 .first-link:after{
    width: 35px;
    height: 16px;
    display: inline-block;
    content: '';
    -webkit-mask: url("../image/profil-nyil.svg") no-repeat 50% 50%;
    mask: url("../image/profil-nyil.svg") no-repeat 50% 50%;
    background: #0F4273;
    margin-left: 8px;
  }

  .first-block #lechnerVideo{
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

  .social-link{
    display: block;
    height: 38px;
    width: 38px;
    float: left;
    margin-right: 10px;
    text-indent: -999px;
    color: #ffffff !important;
  }
  /* .social-link:hover{
    background: #6BC2C2;
  } */

  .social-label {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    margin-right: 10px;
  }
  
  a.youtube,
  .site-footer a.youtube{
    -webkit-mask: url(../image/youtube.svg) no-repeat 50% 50%;
    background: #0F4273;
    color: #6BC2C2;
  }

  a.instagram,
  .site-footer a.instagram{
    -webkit-mask: url(../image/instagram.svg) no-repeat 50% 50%;
    background: #0F4273;
    color: #6BC2C2;
  }

  a.twitter,
  .site-footer a.twitter{
    -webkit-mask: url(../image/twitter.svg) no-repeat 50% 50%;
    background: #0F4273;
    color: #6BC2C2;
  }

  a.facebook,
  .site-footer a.facebook{
    -webkit-mask: url(../image/facebook.svg) no-repeat 50% 50%;
    background: #0F4273;
    color: #6BC2C2;
  }

  a.likedin,
  .site-footer a.likedin{
    -webkit-mask: url(../image/linkedin.svg) no-repeat 50% 50%;
    background: #0F4273;
    color: #6BC2C2;
  }

  a.social-link:hover,
  .site-footer a.social-link:hover{
    background: #6BC2C2;
  }

  .about-wrapper{
    position: relative;
  }
/*------------ kereső oldal ---------*/
.path-search #search-form #edit-submit{
  position: relative;
  /*top: 32px;*/
}
/*------------ Front Block 2--------*/
.view-aktualis-hir .view-content > div{
  width: 100%;
}
.view-aktualis-hir .befoglalo{
  position: relative;
  width: 100%;
}
.block-blue{
  background: #0F4273;
}
.view-aktualis-hir .befoglalo .container{
  position: relative;
}

.view-aktualis-hir .befoglalo .cimke{
    left: -40px;
    position: relative;
    display: block;
    width: 157px;
    background: #6BC2C2;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    padding: 15px;
    text-align: center;
}

.view-aktualis-hir .befoglalo .row .block-text-gray{
    background: #EEECEC;
    padding: 0 40px 40px;
    display: flex;
    flex-flow: column;
    height: 100%;
}
.view-aktualis-hir .befoglalo .row .block-text-gray .kozetesz{
  margin-top: 20px;
  margin-bottom: 10px;
}

.view-aktualis-hir .befoglalo .row .block-text-gray h3{
    margin-top: 0px;
    margin-bottom:20px;
}
.view-aktualis-hir .befoglalo .row .block-text-gray a.more-link{
  color: #0F4273;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
}
.view-aktualis-hir .befoglalo .row .block-text-gray h3 a{
  font-family: 'Changa';
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  color: #0F4273;
}
.view-aktualis-hir .befoglalo .row .block-text-gray h3 a:hover{
  text-decoration: none;
}

.view-aktualis-hir .befoglalo .img-fluid a{
  display: block;
}
.view-aktualis-hir .befoglalo .row .block-text-gray .also{
  margin-top: auto;
}
.view-aktualis-hir .befoglalo .row .block-text-gray .also a.more-link:after{
    width: 35px;
    height: 16px;
    display: inline-block;
    content: '';
    -webkit-mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;
    /*mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;*/
    background: #0F4273;
    margin-left: 18px;
    position: relative;
    top: 3px;	
}
.view-aktualis-hir .befoglalo .container .social-ikons{
  padding: 50px 0;
}
.view-aktualis-hir .befoglalo .row .block-text-gray .also .btn-primary{
  color: #6BC2C2;
  background: #0F4273;
  padding: 8px 25px;
}
.view-aktualis-hir .befoglalo .row .block-text-gray .also .btn-primary:hover{
  color: #ffffff;
}
.views-field-field-felsokep .image-style-newsheader{
  max-width: 59%;
  float: right;
  visibility: hidden;
}
.front-block2-bg {
  position: relative;
  background: url("../image/front-block2-bg.png") no-repeat;
  background-position: center;
  background-size: cover;
}
.first-box{
  background: #E4EEFF;
  padding: 25px;
}
.first-box h4{
  color: #0F4273;
}
.first-box p{
color: #001D52;
}
.secund-box{
  background: #0F4273;
  color: #fff;

  margin-bottom: 80px;
}

/**----- front Híreink -----**/
.all-more-link{
  background: #0F4273;
  color: #6BC2C2;
  padding: 8px 43px;
  text-decoration: none !important;
  display: block;
  margin: 0 auto;
  width: 156px;
}
.all-more-link:hover{
  color: #ffffff;
}

.view-display-id-block_1 > .row{
  margin-right: 0;
  margin-left: 0;
}

.view-id-hireink .hir-item .views-field{
  background: #EEECEC;
}
.view-id-hireink .hir-item .views-field a,
.view-id-hireink .hir-item .views-field a:hover{
  text-decoration: none;
  color: #0F4273;
}
.view-id-hireink .hir-item:hover a .views-field-view-node,
.view-kiemelt-hirek .kiemelt-hir-item:hover a .views-field-view-node{
  text-decoration: underline;
}
.view-kiemelt-hirek .field-content{
  padding: 0 16px;
}
.view-kiemelt-hirek .views-field-title h3,
.view-id-hireink .views-field-title h3{
  font-weight: 800;
  font-size: 21px;
  line-height: 25px;
  margin: 0;
  padding-bottom: .5rem;
}

.view-kiemelt-hirek .kiemelt-hir-item .views-field-field-boritokep .field-content,
.view-id-hireink .views-field-field-boritokep .field-content{
  padding: 0;
}
.view-kiemelt-hirek .kiemelt-hir-item .views-field-field-boritokep a,
.view-id-hireink .hir-item .views-field.views-field-field-boritokep{
  display: block;
  background: #519292;
}
.view-kiemelt-hirek .kiemelt-hir-item .views-field-field-boritokep a:hover img,
.view-id-hireink .views-field-field-boritokep a:hover img,
.view-kiemelt-hirek .kiemelt-hir-item:hover img,
.view-id-hireink .hir-item:hover img{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.6;  
}
#views-bootstrap-hireink-block-1 .views-field-nothing,
#views-bootstrap-hireink-page-1 .views-field-nothing{
  display: flex;
  height: 100%;
}
#views-bootstrap-kiemelt-hirek-block-3 .views-field-nothing .field-content,
#views-bootstrap-kiemelt-hirek-block-1 .views-field-nothing .field-content,
#views-bootstrap-hireink-block-1 .views-field-nothing .field-content,
#views-bootstrap-hireink-page-1 .views-field-nothing .field-content{
  width: 100%;
}
#views-bootstrap-kiemelt-hirek-block-3 .views-field-nothing .kiemelt-hir-item,
#views-bootstrap-kiemelt-hirek-block-1 .views-field-nothing .hir-item,
#views-bootstrap-hireink-block-1  .views-field-nothing .hir-item,
#views-bootstrap-hireink-page-1  .views-field-nothing .hir-item{
  height: 100%;
  background: #EEECEC;
}
#views-bootstrap-kiemelt-hirek-block-3 .views-field-nothing .view-title,
#views-bootstrap-kiemelt-hirek-block-1 .views-field-nothing .view-title,
#views-bootstrap-hireink-block-1  .views-field-nothing .view-title,
#views-bootstrap-hireink-page-1  .views-field-nothing .view-title{
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}
#views-bootstrap-kiemelt-hirek-block-3 .view-bevezeto,
#views-bootstrap-kiemelt-hirek-block-1 .view-bevezeto,
#views-bootstrap-hireink-block-1  .view-bevezeto,
#views-bootstrap-hireink-page-1  .view-bevezeto{
  padding-bottom: 30px;
  display: block;
}
#views-bootstrap-kiemelt-hirek-block-3 .view-more-link,
#views-bootstrap-kiemelt-hirek-block-1 .view-more-link,
#views-bootstrap-hireink-block-1  .view-more-link,
#views-bootstrap-hireink-page-1  .view-more-link{
  position: absolute;
  bottom: 15px;
}
#views-bootstrap-hireink-block-1  .views-field-nothing .views-field-field-bevezeto,
#views-bootstrap-hireink-block-1  .hir-item a:hover,
#views-bootstrap-hireink-block-1 .hir-item a:hover .views-field-nothing .views-field-title,
#views-bootstrap-hireink-block-1  .hir-item a:hover .views-field-nothing .views-field-field-bevezeto,
#views-bootstrap-hireink-page-1  .views-field-nothing .views-field-field-bevezeto,
#views-bootstrap-hireink-page-1  .hir-item a:hover,
#views-bootstrap-hireink-page-1  .hir-item a:hover .views-field-nothing .views-field-title,
#views-bootstrap-hireink-page-1  .hir-item a:hover .views-field-nothing .views-field-field-bevezeto{
  color: #0F4273;
  text-decoration: none;
}
#views-bootstrap-hireink-block-1  .views-field-nothing .views-field-field-kozzeteve,
#views-bootstrap-hireink-block-1  .views-field-nothing .views-field-title,
#views-bootstrap-hireink-block-1  .views-field-nothing .views-field-field-bevezeto,
#views-bootstrap-hireink-block-1 .views-field-nothing .views-field-view-node,
#views-bootstrap-hireink-page-1  .views-field-nothing .views-field-field-kozzeteve,
#views-bootstrap-hireink-page-1  .views-field-nothing .views-field-title,
#views-bootstrap-hireink-page-1  .views-field-nothing .views-field-field-bevezeto,
#views-bootstrap-hireink-page-1  .views-field-nothing .views-field-view-node{
  padding: 0 15px;
}
.view-kiemelt-hirek .kiemelt-hir-item .views-field-field-boritokep .field-content:before{
    content: "KIEMELT";
    background: #6BC2C2;
    color: #0F4273;
    position: absolute;
    padding: 15px 20px;
    font-weight: 700;
    z-index: 12;
}
.view-kiemelt-hirek .kiemelt-hir-item a:hover{
  text-decoration: none;
}
.view-kiemelt-hirek .kiemelt-hir-item  .views-field-field-bevezeto,
.view-id-hireink .views-field-field-bevezeto{
    min-height: 70px;
}
.view-kiemelt-hirek .kiemelt-hir-item  .views-field-field-bevezeto{
    color: #ffffff; 
}
.view-kiemelt-hirek .kiemelt-hir-item .views-field-field-kozzeteve,
.view-id-hireink #views-bootstrap-hireink-block-1 .views-field-nothing .views-field-field-kozzeteve{
    font-size: 14px;
    line-height: 21px;
    padding-top: 5px;
}

.view-kiemelt-hirek .kiemelt-hir-item .views-field-field-kozzeteve{
  color: #6BC2C2;
}

.view-id-hireink  .views-field-field-kozzeteve{
    color: #0F4273;
}

/*.view-kiemelt-hirek .kiemelt-hir-item .views-field-view-node,
.view-id-hireink .views-field-view-node{
  padding: 25px 0;
}*/
.view-kiemelt-hirek .kiemelt-hir-item a:hover .views-field-view-node,
.view-id-hireink a:hover .views-field-view-node{
  text-decoration: underline;
}
.view-id-hireink .views-field-view-node,
.view-kiemelt-hirek .kiemelt-hir-item .views-field-view-node,
.view-kiemelt-hirek .kiemelt-hir-item .views-field-view-node a{
  color: #00B0D6;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
}

/* akadálymentesítés miatti módosítás - kezdete */
.view-kiemelt-hirek .kiemelt-hir-item .views-field-view-node,
.view-kiemelt-hirek .kiemelt-hir-item .views-field-view-node a {
  color: white;
}
.view-id-hireink .views-field-view-node {
  color: #0F4273;
}
/* akadálymentesítés miatti módosítás - vége */


.view-kiemelt-hirek,
#views-bootstrap-hireink-block-1 .hir-item{
  margin-bottom: 25px;
}

.view-id-hireink .views-field-title,
.view-kiemelt-hirek .views-field-title{
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  color: #0F4273;

}
.view-kiemelt-hirek .views-field-title{
  min-height: 70px;
}

.view-id-hireink .views-field-title{
  color: #0F4273;
}

.view-kiemelt-hirek .views-field-title{
  color: #ffffff;
}

.kiemelt-hir-item{
  margin-bottom:30px;
}

.kiemelt-hir-item .field-content{
  background: #0F4273;
}

nav .pagination{
  float: right;
  border-radius: 0;
}
nav .pagination .page-item .page-link,
nav .pagination .pager__item--next .page-link{
  background: #EEECEC;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  color: #0F4273;
  border: none;
}
nav .pagination .page-item[role=presentation]{
  display: none;
}
nav .pagination .page-item .page-link{
  border: none;
}
nav .pagination .page-item.active .page-link{
  background: #0F4273;
  color: #ffffff;
}
.newsheader .backlink a:before{
  content: "";
  -webkit-mask: url(../image/arrow-left.svg) no-repeat 50% 50%;
  background: #0F4273;
  width: 50px;
  display: block;
  position: absolute;
  height: 16px;
  top: 5px;
}
.kiemelt .newsheader .backlink a:before{
  content: "";
  -webkit-mask: url(../image/arrow-left.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  width: 50px;
  display: block;
  position: absolute;
  height: 16px;
  top: 5px;
}
.newsheader .colorbg h1 {
  color: #ffffff !important;
  background: url(../image/hir-h2-bg.svg)no-repeat;
  font-size: 2.5rem;
  line-height: 50px;
  background-position: 0px 5px;
  padding-top: 15px;
  padding-left: 35px;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 15px;
}
.newsheader .colorbg{
  background: rgba(15, 66, 115, 0.96);
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  align-self: flex-end;
  width: 100%;
}
.newsheader .colorbg:before{
  content: "";
  background: rgba(15, 66, 115, 0.96);
  position: absolute;
  width: 500%;
  height: 100%;
  left: -500%;
  top: 0;
}

.newsheader .colorbg h1:before{
  background: #6BC2C2;
  position: absolute;
  top: 35px;
  left: 7px;
}
.newsheader p{
  margin:0;
  padding: 0;
}
.newsheader .field--name-field-kozzeteve{
  color: #7CE0D3;
  padding-left: 35px;
  padding-bottom: 5px;
}
.newsheader .shortdesc{
  color: #ffffff;
  margin-bottom: 1rem;
  padding-left: 37px;
}

.newsheader .field--name-field-tags{
  padding-left: 37px;
}
.newsheader .field--name-field-tags .field__items li a{
  border: 1px solid #6BC2C2;
  color: #6BC2C2;
  padding: 5px 20px;
  text-transform: capitalize;
  font-size: 14px;
}
.newsheader .field--name-field-tags .field__items li a:hover{
  color: #6BC2C2;
  text-decoration: none;
}
.newsheader .backlink {
  display: block;
  margin-bottom: 30px;
  margin-top: 30px;
}
.newsheader .backlink a{
  padding-left: 50px;
  position: relative;
  color: #0F4273;
  font-family: Titillium Web;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
}
.newsheader .backlink a:hover{
  color: #0F4273;
  text-decoration: none;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link{
  border-radius: 0;
}
nav .pagination .page-item a[title="Ugrás az első oldalra"],
nav .pagination .page-item a[title="Ugrás az előző oldalra"]{
  margin-right: 5px;
}

nav .pagination .pager__item--next a[title="Ugrás a következő oldalra"],
nav .pagination .page-item a[title="Ugrás az utolsó oldalra"]{
  margin-left: 5px;
  
}
/*---- hirek gyűjtő sidebar ----*/
.block-views-blockkiemelt-hirek-block-3{
  border: none !important;
  background: #ffff !important;
}
.block-views-blockkiemelt-hirek-block-3 h2{
  background: none;
  border: none;
  padding: 5px 0;
}
.block-views-blockkiemelt-hirek-block-3 h2:before{
  display: none;
}


.page-view-hireink  #views-exposed-form-hireink-page-1 .hir-item{
  margin-bottom: 25px;
}
.page-view-hireink  #views-exposed-form-hireink-page-1{
  background: #E4EEFF;
  margin-top: 40px;
  margin-bottom: 50px;
}
.page-view-hireink  #views-exposed-form-hireink-page-1 fieldset{
  padding: 20px 28px;
  position: relative;
}
.page-view-hireink  #views-exposed-form-hireink-page-1 .js-form-type-select #edit-tag{
  overflow: hidden;
  height: 82px;
}
.page-view-hireink  #views-exposed-form-hireink-page-1 .js-form-type-select .all-tags{
  float: right;
  display: block;
  cursor: pointer;
  position: relative;
  right: 32px;
  color: #0F4273;
}
.page-view-hireink  #views-exposed-form-hireink-page-1 .js-form-type-select .all-tags:hover{
  text-decoration: underline; 
}
.page-view-hireink  #views-exposed-form-hireink-page-1 fieldset.js-form-item-keyword{
  width: 40%;
}
.page-view-hireink  #views-exposed-form-hireink-page-1 fieldset.js-form-item-tag{
  width: 60%;
}
.page-view-hireink  #views-exposed-form-hireink-page-1 #edit-actions{
  position: absolute;
  top: 57px;
  margin-left: calc(40% - 235px);
  padding: 0;
}
.page-view-hireink  #views-exposed-form-hireink-page-1 fieldset label{
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  color: #0F4273;
}
.page-view-hireink  #views-exposed-form-hireink-page-1 fieldset input{
  border: 1px solid #6BC2C2;
  border-radius: 0;
  height: 46px;
  width: calc(100% - 198px);
}
.page-view-hireink  #views-exposed-form-hireink-page-1 fieldset input:focus{
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.19);
}
.page-view-hireink  #views-exposed-form-hireink-page-1 #edit-tag ul{
  list-style-type: none;
  padding: 0;
}
.page-view-hireink  #views-exposed-form-hireink-page-1 #edit-tag ul li{
  display: inline-block;
}
.page-view-hireink  #views-exposed-form-hireink-page-1 #edit-tag ul li a{
  border: 1px solid #0F4273;
  padding: 5px 15px;
  color: #0F4273;
  display: block;
  margin-right: 11px;
  margin-bottom: 8px;
}
.page-view-hireink  #views-exposed-form-hireink-page-1 #edit-tag ul li a:hover{
  text-decoration: none;
  color: #6BC2C2;
  border: 1px solid #6BC2C2;
}

.page-view-hireink  #views-exposed-form-hireink-page-1 #edit-submit-hireink,
.page-view-hireink  #views-exposed-form-hireink-page-1 #edit-reset{
  background: #0F4273;
  border: 1px solid #0F4273;
  border-radius: 0;
  color: #6BC2C2;
  height: 46px;  
}
/*---- karrier ----*/
.epetesugy-wrapper.karrier{
  background: url(../image/karrier-bg.svg) no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 70px;
  padding-bottom: 0;
}
.epetesugy-wrapper.karrier .container{
  max-width: 1440px;
}


/*---- fok ----*/
.fok-wrapper{
  background: url(../image/fok_bg.png) no-repeat;
  background-position: center center;
  padding-top: 50px;
  padding-bottom: 235px;
  background-size: cover;
}

.fok-wrapper .fok-text{
  background: #0F4273;
  opacity: 0.96; 
  color: #ffffff;
}
.fok-wrapper .fok-text:before{
  content: "";
  background: rgb(15, 66, 115);
  position: absolute;
  width: 300%;
  height: 100%;
  right: 100%;
  top: 0;
}
.fok-wrapper .fok-text h1{
  color: #ffffff;
  font-size: 40px;
}





/*---- építésügy ----*/
.epetesugy-wrapper{
  background: url(../image/epetesugy-bg.png) no-repeat;
  background-position: center center;
  padding-top: 50px;
  padding-bottom: 130px;
  background-size: cover;
}
.epetesugy-wrapper .epetesugy-text{
  background: #0F4273;
  opacity: 0.96; 
  color: #ffffff;
}
.epetesugy-wrapper .epetesugy-text:before{
  content: "";
  background: rgb(15, 66, 115);
  position: absolute;
  width: 300%;
  height: 100%;
  right: 100%;
  top: 0;
}
.epetesugy-wrapper .epetesugy-text h2{
  color: #ffffff;
}
 
.apps-title{
  font-style: normal;
  font-weight: 800;
  font-size: 39px;
  line-height: 56px;
}
.alkalmazas{
  border: 3px solid #E4EEFF;
  height: 100%;
  padding: 25px;
  padding-bottom: 59px;
  position: relative;
}
.alkalmazas .img-content,
.alkalmazas-item .img-content{
  background: #E4EEFF;
  width: 136px;
  height: 136px;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
}
.alkalmazas .img-content{
  top: -68px;
  left: calc(50% - 68px);
  padding: 27px;
}
.alkalmazas-item .img-content{
  left: -68px;
  top: calc(50% - 68px);
}
.alkalmazas .more-box{
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  height: 59px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E4EEFF;
}

a.alkalmazas-link:hover,
a.alkalmazas-link{
  color: #0F4273;
  text-decoration: none;
}
a.alkalmazas-link:hover .alkalmazas{
  border:3px solid #0F4273;
}
a.alkalmazas-link:hover .alkalmazas .app-img{
  background: #ffffff;
}
a.alkalmazas-link:hover .alkalmazas .more-box,
a.alkalmazas-link:hover  .alkalmazas .img-content{
  background: #0F4273;
  color: #ffffff;
}
a.alkalmazas-link:hover .alkalmazas .more-box{
  text-decoration: underline;
}
.alkalmazas-box {
  border: 3px solid #E4EEFF;
  padding-bottom: 100px;
}
.alkalmazas-box .more-link{
  position: absolute;
  bottom: 0;
  height: 59px;
  background: #E4EEFF;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.alkalmazas-box .more-link a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color:#0F4273;
}
.alkalmazas-box .more-link a:hover{
  color: #0F4273;
  text-decoration: underline;
}
.alkalmazas-box .more-link a:after{
  width: 35px;
  height: 16px;
  display: inline-block;
  content: '';
  -webkit-mask: url("../image/profil-nyil.svg") no-repeat 50% 50%;
  mask: url("../image/profil-nyil.svg") no-repeat 50% 50%;
  background: #0F4273;
  margin-left: 8px;  
}
/**----- galléria -----**/
.colorbox{
  font-size: 0;
}
#colorbox{
  max-height: 100% !important;
  max-width: 100% !important;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
#cboxLoadedContent {
  max-width: 100%;
  overflow: hidden !important;
}
#cboxWrapper{
  border-radius: 0;
}
#cboxPrevious{
  background: url(../image/color-arrow-left.svg);
  height: 37px;
  bottom: calc(50% - 18.5px);
  left: -35px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#cboxPrevious:hover{
  background-position: center;
}
#cboxNext{
  background: url(../image/color-arrow-right.svg);
  height: 37px;
  bottom: calc(50% - 18.5px);
  right: -35px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#cboxNext:hover{
  background-position: auto;
  background-position: center;
}
#cboxTitle{
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #0F4273;
  background: #ffffff;
  width: 70%;
  height: auto;
  display: block;
  position: absolute;
  bottom: 0;
  min-height: 46px;
  box-shadow: 0px -1px 7px rgba(0,0,0,0.17);
  padding: 13px 82px 4px 12px;
}

#cboxCurrent {
  position: absolute;
  bottom: 0;
  right: 30%;
  border: none;
  padding: 0px 10px;
  background: #6BC2C2;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  color: #0F4273;
  text-align: center;
  height: 46px;
  line-height: 46px;
}
#cboxClose{
  background: #FFFFFF;
  top: 0;
  right: 0;
}
#cboxClose:hover{
  box-shadow: -1px 1px 7px rgba(0,0,0,0.17);
}
#cboxClose:after{
  content: url(../image/close.svg);
  width: 12px;
  height: 12px;
  position: absolute;
  top: 2px;
  left: 6px;
  z-index: 80;
  text-indent: 0;
}
#cboxPrevious:focus,
#cboxNext:focus,
#cboxClose:focus {
  outline: none;
}

/* --- kapcsolat 2es blokk --- */

.budafoki-wrapper,
.bosnyak-wrapper{
  position: relative;
}
 
.budafoki-bg{
  background: url(../image/kapcsolat-blokk-1.png) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  background-size: cover;
  background-position: center center;
  height: 100%;
}
.bosnyak-bg{
  background: url('../image/kapcsolat-blokk-2.png') no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  background-size: cover;
  background-position: center center;
  height: 100%;
}
.budafoki-content,
.bosnyak-content{
  background: #EEECEC;
}

.bosnyak-content{
  margin-bottom: 120px;
}
/*------- front kapcsolat -------*/

.contact-wrapper {
  background: url("../image/kapcsolat-bg.png") no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 72px;
  padding-bottom: 84px;
}
.contact-wrapper .container {
  max-width: 60%;
}

.contact-wrapper h2 {
  background: url('../image/keret.svg') no-repeat;
  font-family: Changa;
  font-size: 39px;
  font-style: normal;
  font-weight: 800;
  line-height: 56px;
  padding: 32px 60px 25px 44px;
  position: absolute;
  top: -50px;
}
.contact-wrapper h2::before {
  position: absolute;
  top: 52px;
  left: 14px;
}

.contact-content{
  background: rgba(238, 236, 236, 0.93);
}
.contact-content h1{
  font-size: 2.5rem;
  margin-top: 0;
}
.contact-content a{
  color: #0F4273;
}
.contact-content a,
.contact-content span{
  line-height: 30px;
  position: relative;
  text-decoration: underline;
  margin-right: 16px;
  font-weight: 600;
}
a.contact-link {
  display: inline-flex;
  height: 36px;
  padding: 0px 16px;
  background: #6BC2C2;
  font-size: 17px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
a.contact-link:hover {
  background: #3CEBD4;
}

a.contact-link:focus {
  background: #6BC2C2;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.21);
}

.contact-link-arrow {
  margin-left: 10px;
}

.contact-line {
  background: #0F4273;
  width: 100%;
  height: 1px;
  margin: 40px 0;
}

a.place-link,
span.place-link {
  position: relative;
  color:#0F4273;
  text-decoration: underline;
  line-height: 1.5;
}

a.place-link:before,
span.place-link:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 16px;
  top: 5px;
  left: -15px;
  margin-right: 5px;
  -webkit-mask: url(../image/marker.svg) no-repeat 50% 50%;
  background: #0F4273;
}

@media (max-width: 1200px) {
  .contact-wrapper .container {
    max-width: 100%;
  }

  a.contact-link {
    font-size: 16px;
    height: auto;
    height: 44px;
  }

  .contact-content .px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
.call-more-link-content{
  background: #6BC2C2;
  position: relative;
  right: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.call-more-link-content:before{
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 102px);
  left: -25px;
  background: url(../image/kapcsolat-link-bg.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 196px;
}
.contact-content .call-more-link-content .call-more-link{
  color: #0F4273;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 25px;
  position: relative;
}
.contact-content .call-more-link-content .call-more-link:before{
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  top: 4px;
  left: -40px;
}

.call-more-link{
  color: #0F4273;
}
.call-more-link:after{
  width: 35px;
  height: 16px;
  display: inline-block;
  content: '';
  -webkit-mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;
  mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;
  background: #0F4273;
  position: absolute;
  bottom: -25px;
  left: 0; 
}

.contact-title{
  background: none;
  padding-left: 0;
}
.contact-title:before{
  display: none;
}

.views-field-nothing .newsbox a{
  color: #fff;
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  background: #0F4273;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
}
.views-field-nothing .newsbox a:after{
    width: 35px;
    height: 16px;
    display: inline-block;
    content: '';
    -webkit-mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;
    mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;
    background: #ffffff;
    margin-left: 8px;
}
.views-field-nothing .newsbox{
  clear: both;
  background: #EEECEC;
  position: relative;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 75px;
}
.views-field-nothing .newsbox .akt{
  position: absolute;
  top: -50px;
  padding: 10px 15px;
  background: #6BC2C2;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.page-view-hireink #views-exposed-form-hireink-page-1 #edit-tag ul li a {
  border: 1px solid #0F4273;
  padding: 0px 15px;
  color: #0F4273;
  display: block;
  margin-right: 11px;
  margin-bottom: 11px;
  height: 30px;
  line-height: 30px;
}
.views-field-nothing .newsbox .newsbox-text{
  padding: 30px 15px;
}

.Karrier article.node.node--type-page .article-bg,
.kiemelt article.node.node--type-page .article-bg{
  background: transparent !important;
}

article.node.node--type-page .article-bg{
  background-size: cover !important;
}

/* ---- accordion ---- */

.card{
  border: none;
  margin-bottom: 10px;
  background: #EEECEC;
}
.card .card-header{
  padding: 0;
  position: relative;
  border-radius: 0;
  border: none;
}
.card .card-header button{
  width: 100%;
  font-family: Titillium Web;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  text-align: left;
  padding: 20px 15px;
  text-transform: uppercase;
  color: #0F4273;
  border-radius: 0;
  background: #E4EEFF;
  white-space: normal;
}

.card .card-header button {
  position: relative;
}
.card .card-header button:hover,
.card .card-header button[aria-expanded="true"]{
 color: #ffff;
 background: #0F4273;
 text-decoration: none;
}
.card .card-header button:focus,
.card .card-header button[aria-expanded="true"]:focus{
 text-decoration: none;
}
.card .card-header button:hover::after{
  content: url(../image/arrow-up-white.svg);
  transform: rotate(180deg);
  top: 38px;
}
  
.card .card-header button::after,
.card .card-header button[aria-expanded="true"]::after {
  width: 18px;
  height: 12px;
  position: absolute;
  top: calc(50% - 10px);
  right: 40px; 
}
.card .card-header button::after{
	content: url("../image/arrow-down-blue.svg");
}
.card .card-header button[aria-expanded="true"]::after {
  content: url("../image/arrow-up-white.svg");
  transform: rotate(0deg);
}
.card .card-body{
  padding: 38px 28px;
}

/* --- btn-primary --- */
.btn{
  border-radius: 0;
}
.btn-primary{
  background: #0F4273;
  border-color: #0F4273;
  color: #6BC2C2;
}
.btn-primary:hover{
  background: #124C84;
  color: #6BC2C2;
  border-color:  #124C84;
  text-decoration: none;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus{
  background: #0F4273;
  border-color: #0F4273;
  color: #6BC2C2;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.21);
}
.site-footer__bottom{
  margin-top: 0;
}
.site-footer__bottom .block{
  margin: 0;
}
.footer-list ul li a,
.footer-list ul li span {
  padding: 10px;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #0F4273;
}
.footer-list ul li span{
  cursor: pointer;
}

.footer-list ul li a:hover{
  color: #0F4273 !important;
  text-decoration: none;
}

/**----- Profil box -----**/
.profilunk-wrapper{
  background: #EEECEC;
}
.profilunk-wrapper .about-content .row > div{
  width: 100%;
} 
.profilunk-wrapper h3{
  font-style: normal;
  font-weight: 800;
  font-size: 39px;
  line-height: 56px; 
  color: #0F4273;
}
.profilunk-wrapper a{
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  background: #6BC2C2;
  width: 100%;
  height: 100%;
  padding: 10px;
  justify-content: center;
  color: #0F4273;
}

.profilunk-wrapper a:hover{
  background: #0F4273;
  color: #ffffff;
  text-decoration: none;
}
.profilunk-wrapper a:hover:after{
  width: 35px;
  height: 16px;
  display: inline-block;
  content: '';
  -webkit-mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;
  mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;
  background: #ffffff;
  position: absolute;
  bottom: 40px;
  left: calc(50% - 17.5px);
}
.profilunk-wrapper .p-box{
  margin-bottom: 15px;
}

.box-9{
  border: 3px solid #6BC2C2;
}
.box a:hover:after{
  width: 35px;
  height: 16px;
  content: '';
  -webkit-mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;
  mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;
  background: #0F4273;
  position: absolute;
  bottom: 18%;
}
.box.box-10 a:hover:after{
  bottom: 10%;
}
.box-5 a:hover:after,
.box-10 a:hover:after,
.box-9 a:hover:after{
  background: #6BC2C2;
}

.page-view-hireink .views-field-field-felsokep{
  z-index: 12;
  position: relative;
}
.featured_news-bg{
  background: #0F4273;
  width: calc(100% - 15px);
  height: 100%;
}

.featured_news_container{
  position: relative;
  margin-top: 60px;
}
.featured_news_container:before{
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: -100%;
  background: #0F4273;
}
.featured_news_container h1{
  color: #fff;
  top: -15px;
}
.article-summary-list ul{
  padding: 0;
  list-style-type: none;
}
.article-summary-list ul li a h1{
  font-family: "Changa";
  font-style: normal;
  font-weight: 800;
  font-size: 20px !important;
  line-height: 25px !important;
  padding-left: 0;
}
.article-summary-list ul li a h1:before{
  display: none;
}
.article-summary-list ul li a:hover{
  text-decoration: none;
}
#block-views-block-hireink-block-2 > .views-row{
  width: 100%;
}
.featured_news-bg2{
  position: absolute;
  top: 0;
  width: 70%;
  right: -30px;
  height: 100%;
  overflow: hidden;
  z-index: 2;
}
.featured_news-bg2 img{
  height: 100% !important;
  width: auto !important;
  max-width: none; 
}
.footer-list ul{
  list-style-type: none;
}
#views-bootstrap-allasajanlatok-block-1,
#views-bootstrap-allasajanlatok-block-2{width: 100%;}

/* Extra small devices (portrait phones, less than 576px)*/
.hirlevel-block{
  width: 80%;
  margin: 50px auto;
}
.hirlevel-block .newsletter-subscribe{
  background: #E4EEFF;
  padding: 25px 0;
}
.hirlevel-block .newsletter-subscribe .newsletter-subscribe-field{
  background: #0F4273;
  width: 100%;
  margin-left: 25px;
  padding: 35px 0;
}
.hirlevel-block .newsletter-subscribe .newsletter-subscribe-field .newsletter-icon{
  background: url(../image/mail.svg) no-repeat;
  background-size: 100%;
  width: 41px;
  height: 32px;
  margin: 0 auto;
}
.newsletter-subscribe-field label {
  font-family: 'Changa';
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 36px;
  color: #FFFFFF;
}
.newsletter-subscribe-button-space button {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 26px;
  border: none;
  background: #6BC2C2;
  color: #0F4273;
  height: 36px;
  padding: 0 32px;
}
.node--type-hir .news p:first-child {
  font-weight: 600;
}

/* cookie design */
.eu-cookie-compliance-content{
  display: flex;
  justify-content: center;
  max-width: 1440px;
  align-items: center;
  min-height: 103px;
}

.eu-cookie-compliance-message {
  max-width: none;
  margin: 0;
}

.eu-cookie-compliance-message p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
}

.eu-cookie-compliance-buttons {
  margin: 0;
}

.eu-cookie-compliance-secondary-button {
  background: #0F4273;
  color: #6BC2C2;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 0.01em;
  padding: 7px 39px;
  margin: 0 32px;
}

.eu-cookie-compliance-default-button,
.eu-cookie-compliance-default-button:hover{
  background: transparent;
  border: none;
  position: relative;
  box-shadow: none;
  font-size: 0;
  margin: 0;
}
.eu-cookie-compliance-default-button::after {
  content: '';
  -webkit-mask: url(../image/close.svg) no-repeat 50% 50%;
  mask: url(../image/close.svg) no-repeat 50% 50%;
  background: #0F4273;
  width: 12px;
  height: 12px;
  position: absolute;
  top: calc(50% - 6px);
}

.new-line{
  width: 100%;
  height: 1px;
  background: #0F4273;
  opacity: 0.3;
  margin: 30px 15px;
}



@media (max-width: 575.98px) {
  h1{
    font-size: 2.5rem !important;
    line-height: 3.125rem !important;
  }
  .node__title h2{
    margin-left: 15px;
  }
  .front-kiemelt h2 {
    color: #ffffff;
    background: none;
    margin: 0 0 15px 0;
    text-align: center;
    font-family: Changa;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 43px;
  }
  .first-block #lechnerVideo {
    position: relative;
    top: 3px;
  }
  table tr td{
    padding: 5px !important;
  }
  .article-summary-list ul li a h1{
    font-size: 22px !important;
    line-height: 25px !important;
  }
  #views-bootstrap-allasajanlatok-block-2 .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #page{
    padding-bottom: 0;
  }
  /* -- top logó --
  .sz2020-logo{
    max-width: 207px;
  } */
  /* -- top menü --*/
  #navbar-main {
    background-color: #0F4273;
    z-index: 15;
    padding: 0;
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.09);
  }

  .navbar.navbar-dark {
    display: flex;
    flex-flow: row;
  }
  .navbar.navbar-dark .region-top-header {
    margin-right: 10px;
  }

  .navbar-dark .navbar-toggler{
    margin: 8px;
    margin-left: 1rem;
    padding: .25rem 0rem;
    border: none;
    color: #ffffff;
  }
  .navbar-collapse .navbar-form{
    position: absolute;
    top: -40px;
    right: 40px;  
  }
  .navbar-dark .navbar-toggler:focus{
    outline: none;
  }
  .navbar-dark .navbar-toggler-icon{
    -webkit-mask: url(../image/hamburgermenu.svg) no-repeat 50% 50%;
  /*mask: url(../image/katalogus.svg) no-repeat 50% 50%;*/
  background: #E4EEFF;
  -webkit-mask-size: 80%;
  }
  .navbar-dark.active .navbar-toggler-icon{
    -webkit-mask: url(../image/exit.svg) no-repeat 50% 50%;
  /*mask: url(../image/katalogus.svg) no-repeat 50% 50%;*/
  background: #E4EEFF;
  }

  .view-aktualis-hir .befoglalo .row .block-text-gray .also .btn-primary{
    color: #6BC2C2;
    background: #0F4273;
    padding: 8px 25px;
    width: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 37px;
    text-align: center;
  }
  .view-aktualis-hir .befoglalo .row .block-text-gray .also .btn-primary:hover{
    color: #ffffff;
  }
  .all-more-link{
    background: #0F4273;
    color: #6BC2C2;
    padding: 15px 43px;
    text-decoration: none !important;
    display: block;
    margin: 0 auto;
    width: 100%;
    font-size: 20px;
  }

  #views-bootstrap-kiemelt-hirek-block-1 .view-bevezeto{
    padding-bottom: 0;
  }
  .contact-content .call-more-link-content .call-more-link{
    color: #0F4273;
    position: relative;
    font-family: Changa;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 25px;
  }
  .contact-content .call-more-link-content .call-more-link:before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    top: 4px;
    left: -25px;
}
  .alkalmazas-item .img-content {
    left: calc(50% - 67px);
    top: 20px;
  }
  .alkalmazas-item .img-content{
    position: relative;
  }
  .navbar-collapse{
    position: absolute;
    width: 100%;
    top: 54px;
    background: #ffffff;
    z-index: 1;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.56);
  }
  #navbar-main.active{
    position: fixed;
    width: 100%;
    top: 0;
  }

  .card .card-header button{
    font-size: 14px;
    padding: 20px 40px 20px 20px;
  }
  .card .card-header button::after{
    right: 10px;
  }
  .sub-menu{
    opacity: 0;
    visibility: hidden;
    padding-left: 15px;
    background: #0F4273;
  }

  .newsheader .backlink {
    display: block;
    margin-top: 20px;
  }
  .newsheader .backlink a{
    padding-left: 50px;
    position: relative;
    color: #ffffff;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
  }
 
  .newsheader .backlink a:hover{
    color: #ffffff;
    text-decoration: none;
  }
  .newsheader .backlink a:before{
    background: #ffffff;
  }
  
  .newsheader-text{
    background: #0F4273;
  }
  .newsheader .colorbg h1{
    margin-top: 0;
  }
  .newsheader .colorbg h1:before{
    top: 30px;
  }
  .newsheader.job{
    background: transparent !important;
  }
  .newsheader.job .backlink a,
  .newsheader.job .backlink a:hover{
    color: #0F4273;
  }
  .newsheader.job .backlink a:before{
    background: #0F4273;
  }
  footer{
    position: relative;
  }
  .first-block{
    background: #EEECEC;
  }
  .first-block .first-text:before{
    background: transparent;
  }
  .front-video{
    position: relative;
    padding: 0;
  }
  .container {
    margin: 0;
    padding: 0;
  }
  .view-kiemelt-hirek, #views-bootstrap-hireink-block-1 .hir-item{
    padding: 0;
    margin-bottom: 15px;
  }
  .hir-item a {
    text-decoration: none;
  }
  #cboxTitle{
    width: 100%;
    position: relative;
    bottom: -46px;
  }
  #cboxCurrent{
    bottom: -46px;
    right: 0px;
    width: 100%;
  } 
  #cboxNext{
    bottom: -43px;
    right: 12px;  
  }
  #cboxPrevious{
    bottom: -43px;
    left: 12px;
  }

  .call-more-link-content{
    height: 150px;
  }
  .call-more-link-content:before {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 20px;
    background: url(../image/kapcsolat-block.svg);
    background-size: 90%;
    background-repeat: no-repeat;
    width: 100%;
    height: 175px;
    background-position: bottom center;
  }
  .call-more-link:after {
    bottom: -22px;
  }
  .page-view-hireink #views-bootstrap-hireink-page-1{
    padding: 0 15px;
  }
  .node--type-page article header h2.node__title{
    margin-left: 15px;
    font-size: 32px !important;
  }
  #views-bootstrap-kiemelt-hirek-block-1,
  #views-bootstrap-kiemelt-hirek-block-3{
    width: 100%;
  }
  .kiemelt-hir-item{
    margin-bottom: 15px;
  }
  .kiemelt-hir-item .views-field-field-boritokep,
  .kiemelt-hir-item .views-field-nothing .views-field-field-kozzeteve,
  .kiemelt-hir-item .views-field-nothing .views-field-field-bevezeto,
  .kiemelt-hir-item .views-field-nothing .views-field-view-node,
  .kiemelt-hir-item .views-field-nothing .field-content .view-bevezeto,
  .kiemelt-hir-item .views-field-nothing .field-content .view-more-link{
    display: none !important;
  }

  .kiemelt-hir-item .views-field-nothing .views-field-title{
    min-height: auto;
    padding: 15px;
    text-align: center;
  }

  .kiemelt-hir-item .views-field-nothing .field-content {
    min-height: auto !important;
  }

  .kiemelt-hir-item .views-field-nothing .field-content a {
    position: relative !important;
  }

  #block-footerlogo{
    text-align: center;
  }

  .page-view-hireink #views-exposed-form-hireink-page-1 fieldset.js-form-item-keyword,
  .page-view-hireink #views-exposed-form-hireink-page-1 fieldset.js-form-item-tag,
  .page-view-hireink #views-exposed-form-hireink-page-1 fieldset input{
    width: 100%;
    margin-bottom: 30px;
  }
  .page-view-hireink #views-exposed-form-hireink-page-1 #edit-actions {
    position: absolute;
    top: 125px;
    right: auto;
    padding: 0;
    width: calc(100% - 16px);
    margin-left: 0;
    left: 24px;
  }
  .page-view-hireink #views-exposed-form-hireink-page-1 #edit-submit-hireink{
    width: calc(100% - 31px);
    font-weight: normal;
    font-size: 24px;
    line-height: 37px;
    height: auto;
  }
  .budafoki-bg,
  .bosnyak-bg{
    width: 90%;
  }
  .budafoki-content,
  .bosnyak-content{
    margin-bottom: 40px;
  }
  .bosnyak-content{
    margin-top: 40px !important;
  }
  .profilunk-wrapper a{
    font-size: 14px;
  }

  .page-view-hireink .views-field-field-felsokep{
    display: none;
  }
  .featured_news-bg2 {
    position: absolute;
    top: 146px;
    width: calc(100% - 1px);
    right: 0;
    height: auto;
    overflow: hidden;
    z-index: 2;
  }
  .featured_news-bg2 img{
    max-width: 100%;
    height: auto !important;
  }
  .featured_news-bg {
    background: #0F4273;
    width: 100%;
    height: calc(100% - 78px);
  }
  .featured_news_container h2 {
    color: #fff;
    top: -15px;
    margin-left: 15px;
    padding-left: 29px;
  }
  .views-field-nothing .newsbox{
    margin-top:210px;
  }


  .about-wrapper-bg{
    background: url(../image/rolunk-bg.png) no-repeat;
    background-position: center 150px;
    background-size: auto;
    width: 85%;
    height: 60%;
    position: absolute;
    top: -35px;
    right: -15px;
  }
  .first-box{
    margin-bottom: 0;
  }
  .secund-box{
    margin-bottom: 20px;
  }
  footer{
    position: relative;
  }
  .footer-list{
    border-top: 1px solid #0F4273;
  }
  .footer-list ul{
    padding: 0;
    padding-left: 0 !important;
  }
  .footer-list ul li {
    border-bottom: 1px solid #EDEDED;
  }
  .footer-list ul li a{
    padding: 10px;
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #0F4273;
  }
  .footer-list ul li a:hover{
    color: #0F4273 !important;
    text-decoration: none;
  }

  /*---- profile box ----*/
  .box{
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    position: relative;
    width: 100%;
    min-height: 150px;
  }
  .box img{
    width: 100%;
    height: auto;
  }
  .box a{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.25rem;
    text-align: center;
    font-weight: 600;
    color: #0F4273;
  }

  .box-1{
    width: 100%;
    height: 236px;
    border: 4px solid #6BC2C2;
  }
  .box-border-first{
    width: 89%;
    height: 236px;
    border: 4px solid #0F4273;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
  }
  .box-11 {
    width: 100%;
  }
  .box-13 {
    width: 100%;
  }
  .box-15{
    width: 100%
  }
  .box-16{
    width: 100%;
    height: 200px;
    border: 4px solid #7CE0D3;
  }

  .box-border-last{
    width: 94%;
    height: 202px;
    border: 4px solid #0F4273;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 20px;
  }

  /*------ hírlevél block ------*/
  .hirlevel-block{
    width: 95%;
    margin: 50px auto;
    position: relative;
    left: -15px;
  }
  .hirlevel-block .newsletter-subscribe{
    background: #E4EEFF;
    padding: 25px 0;
  }
  .hirlevel-block .newsletter-subscribe .newsletter-subscribe-field{
    background: #0F4273;
    width: 100%;
    margin-left: 25px;
    padding: 35px 0;
  }
  .hirlevel-block .newsletter-subscribe .newsletter-subscribe-field .newsletter-icon{
    background: url(../image/mail.svg) no-repeat;
    background-size: 100%;
    width: 41px;
    height: 32px;
    margin: 0 auto;
  }
  .hirlevel-block .newsletter-subscribe-field span{
    font-family: 'Changa';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 36px;
    color: #FFFFFF;
  }

  .hirlevel-block .newsletter-button .newsletter-subscribe-button-space {
    width: 100%;
    text-align: center;
  }

  .newsletter-subscribe-button-space button {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    border: none;
    background: #6BC2C2;
    color: #0F4273;
    height: 36px;
    padding: 0 32px;
  }

  .newsheader-image {
    background-position: top center !important;
    background-size: 100% !important;
    min-height: 167px !important;
    background-repeat: no-repeat;
  }

  .newsheader .colorbg h1 {
    font-size: 2.25rem;
  }

  .eu-cookie-compliance-content {
    flex-flow: column;
  }

  .eu-cookie-compliance-message {
    padding: 55px 35px 20px;
    text-align: center;
  }

  .eu-cookie-compliance-buttons {
    margin: 0;
    width: 100%;
  }

  .eu-cookie-compliance-secondary-button {
    margin: 0 16px 20px;
    width: calc(100% - 32px);
  }

  .eu-cookie-compliance-default-button,
  .eu-cookie-compliance-default-button:hover {
    position: absolute;
    top: 15px;
    right: 20px;
  }

  .eu-cookie-compliance-default-button::after {
    width: 19px;
    height: 19px;
    -webkit-mask-size: 100%;
    mask-size: 100%;
  }

} 

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

  #page{
    padding-bottom: 0;
  }
 /* .sz2020-logo{
    max-width: 207px;
  } */

  /* -- top menü --*/
  #navbar-main {
    background-color: #0F4273;
    z-index: 15;
    padding: 0;
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.09);
  }
  .navbar-dark.active .navbar-toggler-icon {
    -webkit-mask: url(../image/exit.svg) no-repeat 50% 50%;
    background: #E4EEFF;
  }
  .navbar-dark .navbar-toggler{
    margin: 8px;
    margin-left: 1rem;
    padding: .25rem 0rem;
    border: none;
    color: #ffffff;
  }
  .navbar-collapse .navbar-form{
    position: absolute;
    top: -40px;
    right: 40px;  
  }
  .navbar-dark .navbar-toggler:focus{
    outline: none;
  }
  .navbar-dark .navbar-toggler-icon{
    -webkit-mask: url(../image/hamburgermenu.svg) no-repeat 50% 50%;
  /*mask: url(../image/katalogus.svg) no-repeat 50% 50%;*/
  background: #E4EEFF;
  }
  .navbar-collapse{
    position: absolute;
    width: 100%;
    top: 54px;
    background: #ffffff;
    z-index: 1;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.56);
  }

  #views-bootstrap-kiemelt-hirek-block-1 .view-bevezeto{
    padding-bottom: 0;
  }
  .about-wrapper-bg{
    background: url(../image/rolunk-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -15px;
  }
  .newsheader-text{
    background: #0F4273;
  }
  .newsheader .backlink {
    margin-top:20px;
    margin-bottom: 0;
  }
  .newsheader .backlink a{
    padding-left: 50px;
    position: relative;
    color: #ffffff;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
  }
  
  .newsheader .backlink a:hover{
    color: #ffffff;
    text-decoration: none;
  }
  .newsheader .backlink a:before{
    background: #ffffff;
  }
  .newsheader .colorbg h1 {
    margin-top: 0;
  }

  .newsheader.job{
    background: transparent !important;
    position: relative;
    padding-bottom: 45px;
  }
  .newsheader.job .backlink {
    margin-top: 10px;
    margin-bottom: 25px;
  }
  .newsheader.job .backlink a,
  .newsheader.job .backlink a:hover{
    color: #0F4273;
  }
  .newsheader.job .backlink a:hover{
    text-decoration: underline;
  }
  .newsheader.job .backlink a:before{
    background: #0F4273;
  }
  .newsheader.job .newsheader-bg{
    height: 100%;
    position: absolute;
    width: 80%;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .first-box{
    margin-bottom: 0;
  }
  .front-video{
    position: relative;
    padding: 0;
    top: 3px;
  }
  .first-block{
    background: #EEECEC;
  }
  .first-block .first-text:before{
    background: transparent;
  }
  .call-more-link-content{
    height: 170px;
  }
  .call-more-link-content:before {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 20px;
    background: url(../image/kapcsolat-block.svg);
    background-size: 85%;
    background-repeat: no-repeat;
    width: 100%;
    height: 255px;
    background-position: bottom center;
  }
  #views-bootstrap-allasajanlatok-block-2 .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .alkalmazas-item .img-content {
    left: calc(50% - 67px);
    top: 20px;
  }
  .featured_news_container:before{
    content: "";
    height: calc(100% - 78px);
    width: 100%;
    position: absolute;
    left: -100%;
    background: #0F4273;
  }
  .featured_news-bg{
    height: calc(100% - 78px);
  }
 
  .featured_news-bg2 {
    position: absolute;
    top: 0;
    width: 60%;
    right: -15px;
    height: 100%;
    overflow: hidden;
    z-index: 2;
  }
  .featured_news_container h2 {
    color: #fff;
    top: 25px;
    margin-left: 15px;
  }
  .featured_news_container h2:before{
    left: 7px;
  }
  .alkalmazas-item .img-content{
    position: relative;
  }
  .container {
    margin: 0;
    padding: 0;
  }
  .profilunk-wrapper a{
    font-size: 16px;
  }
  .page-view-hireink #views-bootstrap-hireink-page-1{
    padding: 0 15px;
  }
  #cboxTitle{
    width: 100%;
    position: relative;
  }
  #cboxCurrent{
    bottom: -47px;
    right: 0px;
  }
  #views-bootstrap-kiemelt-hirek-block-1{
    width: 100%;
  }
  .kiemelt-hir-item{
    margin-bottom: 15px;
  }
  .kiemelt-hir-item .views-field-field-boritokep,
  .kiemelt-hir-item .views-field-nothing .views-field-field-kozzeteve,
  .kiemelt-hir-item .views-field-nothing .views-field-field-bevezeto,
  .kiemelt-hir-item .views-field-nothing .views-field-view-node{
    display: none;
  }
  .kiemelt-hir-item .views-field-nothing .views-field-title{
    min-height: auto;
    padding: 15px;
    text-align: center;
  }
  .node--type-page article header h2.node__title{
    margin-left: 15px;
  }
  .page-view-hireink #views-exposed-form-hireink-page-1 fieldset.js-form-item-keyword,
  .page-view-hireink #views-exposed-form-hireink-page-1 fieldset.js-form-item-tag,
  .page-view-hireink #views-exposed-form-hireink-page-1 fieldset input{
    width: 100%;
  }
  .page-view-hireink #views-exposed-form-hireink-page-1 #edit-actions {
    position: absolute;
    top: 57px;
    right: 23px;
    padding: 0;
  }
  #block-footerlogo{
    text-align: center;
  }
  footer{
    position: relative;
  }
  .footer-list{
    border-top: 1px solid #0F4273;
  }
  .footer-list ul{
    padding: 0;
    padding-left: 0 !important;
  }
  .footer-list ul li {
    border-bottom: 1px solid #EDEDED;
  }
  .footer-list ul li a{
    padding: 10px;
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #0F4273;
  }
  .footer-list ul li a:hover{
    color: #0F4273 !important;
    text-decoration: none;
  }
  /*----- hírlevél block ---*/
  .hirlevel-block{
    width: 80%;
    margin: 50px auto;
  }
  .hirlevel-block .newsletter-subscribe{
    background: #E4EEFF;
    padding: 25px 0;
  }
  .hirlevel-block .newsletter-subscribe .newsletter-subscribe-field{
    background: #0F4273;
    width: 100%;
    margin-left: 25px;
    padding: 35px 0;
  }
  .hirlevel-block .newsletter-subscribe .newsletter-subscribe-field .newsletter-icon{
    background: url(../image/mail.svg) no-repeat;
    background-size: 100%;
    width: 41px;
    height: 32px;
    margin: 0 auto;
  }
  .newsletter-button{
    text-align: center;
  }
  .newsletter-subscribe-field span{
    font-family: 'Changa';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 36px;
    color: #FFFFFF;
  }
  .newsletter-subscribe-button-space button{
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    border: none;
    background: #6BC2C2;
    height: 36px;
    padding: 0px 12px;
    max-width: 100%;
  }
  /*---- profile box ----*/
  .box{
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    position: relative;
    width: 100%;
    min-height: 150px;
  }
  .box img{
    width: 100%;
    height: auto;
  }
  .box a{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.25rem;
    text-align: center;
    font-weight: 600;
    color: #0F4273;
  }

  .box-1{
    width: 100%;
    height: 300px;
    border: 4px solid #6BC2C2;
  }
  .box-border-first{
    width: 89%;
    height: 300px;
    border: 4px solid #0F4273;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
  }
 
  .box-11 {
    width: 100%;
    overflow: hidden;
    height: 300px;
  }
  .box-13 {
    width: 100%;
  }
  .box-15{
    width: 100%
  }
  .box-16{
    width: 100%;
    height: 200px;
    border: 4px solid #7CE0D3;
  }

  .box-border-last{
    width: 94%;
    height: 202px;
    border: 4px solid #0F4273;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 20px;
  }

  .eu-cookie-compliance-message {
    padding: 16px;
  }

  .eu-cookie-compliance-buttons {
    position: relative;
  }
  
  .eu-cookie-compliance-secondary-button {
    margin: 0 50px 0 0;
  }

  .eu-cookie-compliance-default-button,
  .eu-cookie-compliance-default-button:hover {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 15px;
    top: calc(50% - 9px);
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
  h2{
    margin-left: 15px;
  }
  #page{
    padding-bottom: 0;
  }
  /*.sz2020-logo{
    max-width: 233px;
  } */
  /* -- top menü --*/
  #navbar-main {
    background-color: #0F4273;
    z-index: 15;
    padding: 0;
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.09);
  }
  .navbar-dark.active .navbar-toggler-icon {
    -webkit-mask: url(../image/exit.svg) no-repeat 50% 50%;
    background: #E4EEFF;
  }

  .navbar-dark .navbar-toggler{
    margin: 8px;
    margin-left: 1rem;
    padding: .25rem 0rem;
    border: none;
    color: #ffffff;
  }
  .navbar-collapse .navbar-form{
    position: absolute;
    top: -40px;
    right: 40px;  
  }
  .navbar-dark .navbar-toggler:focus{
    outline: none;
  }
  .navbar-dark .navbar-toggler-icon{
    -webkit-mask: url(../image/hamburgermenu.svg) no-repeat 50% 50%;
  /*mask: url(../image/katalogus.svg) no-repeat 50% 50%;*/
  background: #E4EEFF;
  }
  .navbar-collapse{
    position: absolute;
    width: 100%;
    top: 54px;
    background: #ffffff;
    z-index: 1;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.56);
  }
 

  #views-bootstrap-kiemelt-hirek-block-1 .view-bevezeto{
    padding-bottom: 0;
  }
  .newsheader-text {
    min-height: 350px;
    z-index: 1;
  }
  .newsheader-image{
    min-height: 350px;
    position: absolute;
    top: 0;
    right: -15px;
  }
  .newsheader.job{
    background: transparent !important;
    position: relative;
    padding-bottom: 45px;
  }
  .newsheader.job .backlink {
    margin-top: 10px;
    margin-bottom: 25px;
  }
  .newsheader.job .backlink a,
  .newsheader.job .backlink a:hover{
    color: #0F4273;
  }
  .newsheader.job .backlink a:hover{
    text-decoration: underline;
  }
  .newsheader.job .backlink a:before{
    background: #0F4273;
  }
  .newsheader.job .newsheader-bg{
    height: 100%;
    position: absolute;
    width: 80%;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #views-bootstrap-allasajanlatok-block-2 .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }



  .featured_news_container:before{
    content: "";
    height: calc(100% - 78px);
    width: 100%;
    position: absolute;
    left: -100%;
    background: #0F4273;
  }
  .featured_news-bg{
    height: calc(100% - 78px);
  }
 
  .featured_news-bg2 {
    position: absolute;
    top: 0;
    width: 70%;
    right: -15px;
    height:100%;
    overflow: hidden;
    z-index: 2;
}
.featured_news_container h2 {
  color: #fff;
  top: -15px;
  margin-left: 15px;
}
.featured_news_container h2:before{
  left: 7px;
}
  .about-wrapper-bg{
    background: url(../image/rolunk-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 65%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -15px;
  }
  .front-video{
    position: relative;
  }
  .first-block{
    background: #EEECEC;
  }
  .first-box{
    margin-bottom: 0;
  }
  .about-wrapper .secund-box .light {
    background: #E4EEFF;
    color: #0F4273;
  }
  .first-block .first-text:before{
    background: transparent;
  }
  .container {
    margin: 0;
    padding: 0;
  }
  .profilunk-wrapper a{
    font-size: 16px;
  }
  .page-view-hireink #views-bootstrap-hireink-page-1{
    padding: 0 15px;
  }
  #cboxTitle{
    width: 100%;
    position: relative;
  }
  #cboxCurrent{
    bottom: -47px;
    right: 0px;
  }
  .call-more-link-content{
    height: 170px;
  }
  .call-more-link-content:before {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 20px;
    background: url(../image/kapcsolat-block.svg);
    background-size: 65%;
    background-repeat: no-repeat;
    width: 100%;
    height: 255px;
    background-position: bottom center;
  }
  .contact-content .call-more-link-content .call-more-link{
    bottom: 20px;
  }
  .node--type-page article header h2.node__title{
    margin-left: 15px;
  }
  .page-view-hireink #views-exposed-form-hireink-page-1 fieldset.js-form-item-keyword,
  .page-view-hireink #views-exposed-form-hireink-page-1 fieldset.js-form-item-tag{
    width: 100%;
  }
 
  .page-view-hireink #views-exposed-form-hireink-page-1 #edit-actions {
    position: absolute;
    top: 57px;
    right: 143px;
    padding: 0;
  }
  .tovabbi-hirek-doboz #views-bootstrap-kiemelt-hirek-block-1{
    width: 100%;
  }
  .tovabbi-hirek-doboz .kiemelt-hir-item{
    margin-bottom: 15px;
  }
  .tovabbi-hirek-doboz .kiemelt-hir-item .views-field-field-boritokep,
  .tovabbi-hirek-doboz .kiemelt-hir-item .views-field-nothing .views-field-field-kozzeteve,
  .tovabbi-hirek-doboz .kiemelt-hir-item .views-field-nothing .views-field-field-bevezeto,
  .tovabbi-hirek-doboz .kiemelt-hir-item .views-field-nothing .views-field-view-node{
    display: none;
  }
  .tovabbi-hirek-doboz .kiemelt-hir-item .views-field-nothing .views-field-title{
    min-height: auto;
    padding: 15px;
    text-align: center;
  }
  .site-footer__bottom .block{
    margin: 0;
    max-width: 100% !important;
  }
  #block-footerlogo{
    text-align: center;
  }
  #block-footerlogo img{
    padding: 15px;
  }
  footer{
    position: relative;
  }
  .footer-list ul{
    padding: 0;
    padding-left: 0 !important;
  }
  .footer-list ul li {
    display: inline-block;
  }
 /*---- profile box ----*/
 .box{
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    position: relative;
    width: 100%;
    min-height: 150px;
  }
  .box img{
    width: 100%;
    height: auto;
  }
  .box a{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.25rem;
    text-align: center;
    font-weight: 600;
    color: #0F4273;
  }

  .box-1{
    width: 100%;
    height: 300px;
    border: 4px solid #6BC2C2;
  }
  .box-border-first{
    width: 89%;
    height: 300px;
    border: 4px solid #0F4273;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
  }

  .box-9{
    border: 3px solid #6BC2C2;
  }
  .box-11 {
    width: 100%;
    overflow: hidden;
    height: 200px;
  }
  .box-13 {
    width: 100%;
  }
  .box-15{
    width: 100%
  }
  .box-16{
    width: 100%;
    height: 200px;
    border: 4px solid #7CE0D3;
  }

  .box-border-last{
    width: 94%;
    height: 202px;
    border: 4px solid #0F4273;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 20px;
  }

  .eu-cookie-compliance-message {
    padding: 16px;
  }

  .eu-cookie-compliance-buttons {
    position: relative;
  }
  
  .eu-cookie-compliance-secondary-button {
    margin: 0 50px 0 0;
  }

  .eu-cookie-compliance-default-button,
  .eu-cookie-compliance-default-button:hover {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 15px;
    top: calc(50% - 9px);
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
#page{
  padding-bottom: 0;
}

.about-wrapper-bg{
  background: url(../image/rolunk-bg.png) no-repeat;
  background-position: center center;
  background-size: cover;
  width: 70%;
  height: 100%;
  position: absolute;
  top: 0;
  right: -15px;
}
.ahol-lakunk-wrapper-bg{
  position: absolute;
  top:0;
  right:0;
  width: 70%;
  height: 100%;
  background-size: cover;
  background: url(../image/rolunk-bg-2.png) no-repeat;
  background-position: center;
}

/*-------------header menu----------*/
#navbar-main{
  z-index: 100;
  padding: 0;
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.25);
}

.navbar-collapse .navbar-form.justify-content-end{
  margin-left: auto;
  order: 2;
  margin-right: 15px;
}

.front-video{
  position: relative;
}
.call-more-link-content{
  height: 170px;
}
.call-more-link-content:before {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 20px;
  background: url(../image/kapcsolat-block.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 255px;
  background-position: bottom center;
}
.first-block .first-text:before{
  background: transparent;
}

.first-block {
  position: relative;
  background: linear-gradient(to right, #EEECEC 70%, #ffffff 70%);
}
.newsheader.job{
  background: transparent !important;
  position: relative;
  padding-bottom: 45px;
}
.newsheader.job .backlink {
  margin-top: 10px;
  margin-bottom: 25px;
}
.newsheader.job .backlink a,
.newsheader.job .backlink a:hover{
  color: #0F4273;
}
.newsheader.job .backlink a:hover{
  text-decoration: underline;
}
.newsheader.job .backlink a:before{
  background: #0F4273;
}
.newsheader.job .newsheader-bg{
  height: 100%;
  position: absolute;
  width: 80%;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.views-field-nothing .newsbox{
  clear: both;
  background: #EEECEC;
  position: relative;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.views-field-nothing .newsbox .akt{
  position: absolute;
  top: -50px;
  padding: 10px 15px;
  background: #6BC2C2;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.views-field-nothing .newsbox .newsbox-text{
  padding: 30px 15px;
}
.node--type-page article header h2.node__title{
  margin-left: 15px;
}
.page-view-hireink #block-bootstrap-barrio-subtheme-content {
  margin-top: 54px;
}
  .page-view-hireink #views-exposed-form-hireink-page-1 fieldset.js-form-item-keyword,
  .page-view-hireink #views-exposed-form-hireink-page-1 fieldset.js-form-item-tag{
    width: 50%;
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1 #edit-actions{
    position: absolute;
    top: 56.5px;
    margin-left: calc(50% - 236px);
    padding: 0;
  }
  #block-footerlogo img{
    border-right: 1px solid #0F4273;
    padding-right: 40px;
  }
  .about-wrapper .secund-box{
    padding: 0;
  }
  .about-wrapper .secund-box .light {
    background: #E4EEFF;
    color: #0F4273;
  }
  footer{
    position: relative;
  }

  .footer-list{
    text-align: center;
  }
  .footer-list ul{
    margin: 0;
    padding: 0;
    text-align: left;
    padding-left: 0 !important;
  }
  .footer-list ul li{
    float: left;
    list-style-type: none;
  }
  .footer-list ul li a {
    padding: 5px 8px;
    font-weight: normal;
  }
  .footer-list ul li a:hover{
    text-decoration: none;
  }

  /*---- profile box ----*/
  .h-md-150{
    height:150px;
  }
  .box{
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    position: relative;
    width: 100%;
    height: 150px;
  }
  .box img{
    width: 100%;
    height: auto;
  }
  .box a{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    color: #0F4273;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .box-1{
    width: 100%;
    height: 150px;
    border: 4px solid #6BC2C2;
  }
  .box-border-first{
    width: 89%;
    height: 150px;
    border: 4px solid #0F4273;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
  }
  .box-4:hover .box-4-hover,
  .box-6:hover .box-6-hover,
  .box-8:hover .box-8-hover{
    opacity: 1;
    visibility: visible;
  }
  .box-8-hover,
  .box-6-hover,
  .box-4-hover{
    display: none;
    visibility: hidden;
    transition: visibility 0s, opacity 0.5s linear;
    font-weight: 600;
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
  }
  .box-8-hover{
    left: 100%;
    width: 200%;
    top: 0;
    height: 100%;
    background: #EEECEC;
    border: 3px solid #6BC2C2;
  }
  .box-4-hover{
    left: calc(100% + -1px);
    width: calc(100% + 12px);
    top: -2px;
    height: calc(100% + 4px);
    background: #6BC2C2;
    color: #0F4273;
    border: 2px solid #0F4273;
    border-left: 0;
  }
  .box-6-hover{
    left: 100%;
    width: 100%;
    height: calc(100%);
    background: #EEECEC;
    color: #0F4273;
  }

  .box-9{
    border: none;
  }
  .box-11 {
    width: 100%;
    overflow: hidden;
    height: 150px;
  }
  .box-11 img{
    height: 100%;
  }
  .box-13 {
    width: 100%;
  }
  .box-13 img{
    position: absolute;
    top: -50%;
  }
  .box-15{
    width: 100%
  }
  .box-15 img{
    position: absolute;
    top: 0;
    height: 150px;
  }

  .box-16{
    width: 100%;
    height: 150px;
    border: 4px solid #7CE0D3;
  }

  .box-border-last{
    width: 100%;
    height: 150px;
    border: 4px solid #0F4273;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 20px;
  }
  .eu-cookie-compliance-message {
    padding: 16px;
  }

  .eu-cookie-compliance-buttons {
    position: relative;
  }
  
  .eu-cookie-compliance-secondary-button {
    margin: 0 50px 0 0;
  }

  .eu-cookie-compliance-default-button,
  .eu-cookie-compliance-default-button:hover {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 15px;
    top: calc(50% - 9px);
  }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

  .front-video{
    display: flex;
    justify-content: center;
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    max-height: 560px;
    min-height: 560px;
    overflow: hidden;
  }
  .first-block #lechnerVideo {
    display:flex;
    position: relative;
    top: 0;
    width: auto;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
}


  .first-block .first-text{
    z-index: 10;
    background: #EEECEC; 
  }
  .view-aktualis-hir .befoglalo .img-fluid{
    padding: 0 !important;
  }
  .view-aktualis-hir .befoglalo:before{
    content:"";
    position: absolute;
    left: -15px;
    background: #EEECEC;
    width: 70%;
    height: 100%;
  }
  .view-aktualis-hir .befoglalo:after{
      content: "";
      position: absolute;
      top: 0;
      right: -15px;
      background: #0F4273;
      width: 70%;
      height: 91%;
  }
  /*-------------header menu----------*/
  #navbar-main{
    z-index: 100;
    padding: 0;
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.25);
  }

  .navbar-collapse .navbar-form.justify-content-end{
    margin-left: auto;
    order: 2;
    margin-right: 15px;
  }

  a.sub-link:after{
    content: "";
    position: relative;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #0F4273;
    margin: 0px 7px;
  }

 
  
  .newsheader.job{
    background: transparent !important;
    position: relative;
    padding-bottom: 45px;
    display: block;
  }
  .newsheader.job .backlink {
    margin-top: 10px;
    margin-bottom: 25px;
  }
  .newsheader.job .backlink a,
  .newsheader.job .backlink a:hover{
    color: #0F4273;
  }
  .newsheader.job .backlink a:hover{
    text-decoration: underline;
  }
  .newsheader.job .backlink a:before{
    background: #0F4273;
  }
  .newsheader.job .newsheader-bg{
    height: 100%;
    position: absolute;
    width: 50%;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
  }
  /**----- page ------**/
  main.main-content{
    padding-right:0;
    padding-left:0;
  }

  /**----hirekaloldal----**/
  .newsheader {
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50%;
    display: flex;
    flex-direction: column-reverse;
    max-height: 440px;
    overflow: hidden;
  }

  .newsheader .backlink {
    display: block;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .newsheader .backlink a{
    padding-left: 50px;
    position: relative;
    color: #0F4273;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
  }
  .newsheader .backlink a:hover{
    color: #0F4273;
    text-decoration: none;
  }


  

  .node--type-hir .news{
    max-width: 910px;
  }
  
  .node--type-hir .news img{
    max-width: 100%;
    height: auto;
  }
  .node--type-hir .news .tags .label{
    font-size: 21px;
    font-family: Changa;
    font-style: normal;
    font-weight: 800;
    margin-bottom: 25px;
  }
  .field--name-field-tags .field__items li a{
    border: 1px solid #0F4273;
    color: #0F4273;
    padding: 5px 20px;
    text-transform: capitalize;
    font-size: 14px;
    display: block;
  }
  .field--name-field-tags .field__items li a:hover{
    color: #0F4273;
    text-decoration: none;
  }
  .views-field-field-felsokep .image-style-newsheader{
    visibility: visible;
  }
  .block-blue{
    background: transparent;
  }
  /*---- profile box ----*/
  .h-lg-200{
    height:200px;
  }
  .box{
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    position: relative;
    width: 100%;
    height: 200px;
  }
  .box img{
    width: 100%;
    height: auto;
  }
  .box a{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #0F4273;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .box-1{
    width: 100%;
    height: 200px;
    border: 4px solid #6BC2C2;
  }
  .box-border-first{
    width: 89%;
    height: 200px;
    border: 4px solid #0F4273;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
  }
  .box-4:hover .box-4-hover,
  .box-6:hover .box-6-hover,
  .box-8:hover .box-8-hover{
    opacity: 1;
    visibility: visible;
  }
  .box-8-hover,
  .box-6-hover,
  .box-4-hover{
    display: none;
    visibility: hidden;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    font-weight: 600;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
  }
  .box-8-hover{
    left: 100%;
    width: 200%;
    top: 0;
    height: 100%;
    background: #EEECEC;
    border: 3px solid #6BC2C2;
  }
  .box-6-hover{
    left: 100%;
    width: 100%;
    height: calc(100%);
    background: #EEECEC;
    color: #0F4273;
  }
  .box-4-hover{
    left: calc(100% + -1px);
    width: calc(100% + 12px);
    top: -2px;
    height: calc(100% + 4px);
    background: #6BC2C2;
    color: #0F4273;
    border: 2px solid #0F4273;
    border-left: 0;
  }
  .box-9{
    border: none;
  }
  .box-11 {
    width: 100%;
    overflow: hidden;
    height: 200px;
  }
  .box-13 {
    width: 100%;
  }
  .box-13 img{
    position: absolute;
    top: -50%;
  }
  .box-15{
    width: 100%
  }
  .box-15 img{
    position: absolute;
    top: 0;
    height: 200px;
  }

  .box-16{
    width: 100%;
    height: 160px;
    border: 4px solid #7CE0D3;
  }

  .box-border-last{
    width: 94%;
    height: 160px;
    border: 4px solid #0F4273;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 20px;
  }

  

  

  
  /*----- hireink gyüjtő ----*/

  .page-view-hireink #main-wrapper{
    max-width: 1440px;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  .page-view-hireink #main-wrapper .view-hireink .view-content {
    margin: 0;
  }
  .page-view-hireink .views-row{
    width: 100%;
  }
  .page-view-hireink  .views-field-field-felsokep{
    position: relative;
    width: 100%;
    display: block;
  }

 .views-field-field-felsokep .image-style-newsheader{
    max-width: 60%;
    float: right;
    padding-right: 15px;
  }

  

  
  .views-field-edit-node .field-content{
    padding: 0;
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1 .hir-item{
    margin-bottom: 25px;
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1{
    background: #E4EEFF;
    margin-bottom: 50px;
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1 fieldset{
    padding: 20px 28px;
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1 fieldset.js-form-item-keyword{
    width: 40%;
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1 fieldset.js-form-item-tag{
    width: 60%;
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1 #edit-actions{
    position: absolute;
    top: 56.5px;
    margin-left: calc(40% - 235px);
    padding: 0;
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1 fieldset label{
    font-weight: 800;
    font-size: 20px;
    line-height: 25px;
    color: #0F4273;
    font-family: 'Changa', sans-serif;
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1 fieldset input{
    border: 1px solid #6BC2C2;
    border-radius: 0;
    height: 46px;
    width: calc(100% - 198px);
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1 fieldset input:focus{
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.19);
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1 #edit-tag ul{
    list-style-type: none;
    padding: 0;
  }
  .page-view-hireink  #views-exposed-form-hireink-page-1 #edit-tag ul li{
    display: inline-block;
  }

  .page-view-hireink  #views-exposed-form-hireink-page-1 #edit-tag ul li a:hover{
    text-decoration: none;
    color: #6BC2C2;
    border: 1px solid #6BC2C2;
  }

  .page-view-hireink  #views-exposed-form-hireink-page-1 #edit-submit-hireink,
  .page-view-hireink  #views-exposed-form-hireink-page-1 #edit-reset{
    background: #0F4273;
    border: 1px solid #0F4273;
    border-radius: 0;
    color: #6BC2C2;
    height: 46px;  
  }
  .page-view-hireink #block-bootstrap-barrio-subtheme-content{
    margin-top: 54px;  
  }

  
  /*---- Rólunk ----*/
  .page-node-22 #block-bootstrap-barrio-subtheme-content{
    display: none;
  }
  .about-wrapper-bg{
    background: url(../image/rolunk-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 65%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  .about-wrapper .secund-box{
    padding: 0 15px 0 0;
  }
  .about-wrapper .secund-box .light{
    background: #E4EEFF;
    color: #0F4273;
  }
  .ahol-lakunk-wrapper{
    background: url("../image/rolunk-bg-2.png") no-repeat;
    background-position: center right;
  }
  .ahol-lakunk-content{
    margin-bottom: 20%;
    margin-top: 12%;
  }
  .ahol-lakunk-content a{
    color: #ffffff !important;
  }
  .ahol-lakunk-content a:after{
    width: 35px;
    height: 16px;
    display: inline-block;
    content: '';
    -webkit-mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;
    mask: url(../image/profil-nyil.svg) no-repeat 50% 50%;
    background: #ffffff;
    margin-left: 8px;
    position: relative;
    top: 3px;
  }

  .call-more-link-content{
    right: -15px;
  }
  .call-more-link-content:before{
    top: calc(50% - 133px);
    height: 386px;
  }

  /*----- Footer -----*/
  .site-footer__bottom,
  .site-footer__bottom .region{
    margin-top: 0;
  }
  #block-footerlogo img{
    border-right: 1px solid #0F4273;
    padding-right: 40px;
  }
  .footer-list{
    text-align: center;
  }
  .footer-list ul{
    margin: 0;
    padding: 0;
  }
  .footer-list ul li{
    float: left;
  }
  .footer-list ul li a,
  .footer-list ul li span{
    padding: 5px 8px;
    font-weight: normal;
  }
  .footer-list ul li a:hover{
    text-decoration: none;
  }

  .eu-cookie-compliance-message {
    padding: 16px;
  }

  .eu-cookie-compliance-buttons {
    position: relative;
  }
  
  .eu-cookie-compliance-secondary-button {
    margin: 0 50px 0 0;
  }

  .eu-cookie-compliance-default-button,
  .eu-cookie-compliance-default-button:hover {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 15px;
    top: calc(50% - 9px);
  }
}




/* DESIGN JAVÍTASI KERESEK */

.datetime {font-size:14px;}

#block-hireinkinsertview h2 {margin-bottom:22px;}

#views-bootstrap-kiemelt-hirek-block-3 .views-field-nothing .field-content, #views-bootstrap-kiemelt-hirek-block-1 .views-field-nothing .field-content, #views-bootstrap-hireink-block-1 .views-field-nothing .field-content, #views-bootstrap-hireink-page-1 .views-field-nothing .field-content {
	min-height: 272px;
}

#views-bootstrap-kiemelt-hirek-block-3 .views-field-nothing .kiemelt-hir-item, #views-bootstrap-kiemelt-hirek-block-1 .views-field-nothing .hir-item, #views-bootstrap-hireink-block-1 .views-field-nothing .hir-item, #views-bootstrap-hireink-page-1 .views-field-nothing .hir-item {
	min-height: 495px;
}

.kiemelt-hir-item .views-field-nothing {
  position: relative;
}

.kiemelt-hir-item .views-field-nothing .field-content{
  padding: 0;
}
.kiemelt-hir-item .views-field-nothing .field-content a {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 16px;
  height: 100%;
  width: 100%;
}

.dc-warning.flex {
  flex-flow: column;
  align-items: flex-start !important;
  padding: 28px;
  background: #FFFF99;
}
.dc-warning.flex h3 {
  margin-bottom: 25px;
}



@media (min-width: 1200px) { 
	.contacttitle {margin-top:-46px;}
	
	.block-views-blockkiemelt-hirek-block-3 h2 {
		background: none;
		border: none;
		padding: 5px 0px 0px;
		font-size: 20px;
		margin-left: -15px;

	}
	
	#views-bootstrap-hireink-page-1 .views-field-nothing .hir-item {
	  min-height: 522px;
	}

  .views-field-nothing .hir-item a {
    display: flex;
    flex-flow: column;
    height: 100%;
  }
	
	.kiemelt-hir-item {
		margin-bottom: 3rem;
		min-height: 522px;
	}
	
	.leftes {
		margin-left:-15px;
	}
	
	.page-node-572 .pageheader > .container {
		max-width: 1440px;
	}
	
}

.site-footer {
	font-family: 'Titillium Web', sans-serif;

}


.first-box h4,
.secund-box h4 {
	margin-bottom:20px;
}


.epetesugy-wrapper .epetesugy-text h2 {
	padding: 6px 50px 46px 34px;
	font-weight: 700;
}


.epetesugy-wrapper .epetesugy-text h2::before {
	top: 24px;
	left: 8px;
}



.view-hireink.view-id-hireink.view-display-id-page_1 .view-footer {
	display: block;
	width: 110px;
	float: right;
	line-height: 36px;
}



.epiteszet.arckepcsarnok article.node.node--type-page .article-bg {
	background: url('/sites/default/files/images/design/arckepcsarnok.jpg');
	background-repeat: no-repeat;
	background-size: contain !important;
	background-position: right top;
}


.epiteszet.arckepcsarnok.node--type-page article header .pageheader .colorbg,
.epiteszet.hires-emberek-budapestje article header .pageheader .colorbg {
	max-width: 1015px;
}


.epiteszet.arckepcsarnok .node__content .container.news h2,
.epiteszet.hires-emberek-budapestje .node__content .container.news h2 {
	font-size: 20px;
	padding: 0px;
	margin: 25px 0px 20px;
	line-height: 50px;
	background: none;
}

.epiteszet.hires-emberek-budapestje .node__content .container.news .field--name-body h2 {
  font-size: 39px;
  padding: 0px;
  margin: 25px 0px 40px;
  line-height: 56px;
  background: none;
  font-weight:800;
}

.epiteszet.arckepcsarnok.node--type-page article .node__content {
	margin-top: 190px;
}

.epiteszet.hires-emberek-budapestje.node--type-page article .node__content {
	margin-top: 190px;
	padding-top:35px;
}

.epiteszet.arckepcsarnok article .article-framed,
.epiteszet.hires-emberek-budapestje article .article-framed {
	position: relative;
	margin: 25px auto 54px auto;
	padding: 16px;
	background-color: #e4eeff;
	font-style: italic;
	line-height: 26px;
}

article .article-framed a:link  {
	cursor: pointer;
	text-decoration: none;
	font-weight: 600;
	font-style: normal;
	color: rgb(15, 66, 115);
}

article .article-framed a:visited,
article .article-framed a:hover  {
	cursor: pointer;
	text-decoration: none;
	font-weight: 600;
}


/*--- RENDSZERÉRTESÍTÉSEK ---*/

.page-view-rendszeretesitesek-nezet #block-bootstrap-barrio-subtheme-content,
.page-view-rendszeretesitesek-nezet #block-rendszerertesitesekcim {
  max-width: 1440px;
  margin: 0 auto;
}

.rendszerertesitesek .main-content {
  max-width: 1440px;
  margin: 0 auto;
}

.rendszerertesitesek h1,
.rendszerertesitesek h2 {
  background: none;
  text-align: center;
}

.rendszerertesitesek h1:before,
.rendszerertesitesek h2:before {
  display: none;
}

.rendszerertesitesek .field__label {
  font-weight: 600;
}

.rendszerertesitesek .field--name-field-cimkek h2 {
  padding: 0;
  margin: 0;
}

.rendszerertesitesek .field--name-field-cimkek .field__items {
  display: inline-block;
}

.rendszerertesitesek .field--name-field-cimkek a {
  text-decoration: none;
  display: inline-block;
  padding: 2px 10px;
  margin: 5px;
  background: #0F4273;
  color: #fff;
  border-radius: 5px;
}

.rendszerertesitesek .field--name-field-cimkek a:hover,
.rendszerertesitesek .field--name-field-cimkek a:focus,
.rendszerertesitesek .field--name-field-cimkek a:active {
  color: #fff;
  text-decoration: none;
  box-shadow: 0px 2px 5px 0px #0000005e;
}

.field--name-field-rendszerlogok h2 {
  display: none;
}

.view-rendszeretesitesek-nezet .view-header {
  position: relative;
}

.view-rendszeretesitesek-nezet .view-filters {
  margin-bottom: 20px;
}

#alertLegend {
  position: absolute;
  right: 15px;
  display: flex;
  max-width: 290px;
  flex-wrap: wrap;
  justify-content: space-between;
}

#alertLegend .legend-item {
  padding: 0px 10px 5px 25px;
  position: relative;
  background: none;
}

#alertLegend .legend-item:before{
  content: "";
  display: block;
  position: absolute;
  width:16px;
  height: 16px;
  border-radius: 50%;
  left: 0;
  top: calc(50% - 8px);
}

#alertLegend .legend-item.yellow:before{
  background-color: #FF933C;
}

#alertLegend .legend-item.red:before{
  background-color: #A81300;
}

#alertLegend .legend-item.blue:before{
  background-color: #2A67BA;
}

#alertLegend .legend-item.green {
  padding-right: 29px;
}

#alertLegend .legend-item.green:before{
  background-color: #008212;
}

.costum-alert {
  background: #fff;
  border: 1px solid #c7c7c7;
  border-left-width: 8px;
  border-left-style: solid;
  box-shadow: 0px 2px 2px 0px #00000040;
  display: flex;
  margin: 5px auto;
  position: relative;
}

.costum-alert-icons {
  display: flex;
  align-items: flex-start;
  margin: 25px;
}
.costum-alert-icons img {
  width: 30px;
}
.costum-alert .costum-alert-title {
  float: left;
  height: 40px;
  line-height: 40px;
  color: #ff933c;
  padding: 0 15px;
}
.costum-alert .costum-alert-content {
  padding: 20px 0;
}
.costum-alert .costum-alert-content h4{ 
  margin: 0 0 15px 0;
  display: inline-block;
}

.costum-alert .costum-alert-content .custom-alert_erintett {
  display: block;
  margin: 0 0 15px 0;
} 

.costum-alert .costum-alert-content .costum-alert-exit {
  margin-left: 25px;
  text-align: center;
  cursor: pointer;
  color: #282828;
  position: absolute;
  top: 10px;
  right: 10px;
  font-weight: 600;
}

.costum-alert .costum-alert-content .costum-alert-exit { 
  width: 24px;
}

.view-rendszeretesitesek-nezet {
  padding: 15px;
}

.view-rendszeretesitesek-nezet .views-row {
  min-width: 100%;
}

.costum-alert.hibaertesites {
  border-left-color: #A81300;
}

.costum-alert.figyelemfelhivas {
  border-left-color: #FF933C;
}

.costum-alert.tajekoztato {
  border-left-color: #2A67BA;
}

.custom-alert.helyreallitas {
  border-left-color: #008212;
} 

@media (max-width: 900px) { 
  .path-rendszerertesitesek h2 {
    font-size: 20px;
  }

  #alertLegend {
    position: relative;
    padding: 0 0 20px 0;
    right: 0;
  }

  .costum-alert {
    flex-flow: column;
  }

  .costum-alert .costum-alert-content {
    padding: 20px;
  }
}