/* custom css */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,400;1,500;1,600;1,700&display=swap');

body {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    color: #000;
}

body p {
    color: #000;
    font-family: 'Raleway', sans-serif;
    text-align: justify;
}
.btn:focus, .btn.focus {
    box-shadow: none !important;
    background: none !important;
}
div.vor_navbar {
    display: flex;
    justify-content: space-between;
    background: #eef3f6;
    padding: 0;
}
.homesite {
    color: #333;
    font-weight: 500;
}
#mainNav2, #mainNav2.is-fixed {
    background: #333;
    border-bottom: 0;
    width: 100%;
    z-index: 9999;
}

#mainNav2 .navbar-brand {
    font-family: 'Raleway', sans-serif !important;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    padding: 8px;
}

#mainNav2 .navbar-toggler,
.navbar-light .navbar-toggler,
#mainNav2 .navbar-nav .nav-item .nav-link {
    font-family: 'Raleway', sans-serif !important;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 500;
}
    #mainNav2 .nav-link:hover, #mainNav2 .navbar-brand:hover {
        color: #ffffff !important;
        background: #707070;
        border-radius: 2px;
    }

#mainNav2 .navbar-nav .nav-item .nav-link
#mainNav2 .navbar-toggler {
    color: #fff;
}
.navbar {
    padding: 0;
}
.navbar-light .navbar-toggler {
    border-color: #fff;
}
.btn-help {
    font-family: 'Raleway', sans-serif !important;
    border: 1px solid #333333;
    font-weight: bold;
    font-size: 10px !important;
    letter-spacing: 0;
}
.btn-help:hover {
    background: #333333;
    color: #fff;
    border-color: #037bc8;
}
div.post-preview.inline-preview h1.lead {
    font-weight: 600;
    font-size: 16px;
    padding: 7px 0 0 0;
}
/*
div.post-preview.inline-preview h1.lead:hover {
    color: #fff !important;
}
*/
section.taxonomy.taxonomy-category {
    min-height: 50vh;
    margin-bottom: 20px;
}

.specialhr {
    width: 120px;
    height: 2px;
    background: #faba00;
    margin: 1.5em auto;
}

/*.specialhr2 {
    width: 80px;
    height: .088em;
    background: #faba00;
    margin: 1.25em auto;
}*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
}

h2 {
    display: block;
    width: 100%;
    font-size: 1.8em;
    font-weight: 700;
    margin-top: 1.5em;
    margin-bottom: 10px;
}
h2.informations {
    font-size: 1.2em;
    margin-top: 0;
    margin-top: 0px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0 4px;
}
.abss {
    float: right;
}
h3 {
    font-size: 2.4em;
    color: #034f84;
}
h3 img {
    max-width: 100%;
}
h5 {
    color: #3f5efb;
    font-weight: 600;
}
div.post-preview {

}
div.jumbotron {
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 0;
    display: flex;
    align-items: center;
    background-color: #eef3f6;
    margin-bottom: 20px;
    border-radius: 0;
}
div.jumbo-info {
    background: rgb(51 51 51 / 33%);
    padding: 2em 1.5em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: flex-start;
    border-radius: 15px;
}
div.jumbo-info h1{
    color: #fff;
}
    div.jumbo-info h1:after {
        background: none repeat scroll 0 0 #fff;
        bottom: -20px;
        content: "";
        display: block;
        height: 3px;
        position: relative;
        width: 8rem;
    }
p.jumbo-lead {
    color: #fff;
    padding: 1.7em 0 0 0;
    font-size: 1rem;

}
div.jumbotron.jumbotron-fluid > .container {
    background: rgba(61, 57, 53, .8);
    padding: 2.5em 2em;
    /*position: relative;*/
    box-shadow: 0 1px 4px rgb(0 0 0 / 70%);
    top: 15px;
}
    div.jumbotron.jumbotron-fluid > .container h1 {
      font-size: 2.77em;
    }
    div.jumbotron.jumbotron-fluid > .container h1,
    div.jumbotron.jumbotron-fluid > .container h3,
    div.jumbotron.jumbotron-fluid > .container h4 {
        color: #fff;
        text-align: center;
    }

div.jumbotron.jumbotron-fluid > .container h3 {
    font-size: 1.33em;
}

/*div.interaction {
    padding: 2em 0;
}*/
/*tabs - rename them*/
ul.nav.nav-pills {
    /*display: flex;
    align-items: center;*/
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding-bottom: 2em;
}
#indsoftTabs .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #0d559524;
    border-radius: 0;
    color: #525252;
}
#indsoftTabs .nav-item {
    transition: all .5s;
}
#indsoftTabs .nav-item:hover {
    background-color: #0d559524;
    border-radius: 0;
    color: #525252;
}

a.nav-link {
    color: #525252;
    font-weight: 600;
    font-size: 1em;
}

a.nav-link .fa {
    display: block;
    font-size: 40px;
}

.tabicon {
    margin: 0 10px 0 0;
    height: 0px;
}

.tabicon.text-primary {
    color: #3f5efb !important;
}

.tabicon2 {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}

.university {
    padding: 10px 0 0 13px;
}

.tabicon:hover {
    box-shadow: 0;
}
/* cards */
a.cardlink {
    text-decoration: none;
    overflow: hidden;
}

.card {
    min-height: 245px;
    padding-top: 5px;
    margin-bottom: 1rem;
    color: #000;
    box-shadow: 0 1px 9px rgb(222 222 222 / 90%);
    transition: all .4s;
}

.card.blog-card {
    min-height: 50px;

}
.cardicon {
    transition: all .4s;
}

div.card:hover {
    cursor: pointer;
    /*box-shadow: none !important;
    color: #3f5efb;*/
}

    div.card:hover .cardicon {
        color: #b2ccfc;
    }

.card .card-body .row div {
    margin: 0 auto 10px;
}

.card-title {
    padding: 0 10px;
    color: #000;
}

.card-text {
    padding: 5px 10px;
}

.cardicon-container {
    color: #000 !important
}

.contact-row {
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
    padding: 1.5em;
    font-size: 15px;
    background: #fff;
}

hr {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
.external-link-img {
    max-width: 20px;
}
.list-group-item {
    background-color: transparent;
}
h1.lead.postlist {
    margin-top: 15px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    color: #000;
}
h1.lead.postlist:hover {
    border: 1px solid #3067c77a;
}
.post-preview > a {
    text-decoration: none;
    color: #fff !important;
}

    .post-preview > a:hover {
        text-decoration: none;
        color: #001a9c !important;
    }

div.card .cardicon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    font-size: 45px;
    text-align: center;
    border-radius: 100px;
    padding-top: 28px;
    background: #3067c7;
    color: #fff;
}

.card > a {
    text-decoration: none;
}

.categorii__proiecte, .project-steps {
    padding: 1em 0;
}
/*three special cards*/
.after-loop {
    margin: 0 auto;
}

    .after-loop a.after-loop-item {
        color: #fff;
        position: relative;
        padding-top: 1.5rem;
        padding-bottom: .5rem;
        text-decoration: none;
    }

        .after-loop a.after-loop-item .card-body p {
            color: rgba(255,255,255,0.7);
            font-weight: 600;
        }

        .after-loop a.after-loop-item .card-body i {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 4rem;
            left: 1rem;
            color: rgba(255,255,255,0.15);
            transition: 0.15s all ease;
        }

.card-templates {
    background-color: #2092ed;
}

.card-snippets {
    background-color: #ffc107;
}

.card-guides {
    background-color: #28a745;
}
/*links*/
.tsnode {
    background: #eee url('https://extranet.brasovcity.ro/images/blue-arrow-right-large.png') 95% center no-repeat;
    color: #444;
    display: block;
    line-height: 19px;
    margin: 10px 0;
    padding: 15px 6% 15px 20px;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: auto;
}

.tsnode:hover {
    background: #0067b8 url('https://extranet.brasovcity.ro/images/white-arrow-right-large.png') 98% center no-repeat;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

section#informations ul {
    list-style: none;
    padding: 10px;
}

section#informations ul li {
    margin-bottom: 15px;
    padding-left: 10px;
    background: transparent url('https://extranet.brasovcity.ro/images/list-item-arrow.png') 0 5px no-repeat;
}
.category-button .post-preview > a {
    text-decoration: none;
    color: #000 !important;
}
.category-button {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    border-radius: 0;
    background: transparent;
    color: #000;
    text-align: left;
    padding-left: 30px;
    border: none;
}

.category-button:hover,
.category-button:focus {
    background-color: transparent!important;
    border: none;
    color: #000!important;
}

.downicon {
    position: absolute;
    top: 1.75em;
    right: 2em;
}

.card-align-middle {
    text-align: center;
    margin-top: 1em;
}

.badge-secondary {
    background-color: transparent;
    color: #000;
    float: right;
    margin-top: -9px;
}

.badge-green {
    background-color: #00b91c;
}
/*bugetare participativa*/
/*counter*/
.counter {
    background: #0067b8;
    margin-top: 8vh;
}
/*end counter*/
/* categories container */
.card-shadow {
    box-shadow: 0 1px 1px rgba(0,0,0,0.16), 0 1px 1px rgba(0,0,0,0.23);
    transition: all .2s;
}

.card-shadow:hover {
    box-shadow: 0 !important;
}

a.col-md-4 {
    text-decoration: none;
    color: #000;
}

h5.yellow {
    color: #fab702;
}

img.cat-yellow {
    border-left: 8px solid #fab702;
}

div.cat-yellow-icon {
    width: 50px;
    height: 50px;
    background: #fab702;
    position: absolute;
    top: 5px;
    right: 15px;
}

h5.blue {
    color: #3067c7
}

img.blue {
    border-left: 8px solid #3067c7;
}

div.blue {
    background: #3067c7;
}

h5.green {
    color: #00e952
}

img.green {
    border-left: 8px solid #00e952;
}

div.green {
    background: #00e952;
}

img.lila {
    border-left: 8px solid #b700ff;
}

h5.lila {
    color: #b700ff;
}

div.lila {
    background: #b700ff;
}

img.yellow {
    border-left: 8px solid #ff9900;
}

h5.yellow {
    color: #ff9900;
}

div.yellow {
    background: #ff9900;
}

/* end categories container */
/* project steps container  */
/* img.project-steps-img {
  display: block;
  width: 100%;
  min-height: 100%;
} */
div.stepper-img {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* end project steps container  */
/*form project container*/
div.form-project {
    background-color: #0067b8;
}

.form-row {
    background-color: #fff;
    border-left: 5px solid #00e952;
}
/*end form project container*/
/* faq container */
.card_title_abs {
    position: absolute;
    top: 7.5em;
    left: 2em;
    color: #fff;
}

.btn-faq {
    border-radius: 0;
}

.btn-faq:hover {
    color: #0067b8;
    /*border-bottom: 1px solid #0067b8;*/
    padding-bottom: 1em;
}

/* end faq container */
footer {
    background-color: #084B8A;
    padding: 20px;
    border-top: 1px solid #cbdfe8;
    text-align: center !important
}
/* SOCIALS */
.socials {
    height: 30px;
    width: 200px;
    display: block;
    margin: 0 auto;
}

    .socials a {
        display: block;
        float: left;
        position: relative;
        overflow: hidden;
        height: 34px;
        width: 34px;
        padding: 4px;
        margin-right: 5px;
        border-radius: 50px;
    }

    .socials img {
        position: relative;
        width: 26px;
        height: 26px;
        z-index: 99;
    }

    /* The animated square */
    .socials .socials-hover {
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        left: 50%;
        top: 50%;
        border-radius: 50px;
        -webkit-transition: .25s ease-out all;
        transition: .25s ease-out all;
    }

.socialicons:hover .socials-hover {
    width: 30px;
    height: 30px;
    top: 2px;
    left: 2px;
}

p.copyright {
    color: #fff !important;
}

footer a {
    color: #fff;
}

    footer a:hover {
        color: #fff;
    }

div.footer-top {
    background-color: #29333d;
    padding: 40px 20px;
}
.item-info:first-child  {
    border-right: 1px solid #14191e;
    -webkit-box-shadow: 1px 0 0 0 #3f4851;
    -moz-box-shadow: 1px 0 0 0 #3f4851;
    box-shadow: 1px 0 0 0 #3f4851;

    text-align: center;
}
.content-info {
    padding-top: 25px;
}
.list-info {
    margin-top: 20px;
}
.content-info .list-info li {
    list-style: none;
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}
.content-info .list-info li span a {
    color: #fff;
}
.content-info .list-info li .key {
    color: #faba00;
    padding: 0 5px;
}
.data_curenta {
    color: #fff!important;
}
.list_social {
    display: flex;
    justify-content: center;
}
.content-info .list_social li {
    list-style: none;
    margin-right: 20px;
}
    .content-info .list_social li a {
        color: #fff;
    }
.content-info .list_social li a:hover {
    color: #faba00;
}

.social-icons li {
    display: inline-block;
    margin: -1px 1px 5px 0;
    padding: 0;
    border-radius: 100%;
    overflow: visible;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.social-icons li a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #FFF;
    border-radius: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #333;
    text-decoration: none;
}

.social-icons li a:hover {
    background-color: #779cd5;
    color: #fff;
}

.list.list-icons {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

.list-icons i {
    color: #638ecf;
}
/* faq */
div.accordion {
    border: none;
}

div.accordion > div.card {
    background: #fff;
    border: 0;
}

div.accordion > div.card .card-header {
    background-color: #fff;
    border-bottom: 1px solid rgba(160, 160, 160, 0.125);
    padding: 0;
}

div.accordion > div.card .card-header button.accordion-button {
    font-size: 1.4rem;
    text-decoration: none;
    color: #007bff;
    text-align: left;
}

div.accordion > div.card .card-header button.accordion-button.collapsed {
    color: #545454;
}

div.accordion > div.card .card-header button.accordion-button:hover {
    color: #007bff;
}

div.collapse.show {
    border-bottom: 1px solid rgba(160, 160, 160, 0.125)
}

.search-form {
    padding: 1em 0;
}

.search-results {
    padding: 20px 0;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #adb5bd;
    box-shadow: 0 0 0 0.01rem rgba(244, 98, 58, 0.01);
}

.btn-search-form {
    background-color: #034f84;
    border-color: #034f84;
    color: #fff;

}

.btn-search-form:hover {
    background-color: #003254;
    border-color: #003254;
    color: #faba00;
  }
/*collapsable fields*/
.panel-heading {
    padding: 0;
    border: 0;
}

.panel-title > a, .panel-title > a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

.panel-heading a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f077";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 700;
    float: right;
    transition: all 0.5s;
    color: #3067c7;
}
.faq2-title {
    margin-bottom: 0;
}
.faq2-title a {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
}

    .faq2-title a:hover, .faq2-title a:focus {
        color: #3067c7;
        text-transform: none;
        letter-spacing: 0;
        font-weight: 600;
    }

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.faq2-body {
    padding: 0 15px 10px;
}
.panel-default {
  border-bottom: 1px solid #ddd;
}
.panel-group-faq2 {
    border: 1px solid #ddd;
    border-radius: 5px;
}
/*add project css*/
.add__project {
    border-radius: 0 !important;
    background: #0067b8;
    border-color: #0067b8;
    margin-right: 10px;
}

.add__project:hover {
    background: #001c31 !important;
    border-color: #001c31 !important;
}

.logo_n img {
    display: block;
    /*max-width: 85px;*/
    margin: 0 auto;
}

section.taxonomy .list-group, .list-group-landing-page {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch
}

.bv_card {
    width: 31.5%;
    height: 250px;
    background: #fbfbfbb3;
    margin-bottom: .5em;
    border-radius: 5px;
    border-top: 3px solid #545454;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-radius: 8px;
    border-right: 1px solid #ECECEC;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 4%);
}
.bv_card:nth-child(even) {
    border-top: 3px solid #88b812;
}
.bv_card h1.lead i {
    background: #545454;
    display: block;
    margin: 10px auto 25px;
    width: 110px;
    height: 110px;
    text-align: center;
    font-size: 35px;
    padding: 35px 0 25px;
    border-radius: 100%;
    color: #fff;
}
.bv_card:nth-child(even) h1.lead i {
    background: #88b812;
}
.bv_card h1.lead span {
    display: block;
    text-align: center;
}
.bv_card button {
    padding: 0;
    height: 100%;
}
/*rezervari page*/
a.rezervari-button {
    font-family: 'Raleway', sans-serif !important;
    display: block;
    font-weight: 700;
    font-size: 15px;
    width: 100%;
    border-radius: 0;
    background: transparent;
    color: #000;
    text-align: left;
    background-color: #faba00;
    padding: 15px 30px;
    border: 1px solid transparent;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
    text-decoration: none;
    margin-bottom: 0;
    text-transform: uppercase;
}

a.rezervari-button:hover {
    color: #fff;
    background-color: #034f84;
}
/*end rezervari page*/
@media (max-width: 1000px) {
    div.jumbo-info h1 {
        font-size: 2rem;
    }
}
    @media (max-width: 575.98px) {

        #mainNav2 .navbar-brand {
            margin-left: 0;
        }

        div.card {
            min-width: 100%;
        }

        .cardicon-container {
            border: none;
            padding: 1rem 0 0;
            border-radius: 0;
            text-align: center;
            max-width: 100%;
            height: auto;
            margin: 0 auto;
        }

        .tabicon {
            display: none;
        }

        div.vor_navbar {
            padding: 5px;
        }

        .btn-help {
            font-weight: bold;
            font-size: 10px !important;
        }

        div.jumbotron.jumbotron-fluid {
            display: none;
        }

        div.interaction {
            display: none;
        }

        div.footer-top {
            padding: 20px;
        }

        .list-info {
            margin: 0;
            padding: 0;
        }

        .content-info .list-info li {
            margin-bottom: 10px;
        }

        p a {
            font-size: 12px;
            line-height: 1;
            margin: 0 !important;
        }

        .flow p {
            margin-bottom: 0;
        }

        a.nav-link {
            font-weight: 400;
            font-size: 1em;
        }

        div.jumbo-info h1 {
            font-size: 2rem;
        }
        a.nav-link {
          font-size: 14px;
        }
        section.taxonomy .list-group {
            display: flex;
            flex-direction: column;
        }

        .bv_card {
            width: 80%;
            height: 170px;
        }
            .bv_card h1.lead i {
                background: #318fef;
                display: block;
                margin: 0 auto 20px;
                width: 80px;
                height: 80px;
                text-align: center;
                font-size: 20px;
                padding: 30px 0 25px;
                border-radius: 100%;
                color: #fff;
            }
    }