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;
}
li.ultimenu__item:hover  .ultimenu__link{
  color: #6BC2C2 !important;
}
  /* ----------- 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: 20px;
    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: 5px;
  }
  .social-link:hover{
    background: #6BC2C2;
  }

  .social-label {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    margin-right: 10px;
  }
  
  .youtube{
    -webkit-mask: url(../image/youtube.svg) no-repeat 50% 50%;
    background: #0F4273;
  }
  .instagram{
    -webkit-mask: url(../image/instagram.svg) no-repeat 50% 50%;
    background: #0F4273;
  }
  .twitter{
    -webkit-mask: url(../image/twitter.svg) no-repeat 50% 50%;
    background: #0F4273;
  }
  .facebook{
    -webkit-mask: url(../image/facebook.svg) no-repeat 50% 50%;
    background: #0F4273;
  }
  .likedin{
    -webkit-mask: url(../image/linkedin.svg) no-repeat 50% 50%;
    background: #0F4273;
  }
  .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: 0;
}

.view-aktualis-hir .befoglalo .row .block-text-gray h3{
    margin-top: 0px;
}
.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: #EEECEC;
  padding: 25px;
  margin-bottom: 80px;
}
.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;
}

.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 h2{
  color: #ffffff;
  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 h2: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: #6BC2C2;
}
.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: 910px;
}
/*---- é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;
  text-decoration: underline;
  width: 100%;
  color:#0F4273;
}
.alkalmazas-box .more-link a:hover{
  color: #0F4273;
}
.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-content{
  background: rgba(238, 236, 236, 0.93);
}
.contact-content h2{
  font-size: 2.5rem;
  margin-top: 0;
}
.contact-content a{
  color: #00B0D6;
}
.contact-content a,
.contact-content span{
  line-height: 30px;
  position: relative;
}
a.place-link{
  position: relative;
  color:#00B0D6; 
}
a.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: #00B0D6;
}
.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;
}

/**---------- Front block kiemelte --------**/
.front-kiemelt{
  background: #0F4273;
  padding-top: 15px;
  padding-bottom: 35px;
}

.front-kiemelt h2{
  color: #ffffff;
  font-size: 40px;
  background: none;
  margin: 0 0 15px 0;
  text-align: center;
  line-height: 52px;
}

.front-kiemelt h2:before{
  display: none;
}

.front-kiemelt .apps-icon{
  width: 75px;
  height: 100px;
  margin: 0 auto;
}
.front-kiemelt .apps-icon-long{
  width: 150px;
  height: 100px;
  margin: 0 auto;
}


.birsag{
  -webkit-mask: url(../image/ikonok/e-birsag.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 60%;
}
.okos-varos{
  -webkit-mask: url(../image/ikonok/okos-varos.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.etdr{
  -webkit-mask: url(../image/ikonok/etdr.svg) no-repeat 50% 50%;
  -webkit-mask-size: 88%;
  mask-size:88%;
  background: #6BC2C2;
}
.ekozmu{
  -webkit-mask: url(../image/ikonok/e-kozmu.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.oeny{
  -webkit-mask: url(../image/ikonok/oeny.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.enaplo{
  -webkit-mask: url(../image/ikonok/enaplo.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 80%;
}
.katalogus{
  -webkit-mask: url(../image/ikonok/katalogus.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.e-epites {
  -webkit-mask: url(../image/ikonok/e-epites.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;  
}
.e-tanusitas{
  -webkit-mask: url(../image/ikonok/e-tanusitas.svg) no-repeat 25% 25%;
  background: #6BC2C2;
  -webkit-mask-size: 70%;
}
.kamarai-nevjegyzek{
  -webkit-mask: url(../image/ikonok/kamarai_nevjegyzek.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.kereses-hrsz{
  -webkit-mask: url(../image/ikonok/kereses_hrsz.svg) no-repeat 50% 50%;
  background: #6BC2C2; 
  -webkit-mask-size: 90%;   
}
.emo{
  -webkit-mask: url(../image/ikonok/emo.svg) no-repeat 50% 50%;
  -webkit-mask-size: 70%;
  background: #6BC2C2;  
}
.e-ter{
  -webkit-mask: url(../image/ikonok/e-ter.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%; 
}
.e-terv{
  -webkit-mask: url(../image/ikonok/t-palya.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.e-statisztika{
  -webkit-mask: url(../image/ikonok/e-statisztika.svg) no-repeat 50% 50%;

  background: #6BC2C2;
  -webkit-mask-size: 86%;
}
.szankcio{
  -webkit-mask: url(../image/ikonok/e-szankcio.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 60%;
}
.vedett-ingatlan{
  -webkit-mask: url(../image/ikonok/vedett-ingatlanok.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.nmtk{
  -webkit-mask: url(../image/ikonok/nmtk.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.jegyzokonyv{
  -webkit-mask: url(../image/ikonok/jegyzokonyv.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 60%;
}

.copernicus{
  -webkit-mask: url(../image/ikonok/copernicus.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.dokir{
  -webkit-mask: url(../image/ikonok/dokir.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.fototar{
  -webkit-mask: url(../image/ikonok/lechner-fototar.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%; 
}
.filmtar{
  -webkit-mask: url(../image/ikonok/filmtar.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%; 
}
.fentrol{
  -webkit-mask: url(../image/ikonok/fentrol.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.foldhivatal{
  -webkit-mask: url(../image/ikonok/foldhivatal.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.geoshop{
  -webkit-mask: url(../image/ikonok/geoshop.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.gnssnet{
  -webkit-mask: url(../image/ikonok/gnssnet.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.lechner-fototar{
  -webkit-mask: url(../image/ikonok/lechner-fototar.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.mepar{
  -webkit-mask: url(../image/ikonok/mepar.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 86%;
}
.nosztep{
  -webkit-mask: url(../image/ikonok/nosztep.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.prestat{
  -webkit-mask: url(../image/ikonok/prestat.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.tak{
  -webkit-mask: url(../image/ikonok/tak.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.takarnet{
  -webkit-mask: url(../image/ikonok/takarnet.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.teir{
  -webkit-mask: url(../image/ikonok/teir.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.wms{
  -webkit-mask: url(../image/ikonok/wms.svg) no-repeat 50% 50%;
  background: #6BC2C2;
  -webkit-mask-size: 90%;
}
.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;
}
.front-kiemelt a:hover .apps-icon,
.front-kiemelt a:hover .apps-icon-long {
  background: #ffffff;
}

.app-img{
  background: #0F4273;
  width: 100%;
  height: 100%;
}

.front-kiemelt a{
  text-align: center;
  margin-right: 48px;
}

.front-kiemelt a .app-name{
  color: #6BC2C2;
  text-decoration: none;
}
.front-kiemelt a:hover{
  text-decoration: none;
}
.front-kiemelt a:hover .app-name{
  color: #fff;
}

.kiemelt-more-link,
.front-kiemelt a.kiemelt-more-link:hover,
.front-kiemelt a.kiemelt-more-link:active{
  color: #6BC2C2;
}
.front-kiemelt a.kiemelt-more-link:hover{
  text-decoration: underline;
}

.kiemelt-more-link:after{
  width: 48px;
  height: 28px;
  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: #6BC2C2;
  position: absolute;
  top: 0;
}

.hide-box{
  display: none;
}

.show-link{
  color: #6BC2C2;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.show-link.up:after,
.show-link.down:after{
  width: 12px;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 6px);
  top: 40px;
}

.show-link.down:after{
  content: url('../image/arrow-down.svg');
}

.show-link.up:after{
  content: url('../image/arrow-up.svg');
}
.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{
  padding: 10px;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #0F4273;
}
.footer-list ul li a:hover{
  color: #0F4273 !important;
  text-decoration: none;
}

.button.button--ultimenu{
  display: 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;
}

.block-menu ul li span.sub-link:after{
  border: 8px solid transparent;
  border-top: 12px solid #0F4273;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  left: auto;
  right: -6px;
  top: 50%;
  width: 0;
  z-index: 2;
  transition: all .2s;
  transform: translate(-50%, -50%);
}
.block-menu ul li span.sub-link.active:after{
  border-bottom: 12px solid #0F4273;
  border-top: 0;
}
.page-view-hireink .views-field-field-felsokep{
  z-index: 12;
  position: relative;
}
.featured_news-bg{
  background: #0F4273;
  width: 90%;
  height: 100%;
  position: absolute; 
  left: -15px;
}

.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 h2{
  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%;}

/*#ultimenu-oriasmenu li.ultimenu__item.uitem .ultimenu__flyout{
  opacity: 0;
  transition: opacity 0.3s 0.8s;
}
#ultimenu-oriasmenu li.ultimenu__item.uitem:hover .ultimenu__flyout{
  opacity: 1;
  transition: opacity 0.3s;
}*/

/* 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 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;
  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);
  }
  .ultimenu__item.uitem.uitem--rólunk{
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.09) inset;
  }
  .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;
  }
  .block-ultimenu {
    position: fixed;
    z-index: 98;
    width: 100%;
    height: calc(100% - 54px);
    background: #0F4273;
  }
  .block-ultimenu > .content{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }
  #ultimenu-oriasmenu li{
    background: #0F4273;
  }
  #ultimenu-oriasmenu li a,
  #ultimenu-oriasmenu li .ultimenu__link,
  #ultimenu-oriasmenu li .sub-link{
    padding: 10px 15px;
    color: #ffffff;
    font-weight: 600;
    font-size: 19px;
    position: relative;
    cursor: pointer;
    width: 100%;
    display: block;
  }
  #ultimenu-oriasmenu li .block-menu ul li{
    background: #ffffff;

  }
  #ultimenu-oriasmenu li .block-menu ul li a,
  #ultimenu-oriasmenu li .block-menu ul li span{
    color: #0F4273;
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link .caret{
    background-color: transparent;
    cursor: pointer;
    display: block;
    height: 100%;
    min-height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;  
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link .caret::before{
    border: 8px solid transparent;
    border-top: 8px solid #ffffff;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    left: 95%;
    top: 50%;
    width: 0;
    z-index: 2;
    transition: all .2s;
    transform: translate(-50%, -50%); 
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link.is-ultimenu-active{
    border-bottom: 5px solid #6BC2C2;
    margin-left: 15px;
    padding-left: 0px;
    width: calc(100% - 16px);
    min-width: calc(100% - 15px);
    display: block;
    color: #6BC2C2;
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link.is-ultimenu-active .caret::before{
    border-bottom: 8px solid #6BC2C2;
    border-top: 0;
  }
  .block .ultimenu__flyout .ultimenu__region{
    padding: 0;
  }
  .ultimenu__flyout .block{
    padding: 0 15px;
    width: 100%;
    background: #E4EEFF;
  }

  .block-menu{
    background: #E4EEFF;
  }
  .block-menu ul{
    padding: 0;
    list-style-type: none;
  }
  .block-menu ul li a,
  .block-menu ul li span{
    display: block;
    width: 100%;
    font-size: 14px;
  }
  .block-menu ul li span.sub-link:after{
    border: 8px solid transparent;
    border-top: 8px solid #0F4273;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    left: auto;
    right: 6px;
    top: 50%;
    width: 0;
    z-index: 2;
    transition: all .2s;
    transform: translate(-50%, -50%);
  }
  .block-menu ul li span.sub-link.active{
    background: #6BC2C2;
    color: #ffffff !important;
  }
  .block-menu ul li ul.sub-menu.active li{
    background: #E4EEFF !important;
  }
  .block-menu ul li span.sub-link.active:after{
    border-bottom: 8px solid #ffffff;
    border-top: 0;
  }
  .card .card-header button{
    font-size: 14px;
    padding: 20px 40px 20px 20px;
  }
  .card .card-header button::after{
    right: 10px;
  }
  .sub-menu{
    display: none;
    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 h2{
    margin-top: 0;
  }
  .newsheader .colorbg h2: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;
  }
  #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{
    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;
  }
  #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);
    position: absolute;
    left: 0;
  }
  .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 h2 {
    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);
  }
  .block-ultimenu {
    position: fixed;
    z-index: 98;
    width: 100%;
    height: calc(100% - 54px);
    background: #0F4273;
  }
  .block-ultimenu > .content{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }
  .ultimenu__item.uitem.uitem--rólunk{
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.09) inset;
  }
  #ultimenu-oriasmenu li{
    background: #0F4273;
  }
  #ultimenu-oriasmenu li a,
  #ultimenu-oriasmenu li .ultimenu__link,
  #ultimenu-oriasmenu li .sub-link{
    padding: 10px 15px;
    color: #ffffff;
    font-weight: 600;
    font-size: 19px;
    position: relative;
    cursor: pointer;
  }
  #ultimenu-oriasmenu li .block-menu ul li{
    background: #ffffff;

  }
  #ultimenu-oriasmenu li .block-menu ul li a,
  #ultimenu-oriasmenu li .block-menu ul li span{
    color: #0F4273;
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link .caret{
    background-color: transparent;
    cursor: pointer;
    display: block;
    height: 100%;
    min-height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;  
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link .caret::before{
    border: 8px solid transparent;
    border-top: 8px solid #ffffff;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    left: 95%;
    top: 50%;
    width: 0;
    z-index: 2;
    transition: all .2s;
    transform: translate(-50%, -50%); 
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link.is-ultimenu-active{
    border-bottom: 5px solid #6BC2C2;
    margin-left: 15px;
    padding-left: 0px;
    width: calc(100% - 16px);
    min-width: calc(100% - 15px);
    display: block;
    color: #6BC2C2;
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link.is-ultimenu-active .caret::before{
    border-bottom: 8px solid #6BC2C2;
    border-top: 0;
  }
  .block .ultimenu__flyout .ultimenu__region{
    padding: 0;
  }
  .ultimenu__flyout .block{
    padding: 0 15px;
    width: 100%;
    background: #E4EEFF;
  }

  .block-menu{
    background: #E4EEFF;
  }
  .block-menu ul{
    padding: 0;
    list-style-type: none;
  }
  .block-menu ul li a,
  .block-menu ul li span{
    display: block;
    width: 100%;
    font-size: 14px;
  }
  .block-menu ul li span.sub-link:after{
    border: 8px solid transparent;
    border-top: 8px solid #0F4273;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    left: auto;
    right: 6px;
    top: 50%;
    width: 0;
    z-index: 2;
    transition: all .2s;
    transform: translate(-50%, -50%);
  }
  .block-menu ul li span.sub-link.active{
    background: #6BC2C2;
    color: #ffffff !important;
  }
  .block-menu ul li ul.sub-menu.active li{
    background: #E4EEFF !important;
  }
  .block-menu ul li span.sub-link.active:after{
    border-bottom: 8px solid #ffffff;
    border-top: 0;
  }
  .sub-menu{
    display: none;
    padding-left: 15px;
    background: #0F4273;
  }
  #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;
  }
  
  .newsheader .backlink a:hover{
    color: #ffffff;
    text-decoration: none;
  }
  .newsheader .backlink a:before{
    background: #ffffff;
  }
  .newsheader .colorbg h2 {
    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;
  }
  .ultimenu__item.uitem.uitem--rólunk{
    box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.09) inset;
  }
  .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);
  }
  .block-ultimenu {
    position: fixed;
    z-index: 98;
    width: 100%;
    height: calc(100% - 54px);
    background: #0F4273;
  }
  .block-ultimenu > .content{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }
  #ultimenu-oriasmenu li{
    background: #0F4273;
  }
  #ultimenu-oriasmenu li a,
  #ultimenu-oriasmenu li .ultimenu__link,
  #ultimenu-oriasmenu li .sub-link{
    padding: 10px 15px;
    color: #ffffff;
    font-weight: 600;
    font-size: 19px;
    position: relative;
    cursor: pointer;
  }
  #ultimenu-oriasmenu li .block-menu ul li{
    background: #ffffff;

  }
  #ultimenu-oriasmenu li .block-menu ul li a,
  #ultimenu-oriasmenu li .block-menu ul li span{
    color: #0F4273;
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link .caret{
    background-color: transparent;
    cursor: pointer;
    display: block;
    height: 100%;
    min-height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;  
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link .caret::before{
    border: 8px solid transparent;
    border-top: 8px solid #ffffff;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    left: 95%;
    top: 50%;
    width: 0;
    z-index: 2;
    transition: all .2s;
    transform: translate(-50%, -50%); 
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link.is-ultimenu-active{
    border-bottom: 5px solid #6BC2C2;
    margin-left: 15px;
    padding-left: 0px;
    width: calc(100% - 16px);
    min-width: calc(100% - 15px);
    display: block;
    color: #6BC2C2;
  }
  #ultimenu-oriasmenu li.has-ultimenu .ultimenu__link.is-ultimenu-active .caret::before{
    border-bottom: 8px solid #6BC2C2;
    border-top: 0;
  }
  .block .ultimenu__flyout .ultimenu__region{
    padding: 0;
  }
  .ultimenu__flyout .block{
    padding: 0 15px;
    width: 100%;
    background: #E4EEFF;
  }

  .block-menu{
    background: #E4EEFF;
  }
  .block-menu ul{
    padding: 0;
    list-style-type: none;
  }
  .block-menu ul li a,
  .block-menu ul li span{
    display: block;
    width: 100%;
    font-size: 14px;
  }
  .block-menu ul li span.sub-link:after{
    border: 8px solid transparent;
    border-top: 8px solid #0F4273;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    left: auto;
    right: 21px;
    top: 50%;
    width: 0;
    z-index: 2;
    transition: all .2s;
    transform: translate(-50%, -50%);
  }
  .block-menu ul li span.sub-link.active{
    background: #6BC2C2;
    color: #ffffff !important;
  }
  .block-menu ul li ul.sub-menu.active li{
    background: #E4EEFF !important;
  }
  .block-menu ul li span.sub-link.active:after{
    border-bottom: 8px solid #ffffff;
    border-top: 0;
  }
  .sub-menu{
    display: none;
    padding-left: 15px;
    background: #0F4273;
  }
  #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;
}

.block-ultimenu{
  width: 100%;
}
/**-----Menu-----**/
.ultimenu{
  min-height: auto;
}

.ultimenu > li{
  padding: 0 9px;
}

.ultimenu__flyout{
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.25);
  border-radius: 0;
}
.ultimenu__flyout .block{
  padding: 0;
  width: 100%;
}

.ultimenu__flyout ul{
  list-style-type: none;
  padding: 0;
}

.ultimenu__flyout ul > li > a{
  text-decoration: none;
  color: #0F4273;
  font-family: Changa;
  font-weight: 500;
  width: 100%;
  display: block;
  padding: 10px 15px;
  position: relative;
}
.ultimenu__flyout ul > li > a.sub-link:after,
.ultimenu__flyout ul > li > span.sub-link:after{
  content: "";
  position: absolute;
  top: 17px;
  right: 0;
  width: 1px;
  height: 1px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #0F4273;
  margin: 0 15px;}

.ultimenu__flyout ul > li > a:hover{
  background: #0F4273;
  color: #6BC2C2 !important;
}

.ultimenu__flyout ul > li > a:hover:after{
  border-left: 4px solid #6BC2C2;
}

.ultimenu--hover li:hover > .ultimenu__flyout, .ultimenu--hover li a:active + .ultimenu__flyout, .ultimenu--hover li a:focus + .ultimenu__flyout, .ultimenu--hover li .ultimenu__flyout:focus{
  padding: 0;
  top: auto !important;
}
/*.ultimenu--hover .ultimenu__flyout{
  display: block !important;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  top: 100%;
  transition: all .2s;
  visibility: hidden;
}
.ultimenu--hover li:hover > .ultimenu__flyout, .ultimenu--hover li a:active + .ultimenu__flyout, .ultimenu--hover li a:focus + .ultimenu__flyout, .ultimenu--hover li .ultimenu__flyout:focus{
  max-height: none;
  min-height: 64px;
  overflow: visible;
  opacity: 1;
  transition-delay: .1s;
  visibility: visible; 
}*/
.ultimenu--hover .ultimenu__link .caret {
  display: none;
}
.ultimenu .ultimenu__link{
  color: #E4EEFF;
  border-bottom: 4px solid transparent;
  padding: 0 !important;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 17px;
  letter-spacing: 0.01em;
}

.ultimenu .ultimenu__link.is-active{
  color: #6BC2C2;
  border-bottom-color: #6BC2C2;
}
.block .ultimenu__flyout .ultimenu__region{
  border-radius: 0;
}

.ultimenu .block-menu{
  border-right: 1px solid #0F4273;
  padding: 0;
}

.ultimenu img{
  max-width: 100%;
}

.ultimenu .flex{
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}

.ultimenu .sub-menu {
  position:absolute;
  top: 0;
  left: 100%;
  width: 100%;
  display: none;
  z-index: 500;
  height: 100%;
}

.ultimenu .block-menu ul li:hover ul,
.ultimenu .block-menu ul li ul:hover,
.ultimenu .block-menu ul li:hover .sub-block{
  display: block;
}

.ultimenu .block-menu ul li ul li{
  display: block;
}

.block .ultimenu__flyout .ultimenu__region .content,
.block .ultimenu__flyout .ultimenu__region .content .field__item{
  height: 100%;
}
.region-ultimenu-oriasmenu-rolunk{
  min-height:530px;
}

.ultimenu .block-menu .sub-block{
  display: none;
  background: #ffffff;
  width: 300%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  border-left: 1px solid #0F4273;
}
.ultimenu .block-menu .sub-block .item{
  padding: 8px;
  border-color: #E0E0E0 !important;
}
.ultimenu .block-menu .sub-block .item:hover{
  background: #E4EEFF;
}
.ultimenu .block-menu .sub-block .item a{
  color: #0F4273;
}
.ultimenu .block-menu .sub-block .item .apps-icon{
  background: #0F4273;
  width: 43px;
  height: 43px;
  margin: 0 auto;
}
.ultimenu .block-menu .sub-block .item .apps-icon-long{
  background: #0F4273;
  width: 86px;
  height: 43px;
  margin: 0 auto;
}

.ultimenu .block-menu .sub-block .item .app-name{
  text-align: center;
}
  

.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;
  }
  button.button.button--ultimenu{
    display: 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-8:hover .box-8-hover{
    opacity: 1;
    visibility: visible;
  }
  .box-8-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-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) {  
  .ultimenu--hover .ultimenu__flyout{
    top: auto !important;
  }
  .front-video{
    position: relative;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    max-height: 560px;
    overflow: hidden;
  }
  .first-block #lechnerVideo {
    position: relative;
    top: 0;
    right: 3%;
    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;
  }

  .block-ultimenu{
    width: 100%;
  }
  /**-----Menu-----**/
  .ultimenu{
    min-height: auto;
  }

  .ultimenu > li{
    padding: 0 9px !important;
  }

  .ultimenu__flyout{
    box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.25);
    border-radius: 0;
  }
  .ultimenu__flyout .block{
    padding: 0;
    width: 100%;
  }

  .ultimenu__flyout ul{
    list-style-type: none;
    padding: 0;
  }

  .ultimenu__flyout ul > li > a{
    text-decoration: none;
    color: #0F4273;
    font-family: Changa;
    font-weight: 500;
    width: 100%;
    display: block;
    padding: 10px 15px;
    position: relative;
  }
  a.sub-link:after{
    content: "";
    position: absolute;
    top: 17px;
    width: 1px;
    height: 1px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #0F4273;
    margin: 0px 7px;}

  .ultimenu__flyout ul > li > a:hover{
    background: #0F4273;
    color: #6BC2C2 !important;
  }

  .ultimenu__flyout ul > li > a:hover:after{
    border-left: 4px solid #6BC2C2;
  }

  .ultimenu--hover li:hover > .ultimenu__flyout, .ultimenu--hover li a:active + .ultimenu__flyout, .ultimenu--hover li a:focus + .ultimenu__flyout, .ultimenu--hover li .ultimenu__flyout:focus{
    padding: 0;
  }
  .ultimenu .ultimenu__link{
    color: #E4EEFF;
    border-bottom: 4px solid transparent;
    padding: 0 !important;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 17px;
    letter-spacing: 0.01em;
  }

  .ultimenu .ultimenu__link.is-active{
    color: #6BC2C2;
    border-bottom-color: #6BC2C2;
  }
  .block .ultimenu__flyout .ultimenu__region{
    border-radius: 0;
  }

  .ultimenu .block-menu{
    border-right: 1px solid #0F4273;
    padding: 0;
  }

  .ultimenu img{
    max-width: 100%;
  }

  .ultimenu .flex{
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  .ultimenu .sub-menu {
    position:absolute;
    top: 0;
    left: 100%;
    width: 100%;
    display: none;
    z-index: 500;
    height: 100%;
  }

  .ultimenu .block-menu ul li:hover ul,
  .ultimenu .block-menu ul li ul:hover,
  .ultimenu .block-menu ul li:hover .sub-block{
    display: block;
  }

  .ultimenu .block-menu ul li ul li{
    display: block;
  }

  .block .ultimenu__flyout .ultimenu__region .content,
  .block .ultimenu__flyout .ultimenu__region .content .field__item{
    height: 100%;
  }
  .region-ultimenu-oriasmenu-rolunk{
    min-height:520px;
  }
  .region-ultimenu-oriasmenu-teradatok{
    min-height: 560px;
  }
  .ultimenu .block-menu .sub-block{
    display: none;
    background: #ffffff;
    width: 300%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    border-left: 1px solid #0F4273;
  }
  .ultimenu .block-menu .sub-block .item{
    padding: 15px 0;
    border-color: #E0E0E0 !important;
  }
  .ultimenu .block-menu .sub-block .item:hover{
    background: #E4EEFF;
  }
  .ultimenu .block-menu .sub-block .item a{
    color: #0F4273;
  }
  .ultimenu .block-menu .sub-block .item .apps-icon{
    background: #0F4273;
    width: 43px;
    height: 43px;
    margin: 0 auto;
  }
  .ultimenu .block-menu .sub-block .item .apps-icon-long{
    background: #0F4273;
    width: 86px;
    height: 43px;
    margin: 0 auto;
  }

  .ultimenu .block-menu .sub-block .item .app-name{
    text-align: center;
  }
  
  .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;
  }
  .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: 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: 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-8:hover .box-8-hover{
    opacity: 1;
    visibility: visible;
  }
  .box-8-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-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;
  }
  .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;
  }
  .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{
    padding: 5px 8px;
    font-weight: normal;
  }
  .footer-list ul li a:hover{
    text-decoration: none;
  }
  button.button.button--ultimenu{
    display: 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);
  }
}