@font-face {
    font-family: WorkSans;
    src: url(../assets/fonts/work-sans/WorkSans-Regular.ttf)
}
@font-face {
    font-family: WorkSans-Medium;
    src: url(../assets/fonts/work-sans/WorkSans-Medium.ttf)
}
@font-face {
    font-family: WorkSans-Bold;
    src: url(../assets/fonts/work-sans/WorkSans-Bold.ttf)
}
@font-face {
    font-family: WorkSans-Thin;
    src: url(../assets/fonts/work-sans/WorkSans-Thin.ttf)
}

body {
    height: 100%;
    width: 100%;
    margin: 0;
    position: relative;
}

#map {
    position: relative;
    overflow: hidden;
    min-height: calc(100vh - 95px);
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.divider {
    border-right: 1px solid #ddd;
    height: 45px;
}

#navbar-menu {
    background-image:url(../images/header.svg?998f56dc555e66705838ef2e23ca8e17);
    background-size: cover;
    min-height: 70px;
}

.navbar-brand {
    width: 199px;
    height: 49px;
}

#nav-link {
    color: #ffffff;
    font-family: WorkSans, serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0 0 0;
}

#nav-link:hover {
    color: #9bca21;
}

.black-line {
    width: 100%;
    height: 5px;
    background-color: black;
}

.z-1000 {
    z-index: 1000 !important;
}

p {
    color: #ffffff;
    font-family: WorkSans, serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 22px;
    text-align: left;
}

.cursor-pointer {
    cursor: pointer;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

i, span {
    display: inline-block;
}

/* Home site */
#navbar_Home{
    margin-bottom: 0 !important;
    height: 70px;
    background: black;
}

.overlay{
    background-image: url(../assets/leefandlazar.png?e36d89495a3c34c995dcac35e0200a51);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: calc(100vh - 120px);
    width: 100%;
}
.background{
    padding-top: 80px;
}
.background a{
    text-decoration: none;
}

#footer-home{
    margin-bottom: 0 !important;
    height: 50px;
    background: black;
}

.footer-home-content {
    margin: 0 10% 0 10%;
}

.footer-home-content a {
    color: #fff;
    font-family: WorkSans;
    font-size: 14px;
}

.footer-home-content a:hover {
    color: #9bca21;
    text-decoration: none;
}

.marker-cluster-small {
    background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
    background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
    background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
    background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
    background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
    background-color: rgba(241, 128, 23, 0.6);
}

.marker-cluster-medium div {
    color: #000;
    background-color: rgba(240, 194, 12, 0.6);
}

.text-under p{
    color: #ffffff;
    font-family: WorkSans;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 14.9px;
    text-align: center !important;
    margin-top: 27px;
}
.smallest{
    width: 55%;
    margin: 0 auto;
}
.font-worksans h2{
    color: #ffffff;
    font-family: WorkSans;
    font-size: 45px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}

.font-worksans p{
    color: #ffffff;
    font-family: WorkSans;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center !important;
    text-transform: uppercase;
}

.font-worksans-pin p{
    color: #ffffff;
    font-family: WorkSans;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left !important;
}

.font-worksans #politics {
    margin-left: -20px;
}

.selected-menu-item-color {
    color: black !important;
}
.media_Icons{
    margin: 5px;
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255, 0);
    border-color: rgba(255,255,255, 0);
}
.media-Bottom{
    display: flex;
    width: 100%;
    justify-content: center;
    height: 17%;
    align-items: flex-end;
}

.media-bottom-map{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-end;
    bottom: 3%;
}


.square-container {
    width: 126px;
    height: 209px;
    position: absolute;
    top: -8%;
    right: 232px;
    background: url(../images/green-square.png?301e993e05c19e949c117b0214ff5356);
    background-size: cover;
    text-align: center;
    z-index: 1000;
}

.square-container-text {
    height: 31px;
    color: #ffffff;
    font-family: WorkSans, serif;
    font-size: 14px !important;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}

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

#show-pin-card {
    border-color: #9bca21 !important;
}

.border-green {
    border-color: #9bca21 !important;
}

.text-green {
    color: #9bca21 !important;
}

.font-worksans {
    font-family: WorkSans, serif;
}

.show-pin-card {
    max-width: 18rem;
}

.labels {
    font-size: 20px;
}

#small-logo {
    left: 0;
    z-index: 1000;
    display: none;
}

#small-burger-image {
    width: 45px;
}

.container-tables{
    background-color: #ebf1f4;
}

.background-Table{
    background-color: #eef9ff;
}

.container-tables .h1{
    width: 450px;
    height: 78px;
    margin: 30px 0;
    color: #9bca21;
    font-family: WorkSans-Medium;
    font-size: 32px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}
.container-tables .h3{
    width: 186px;
    height: 16px;
    margin: 30px 0;
    color: #000000;
    font-family: WorkSans-Bold;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

.first-table{
    padding: 30px;
}

table.table thead tr th{
    border-top: none;
    border-bottom: 2px solid #9bca21;
}

table.table tbody tr th, table.table tbody tr td{
    border-top: 1px solid #9bca21;
    border-bottom: 1px solid #9bca21;
}
thead{
    margin-bottom: 20px;
}
thead tr th{
    width: 77px;
    height: 22px;
    color: #000000;
    font-family: WorkSans-Bold;
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}
tbody > tr > th.paddingTop {
    padding-top: 30px!important;
}
thead tr th:first-child, tbody tr th:first-child:not(.top-title){
    width: 4% !important;
    color: #000000;
    font-family: WorkSans-Medium;
    font-size: 10px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}
tbody tr td , tbody tr th:not(:first-of-type){
    color: #000000;
    font-family: WorkSans-Medium;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

.top-title{
    color: #a8d340;
    font-family: WorkSans-Thin;
    font-size: 24px;
    padding-top: 20px !important;
    padding-bottom: 0 !important;
}

.table-hover tbody tr:hover {
    color: #242921 !important;
    background-color: rgba(133, 223, 26, 0.075) !important;
}

.map-select {
    background: grey;
    border-radius: 0;
    color: #9bca21;
    width: 250px;
    cursor: pointer;
}

.worksans-bold {
    font-family: WorkSans-Bold !important;
}

.politics-items {
    display: none;
    background: rgba(0,0,0,0.7);
    min-width: 300px;
    top: 71px;
    left: 1%;
    font-family: WorkSans;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 36px;
    text-align: left;
    text-transform: uppercase;
    padding: 20px;
}

.politics-items.active {
    display: block;
}

.politics-items a {
    color: #9bca21;
}

.politics-items a:hover {
    color: #ffffff;
    text-decoration: none;
}

.politics-items a:active {
    color: black;
}

.btn-green {
    color: #fff !important;
    background-color: #9bca21 !important;
    border-color: #9bca21 !important;
}

.btn-green:hover {
    color: #fff !important;
    background-color: #a1cd2e !important;
    border-color: #a1cd2e !important;
}

.btn-green:focus,
.btn-green.focus {
    color: #fff !important;
    background-color: #99cc16 !important;
    border-color: #99cc16 !important;
    box-shadow: 0 0 0 0.2rem rgb(42, 142, 52) !important;
}

.btn-green.disabled,
.btn-green:disabled {
    color: #fff !important;
    background-color: #41550c !important;
    border-color: #41550c !important;
}

.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
    color: #fff !important;
    background-color: #9bca21 !important;
    border-color: #9bca21 !important;
}

.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(15, 101, 34) !important;
}

.navbar-dark .navbar-brand {
    color: #fff !important;
    z-index: 111 !important;
}

.text-red {
    color: red !important;
}

.text-black {
    color: black !important;
}

.p-text-center {
    text-align: center !important;
}

.blackground-green-lines {
    background: rgba(30,29,31,1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(30,29,31,1)), color-stop(100%, rgba(223,64,90,1)));
    background: linear-gradient(135deg, rgb(45, 93, 25) 0%, rgba(141, 223, 64) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1d1f', endColorstr='#df405a', GradientType=1 );
    max-height: 100vh;
}

.prasica-container {
    width: 37px;
    height: 50px;
}

.bg-black {
    background: black;
}

.thankyou-container {
    height: 100vh;
    padding: 15%;
}

#thankyou-description a {
    color: #61666a;
}

#thankyou-description a:hover {
    color: #73ac73;
}

#thankyou-description a:active {
    color: #54a854;
}

.left-sidebar-proposition-link {
    transform: rotate(-90deg);
}

.whitespace-nowrap {
    white-space: nowrap !important;
}

.mt-10 {
    margin-top: 130px !important;
}

@media (max-width: 768px) {
    #footer-home {
        height: 60px;
    }

    #map {
        min-height: calc(100vh - 85px);
    }

    .politics-items {
        top: 79px;
        left: 3%;
    }

    .nav-item .active {
        margin-top: 10px;
    }

    .divider {
        display: none;
    }

    .selected-menu-item-color {
        color: #9bca21 !important;
    }

    #large-logo {
        display: none;
    }

    #small-logo {
        display: block !important;
    }

    #navbar-menu {
        background: black;
    }

    .black-line {
        display: none;
    }

    .fb-icons {
        display: none !important;
    }
}

@media (max-width: 1185px){
    .square-container {
        display: none;
    }
}

@media (max-width: 1038px){
   .ekodinar {
        margin-right: 20px !important;
    }
}

@media(min-width: 1270px){
    #copyright-home {
        margin-left: 150px !important;
    }

    #left-sidebar {
        display: block !important;
    }

    .sidebar-header-mobile {
        display: none !important;
    }
}

@media(max-width: 1270px){
    .navbar-nav {
        margin-left: 0 !important;
    }

    .font-worksans h2{
        font-size: 36px;
    }
    .font-worksans p{
        font-size: 12px;
    }
}

@media(max-width: 992px){
    .thankyou-container {
        padding: 10%;
    }

    #navbar_Home {
        height: auto;
    }
    .navbar-toggler img{
        width: 60px;
    }
}
@media(max-width: 568px){
    .ml-5, .mx-5 {
        margin-left: 1rem!important;
    }
    .navbar-brand img{
        width: 60px;
    }
    .container-tables .h1{
        width: auto;
        font-size: 22px;
    }

    .question {
        font-size: 16px !important;
    }

    .question-description {
        font-size: 13px !important;
    }
}

@media(max-width: 570px) {
    .overlay {
        min-height: calc(100vh - 79px);
    }
}