/*
.lightblue {
    background-color: rgb(200, 209, 214);
}

.lightgrey {
    background-color: rgb(219, 218, 214);
}

.mustardyellow {
    background-color: rgb(128, 131, 54);
}

.lightblue {
    background-color: rgb(79, 112, 127);
}

.darkblue2 {
    background-color: rgb(65, 91, 112);
}

.darkblue {
    background-color: rgb(32, 59, 77);
}

.orange {
    background-color: rgb(172, 115, 38);
}

.darkgrey {
    background-color: rgb(35, 37, 39);
}

.darkgrey2 {
    background-color: rgb(39, 41, 43);
}
*/
.card, .card-header:first-child {
    border-radius: 0;
}

.card.purple .card-header {
    background-color: rgb(77, 71, 100);
    color: white;
}

.container-wrapper {
    background: white;
}

.sidepadding {
    padding-left: 30px;
    padding-right: 30px;
}


.heading {
    background-color: #ffffff;
    padding-top: 0;
    padding-bottom: 30px;

}
.heading .logo-wrapper {
    display: block;
    position: absolute;
    left: 60px;
    top:20px;
    height: 100px;
    width: 70px;
    cursor: pointer;
}

.heading .left-corner-image {
    height: 100%;
    width: auto;
    background-position: left top;
    background-size: contain;
    background-repeat: no-repeat;
        position: relative;
}

.heading.yellow .heading-wrapper {
    background-image: url("../img/heading/background/uveg.jpg");
    background-repeat: no-repeat;
    background-position: 50% 60%;
    background-size: cover;
}

.heading.yellow .left-corner-image {
    background-image: url("../img/heading/yellow.png");
}

.heading .heading-wrapper {
    height: 100px;
    background-position: 50% 60%;
    background-size: cover;
}

.heading.orange .heading-wrapper {
    background-image: url("../img/heading/background/uveg.jpg");
}

.heading.orange .left-corner-image {
    background-image: url("../img/heading/orange.png");
}

.heading.purple .heading-wrapper {
    background-image: url("../img/heading/background/uveg.jpg");
}

.heading.purple .left-corner-image {
    background-image: url("../img/heading/purple.png");
}

.heading.blue .heading-wrapper {
    background-image: url("../img/heading/background/pavilon.jpg");
}

.heading.blue .left-corner-image {
    background-image: url("../img/heading/blue.png");
}

.heading.green .heading-wrapper {
    background-image: url("../img/heading/background/uveg.jpg");
}

.heading.green .left-corner-image {
    background-image: url("../img/heading/green.png");

}

.heading.blue .left-corner-image {
    background-image: url("../img/heading/blue.png");

}
.content {
    background-color: #f8f7f7;
    padding: 30px;
    margin-bottom: 30px;
}



.content p {

}

.content a {
    color: black;
}

.content a:hover {
    color: black;
}

.content img {
    margin-bottom: 15px;
}

.content.alt{
    background-color: #fff;
    padding: 0;
}

.content.alt p{
    margin: 0;
}


.content.alt article {
    position: relative;
    background-color: #f8f7f7;
    padding: 15px 15px 15px 30px;
    margin-bottom: 15px;
}
.content.alt article:first-child {
    margin-top: 30px;

}

.content.alt article:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 24px 0 0;
    border-color: #a6a2b1 transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    content: '';

}

.breadcrumb {
    background: #f2f2f0;
    padding: 0;
    margin: 0;
    font-size: .7rem;
    font-style: italic;
    border-radius: 0;
}

.breadcrumb .breadcrumb-item {
    padding: 0.25rem 0.01rem;
    color: #315f66;
    font-family: 'Signika', sans-serif;
}

.breadcrumb .breadcrumb-item a {
    color: #315f66;
    font-family: 'Signika', sans-serif;
    font-size: .7rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: .2rem;
    padding-left: .2rem;
}


.breadcrumb-item.active {
    font-weight: 700;
    color: #315f66;
    font-family: 'Signika', sans-serif;
    min-width: 80px;
}

.breadcrumb li:first-child {
    background-color: #315f66;
    color: white;
    padding: 0.25rem 0.75rem;
    margin-right: 2rem;
    position: relative;
    font-style: normal;
    width: 0;
}

.breadcrumb li.date {
    background-color: #315f66;
    color: white;
    padding: 0.3rem 0.75rem;
    margin-right: 1.5rem;
    position: relative;
    font-style: normal;
    width: 70px;
    font-size: .6rem;
}

.breadcrumb.yellow li:first-child {
    background-color: #80842b;
    color: white;
}

.breadcrumb.green li:first-child {
    background-color: #5a6b56;
    color: white;
}

.breadcrumb.orange li:first-child {
    background-color: #bf7417;
    color: white;
}

.breadcrumb.purple li:first-child {
    background-color: #4e4565;
    color: white;
}

.breadcrumb.blue li:first-child {
    background-color: #1c3c59;
    color: white;
}
.breadcrumb .date:after, .breadcrumb li:first-child:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 24px 0 0;
    border-color: #315f66 transparent transparent transparent;
    position: absolute;
    right: -24px;
    top: 0;
    content: '';
}

.breadcrumb.yellow .date:after, .breadcrumb.yellow li:first-child:after {
    border-color: #80842b transparent transparent transparent;
}

.breadcrumb.green .date:after, .breadcrumb.green li:first-child:after {
    border-color: #5a6b56 transparent transparent transparent;
}

.breadcrumb.orange .date:after, .breadcrumb.orange li:first-child:after {
    border-color: #bf7417 transparent transparent transparent;
}

.breadcrumb.purple .date:after, .breadcrumb.purple li:first-child:after {
    border-color: #4e4565 transparent transparent transparent;
}

.breadcrumb.blue .date:after, .breadcrumb.purple li:first-child:after {
    border-color: #1c3c59 transparent transparent transparent;
}

.news .lead {
    font-family: 'Signika', sans-serif;
    background-color: white;
}

 .news .news-item {
    background-color:#f6f6f6;
    border: none;
    border-radius: 0;
}

.news .news-item {
    margin-bottom: 30px;
}

.news .news-item h2 {
    font-family: 'Signika', sans-serif;
    font-weight: 600;
    font-size: 1rem;
}

.news .news-item h2 a:hover {
    text-decoration: none;
}

.news .news-item, .news .news-item p {
    font-size: .7rem;
    color: #666666;
    font-family: 'Signika', sans-serif;
}

.news .news-item.yellow h2 a {
    color: rgb(127, 130, 53) !important;
}

.news .news-item.purple h2 a {
    color: rgb(77, 70, 99) !important;
}

.news .news-item.orange h2 a {
    color: rgb(171, 115, 38) !important;
}

.news .news-item.green h2 a {
    color: #315f66 !important;
}

.news .news-teaser {
    font-style: normal;
     padding: 10px 15px;
     font-size: .7rem;
 }

.news .news-item .news-teaser:after {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 40px;
    font-style: normal;
    transform: rotate(45deg);
    position: absolute;
    bottom: 0;
    right: 30px;
    color: #5a6b56 !important;
}

.news .news-item.blue .news-teaser:after {
}

.news .news-item.green .news-teaser:after {
    color: #97afb2;
}

.news .news-item.purple .news-teaser:after {
    color: #a6a2b1;
}

.news .news-item.orange .news-teaser:after {
    color: #d5b992;
}

.news .news-item.yellow .news-teaser:after {
    color: #bfc09a;
}

.news .news-item .news-image {
    position: relative;
}

.news .news-item.green .news-date {
    background-color: #315f66;
}

.news.purple .news-date {
}

.news.orange .news-date {
}

.news .news-item .news-date {


    color: #ffffff;
    font-size: 12px;
    padding: 5px 10px;
   margin-bottom: 5px;
    font-weight: 400;
    font-family: 'Signika', sans-serif;
    min-width: 80px;
    font-style: normal;
}

.news .news-item.green .news-date {
    background-color: #5a6b56;
}







.news-item .news-image:before {
    width: 0;
    height: 0;


    opacity: 0.5;
    position: absolute;
    left: 0;
    content: '';
}

.news-item.yellow .news-image:before {
    border-color: transparent #7f8235 transparent transparent;
}

.news-item.orange .news-image:before {
    border-color: transparent #ab7326 transparent transparent;
}

.news-item.purple .news-image:before {
    border-color: transparent #4d4663 transparent transparent;
}

.news-item.green .news-image:before {
    border-color: transparent #315f66 transparent transparent;
}

/* PROJEKTEK */
.project, .news {

    padding-bottom: 30px;
    font-family: 'Signika', sans-serif;
}



.project h1, .news h1, .about h1, .procurement h1 {
     font-family: 'Signika', sans-serif;
     color: #315f66;
     font-size: 24px;
    margin-top:30px;
     margin-bottom: 20px;

 }

.project .lead, .news .lead, .procurement .lead {
    font-family: 'Signika', sans-serif;
    font-size: 1rem;
    font-style: italic;
    font-weight: 400;

}

.project h3 {
    font-family: 'Signika', sans-serif;
    color: #315f66;
    font-style: italic;
    margin-bottom: 20px;
    font-size: 1.3rem;

}

.project .gallery-intro, .news .gallery-intro {
    border: none;
    padding: 30px;
}

.project .gallery-intro .image .search:before, .news .gallery-intro .image .search:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 88px 88px 0 0;
    border-color: #315f66 transparent transparent transparent;
    position: absolute;
    opacity: .8;
    top: 0;
    z-index: 1;
    content: '';
}

.project .gallery-intro .image .search a, .news .gallery-intro .image .search a {
    position: absolute;
    color: white;
    font-size: 1.4rem;
    opacity: 1;
    z-index: 2;
    padding: 10px 15px;
}

.project .gallery-intro, .news .gallery-intro {
    font-family: 'Signika', sans-serif;
}

.project .gallery-intro h3, .news .gallery-intro h3  {
    font-family: 'Signika', sans-serif;
}

.project-category {
     margin-top: 30px;
     margin-bottom: 15px;
     position: relative;
 }

.project-category:first-child {
    margin-top: 0;

}

.project-category .stripebg {
    padding: 1rem 1rem 1rem;
}

.project-category.green .background {
    background-color: black;
}

.project-category.green .stripebg {
    background: url("../img/project-category/green.png") no-repeat left top;
    background-size: cover;
}

.project-category.yellow .stripebg {
    background: url("../img/project-category/yellow.png") no-repeat left top;
    background-size: cover;
}

.project-category.purple .background {
}

.project-category.purple .stripebg {
    background: url("../img/project-category/purple.png") no-repeat left top;
    background-size: cover;
}

.project-category.orange .stripebg {
    background: url("../img/project-category/orange.png") no-repeat left top;
    background-size: cover;
}

.project-category.blue .stripebg {
    background: url("../img/project-category/blue.png") no-repeat left top;
    background-size: cover;
}

.project-category .project-list {
    color: white;

}

.project-category .project-list .title {
    font-family: 'Signika', sans-serif;
    font-size: 1.3rem;
    max-width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.project-category .project-list .title span{
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 2px;
    background-color: #fff;
    width: 50%;
    transition: width .25s;
    z-index: 1;
}


.project-category:after {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 30px;
    font-style: normal;
    transform: rotate(45deg);
    position: absolute;
    bottom: 0px;
    right: 10px;
    color: white;
}

.project-category.green .background {
    background: url("../img/project-category/background/category-bg.jpg");
    background-size: cover;
    background-position: center center;
}

.project-category.yellow .background {
    background: url("../img/project-category/background/bankpalota.jpg");
    background-size: cover;
    background-position: center center;
}

.project-category.orange .background {
    background: url("../img/project-category/background/nemzetkozi.jpg");
    background-size: cover;
    background-position: center center;
}

.project-category.purple .background {
    background: url("../img/project-category/background/szobor.jpg");
    background-size: cover;
    background-position: center right;
}

.project-category.purple .background-1 {
    background: url("../img/project-category/background2/utfelujitas.jpg") no-repeat;
    background-size: cover;
    background-position: left top;
}

.project-category.purple .background-2 {
    background: url("../img/project-category/background2/szobor.jpg") no-repeat;
    background-size: cover;
    background-position: right top;
}

.project-category.purple .background-3 {
    background: url("../img/project-category/background2/jatszoter.jpg");
    background-size: cover;
    background-position: center center;
}

.project-category.purple .background-4 {
    background: url("../img/project-category/background2/mufuves.jpg");
    background-size: cover;
    background-position: center center;
}

.project-category.purple .background-5 {
    background: url("../img/project-category/background2/kerekparos.jpg");
    background-size: cover;
    background-position: center center;
}

.project-category.purple .background-6 {
    background: url("../img/project-category/background2/kozmu.jpg");
    background-size: cover;
    background-position: center center;
}
.project-category.purple .background-7 {
    background: url("../img/project-category/background2/epuletfelujitas.jpg");
    background-size: cover;
    background-position: center center;
}

.project-category.blue .background {
    background: url("../img/project-category/background/nk_kepek_1.jpg");
    background-size: cover;
    background-position: center center;
}


.project-list-alt {

}
.project-list-alt-item {

}

.project-list-alt-item .title {
    font-family: 'Signika', sans-serif;
    font-size: 1.5rem;
    max-width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.project-list-alt-item .description {
    font-size: 1rem;
    color: #666666;
    font-family: 'Signika', sans-serif;
}

.project-list-alt-item .price {
    font-size: 1rem;
    color: #666666;
    font-family: 'Signika', sans-serif;
    text-align: right;
}

.widgets {
    background-color: #f8f7f7;
}

.widgets .widget {
    /*padding-top: 30px;
    padding-left:30px;
    padding-right:30px;*/
}
.widget > .widget-body {
    padding-left:15px;
    padding-right:15px;
    margin-bottom: 30px;
}

.widgets .widget ul {
    list-style: none;
    padding-left: 5px;
}

.widgets .widget ul li {
    font-size: 14px;
    padding-bottom: 10px;
}

.widget.projects .title, .widget.news .title {
    margin-bottom: 5px;
}

.widget.projects .title a {
    font-size: .9rem;
    font-family: 'Signika', sans-serif;
    color: black;
}
.widget.news:before {
    display: none;
}

.widget.news .title {
    font-size: .8rem;
    font-family: 'Signika', sans-serif;
    line-height: .9rem;
    color: black;
}

.widget.news .media {
    margin-top: 10px;
    margin-bottom: 10px;
}

.widget.projects .lead {
    font-size: 11px;
    margin-bottom: 6px;
    color: black;
    line-height: .8rem;
    background-color: transparent;
    font-family: 'Signika', sans-serif;
    margin-left: 0;
    margin-right: 0;
}

.widget a:hover {
    text-decoration: none;
}

.widget .media-body {
    font-size: .8rem;
    line-height: .9rem;

}
.widget > .widget-header {

    background-color:#5a6b56;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}

.widget > .widget-header > .widget-title {
    font-family: 'Signika', sans-serif;
    font-size: 1.4rem;
    color: white;
    padding: 15px;
}
.widget.map .widget-description {
    background-color: #f8f7f7;
    font-size: .7rem;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    color:#212529;
}

.widget.map  .widget-mapcontent {
    width: 100%;
    height: 400px;
}

.regular-content p {
    margin-bottom: 1.6rem;
}

.regular-content h1 {
    font-family: 'Signika', sans-serif;
    margin-bottom: 2rem;
}

.regular-content h2 {
    font-family: 'Signika', sans-serif;
    margin-bottom: 2rem;
}

.regular-content h3 {
    margin-bottom: 2rem;
}

.staff {

}

.staff .infocard {
    background: url('../img/id_edge.png') no-repeat;
    background-color:  #fff !important;
    background-size: 15%;
    margin-bottom: 30px;
    padding-left: 50px !important;
}

.staff address {
    font-size: .7rem;
    margin-top: 20px;
    line-height: 1.3rem;
}

.staff .description {
    font-size: .6rem;
    margin-top: 20px;

}

.staff .description p {
    font-size: .7rem;
    font-family: 'Signika', sans-serif;
    margin-bottom: .1rem;
}

.staff h5 {
    font-size: 1.1rem;
    line-height: .9rem;
}

.staff h6 {
    font-size: 70%;
    line-height: .9rem;
}

.staff .name {
    font-family: 'Signika', sans-serif;
    color: #315f66;
    font-size: 1.1rem;
    line-height: .9rem;
    margin-bottom: .3rem;
    cursor: pointer;
}

.staff .post {
    font-size: .8rem;
    line-height: .9rem;
     font-family: 'Signika', sans-serif;
     margin-bottom: .2rem;
}
.staff .list-group {
    margin-top: 20px;
    margin-bottom: 20px;
}
.staff .list-group-item {
    border: none;
    background-color: transparent;
    padding: 0;
}
.staff .card:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width:  0 0 29px 29px;
    border-color: transparent transparent #315f66 transparent;
    position: absolute;
    right: -1px;
    bottom: -1px;
    content: '';
}
.pagination {
    justify-content: center;
}

.page-link {
    color: #315f66;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #315f66;
    border-color: #315f66;
}

.page-link:hover {
    color: #315f66;

}

.contact {
    padding-bottom: 1rem;
}
.contact .contact-info {

    margin-bottom: 2rem;
    text-align: center;
}

.contact .contact-info i {
    font-size: 40px;
    display: inline-block;
    margin-bottom: 20px;
    color: #315f66;
}

.contact .contact-info address, .contact .contact-info p {
    margin-bottom: 0;
    color: #000;
}

.contact .contact-info h3 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #999;
}

.contact .contact-info a {
    color: #000;
}

.contact .contact-info a:hover {
    color: #315f66;
}

.contact .contact-address, .contact .contact-phone, .contact .contact-email {
    margin-top: 3rem;
}

.about, .contact {
    margin-top: 30px;
}


.about i {
    color: rgb(32, 59, 77);

}

.mission {
    position: relative;
    padding-right:0;
}
.mission:after {
    position: absolute;
    content: '';
    width:25px;
    height: 50px;
    background: url('../img/blue_edge.png') no-repeat;
    bottom: 0;
    right:0;

}

.mission h2 {
    margin-left:80px;
    margin-bottom: 30px;
}
.bluestripe2 {
    padding-top: 15px;
    padding-left: 0;
    background: url('../img/id_edge.png') no-repeat;
    background-size: 20%;

}

.blueedge {

}

#map {
    height: 600px;
    width: 100%;
    margin-bottom: 30px;
}

.procurement-list {
margin-bottom: 30px;
}

.procurement-list .item {
    padding-top: 50px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    background-color: #f2f2f0;
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
}

.procurement-list .item:after {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 40px;
    font-style: normal;
    transform: rotate(45deg);
    position: absolute;
    bottom: 0;
    right: 15px;
    color: #97afb2;
}

.procurement-list .item h2 {
    font-family: 'Signika', sans-serif;
    font-weight: 600;
    font-size: 1rem;

}

.procurement-list .item h2 a {
    color: #315f66 !important;
}

.procurement-list .item p {
    font-size: .7rem;
    color: #666666;
    font-family: 'Signika', sans-serif;
}

.procurement-list .item p {
    font-size: .7rem;
    color: #666666;
    font-family: 'Signika', sans-serif;
}


.procurement-list .item .date {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 10px;
    height: 30px;
    font-weight: 400;
    font-family: 'Signika', sans-serif;
    min-width: 80px;
    font-style: normal;
    background-color: #315f66;
}

.procurement-list .item .date:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-color: #315f66 transparent transparent transparent;
    position: absolute;
    right: -30px;
    top: 0;
    content: '';
}
.procurement {
    margin-bottom:30px;
}
.procurement table tr td {
    position: relative;

}

.procurement table tr td:first-child {
    padding-left: 30px;
}

.procurement table tr td:first-child:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 24px 0 0;
    border-color: #315f66 transparent  transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
}


.procurement td .title {
    font-weight: bold;
}

.procurement .files p {
        margin-bottom: 5px;
}

.procurement .btn-download {
    background-color:  #315f66;
    color: white;
    text-align: right;
}