body
{
    margin:0;
    font-family: 'Neris', sans-serif;
    background-color:#206123;
    background-position:center top;
    background-repeat: no-repeat;
    overflow-x:hidden;
}
.wallpaper
{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    background-image: url(../img/background.jpg?C=3);
    background-position: center -150px;
    background-repeat: no-repeat;
}
.comment
{
    font-size:16px;
    padding:15px;
}
.container
{
    width:96%;
    max-width:996px;
    margin:0 auto;
    position:relative;
    z-index:999;
}
.header
{
    width:100%;
    max-width:996px;
    height:180px;
    position:relative;
}
.logo
{
    position:absolute;
    top:50%;
    left:50%;
    width:90%;
    max-width:820px;
}
.anchor-xy
{
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.anchor-x
{
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.anchor-y
{
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}
.anchor-xyy
{
    transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
}
.container .content
{
    width:100%;
    padding-bottom:80px;
    background-color:white;
}
.hero
{
    width:100%;
    height:411px;
    background-image:url(../img/cover-4.jpg);
    background-position: left center;
    background-size:cover;
    position:relative;
}
#map
{
    width:100%;
    height:500px;
}
.meniu
{
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    background-color:white;
    display:none;
}
.meniu .item
{
    width:33.33%;
    float:left;
    text-align:center;
    font-size:22px;
    font-weight: bold;
    color:#2f2d2b;
    cursor:pointer;
}
.inactive
{
    opacity:0.5;
}
.text-block
{
    position:absolute;
    top:50%;
    left:50px;
    width:28%;
}
.text-block .title
{
    font-size:36px;
    font-weight:bold;
    color:white;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.65);
}
.text-block .subtitle
{
    font-size:20px;
    font-weight: lighter;
    color:white;
    padding-top: 5px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.65);
}
.vote-page .text-block .subtitle
{
    font-size:16px;
}
.cl
{
    clear:both;
}
#registracija
{
    margin:0 auto;
    margin-top:25px;
    width:96%;
    max-width:700px;
}
#registracija .title
{
    font-size:32px;
    font-weight:bold;
    text-align:center;
    padding-top:0px;
    padding-bottom:0px;
    color:#4F5155;
}
#rules .title
{
    font-size:32px;
    font-weight:bold;
    text-align:center;
    color:#4F5155;
}
.custom-input
{
    background:none;
    border:1px solid #b3b3b3;
    border-radius:20px;
    color:#212121;
    width:96%;
    outline:none;
    margin-top:15px;
    margin-bottom:15px;
    padding:2%;
    font-size:18px;
    font-family: "Neris",sans-serif;
    -webkit-appearance:     none;
    -moz-appearance:        none;
    -ms-appearance:         none;
    -o-appearance:          none;
    appearance:             none;
}
.custom-input:focus
{
    border:1px solid #007135;
}
.error
{
    border:1px solid red;
}
.map-label
{
    font-size:18px;
    color:#4F5155;
    margin-top:15px;
}
#registration-map
{
    width:100%;
    border-radius:20px;
    border:1px solid #b3b3b3;
    margin-top:15px;
    height:250px;
    overflow:hidden;
    position:relative;
}
.submit-button
{
    width:50%;
    max-width:250px;
    background-color:#007135;
    border-radius:20px;
    text-align:center;
    color:white;
    font-size:18px;
    background-image:url(../img/arrow-right.png);
    cursor:pointer;
    background-repeat:no-repeat;
    background-position: right 20px center;
    margin-top:30px;
    font-weight: bold;
    float:right;
    height:50px;
}
.submit-button:hover
{
    opacity:0.8;
}
.submit-button .wrapper
{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    text-align:left;
}
.map-holder
{
    position:relative;
}
.pointer
{
    position:absolute;
    top:50%;
    left:50%;
    pointer-events: none;
    width:60px;
}
#registracija p
{
    text-align:center;
    font-size:20px;
}
.agree-holder
{
    width:96%;
    margin: 0 auto;
    margin-top:20px;
    font-size:16px;
    color:#4F5155;
    text-align:right;
}
.agree-label
{
    margin-right:5px;
    display:inline-table;
}
#agree
{
    width:25px;
    height:25px;
    position:relative;
    top:6px;
    display:inline-table;
}
.rules-bt, .result-bt
{
    font-weight:bold;
    text-decoration: underline;
    cursor:pointer;
}
.big-image
{
    margin-top:20px;
    position:relative;
}
.big-image img
{
    width:90%;
    max-width:700px;
}
.big-image .active-bar
{
    right:15%;
}
.arrow-down
{
    position:absolute;
    left:50%;
    bottom:15px;
    max-width:20px;
    width:20%;
}
.popup
{
    width:100%;
    height:100%;
    position:fixed;
    background-color:rgba(0,0,0,0.85);
    top:0px;
    display:none;
    z-index: 999999;
}
.popup-winners
{
    width:100%;
    height:100%;
    position:fixed;
    background-color:rgba(0,0,0,0.85);
    top:0px;
    display:none;
    z-index: 999999;
}
.rules-popup
{
    width:80%;
    height:80%;
    background-color:white;
    border-radius:20px;
    position:absolute;
    top:50%;
    left:50%;
    max-width:800px;
    max-height:600px;
    z-index: 999999;
}
.rules-popup .title
{
    text-align:center;
    font-size:26px;
    font-weight:bold;
    color:#4F5155;
    height:10%;
    width:100%;
}
.rules-popup .title .wrapper
{
    padding:10px;
}
.rules-part
{
    width:100%;
    height:90%;
}
.rules-part
{
    width:100%;
    padding-right:2%;
    font-size:14px;
    color:#4F5155;
    height:90%;
}
.rules-part .wrapper
{
    width:90%;
    height:90%;
    margin:10px auto;
    overflow-y:scroll;
    padding:5px;

}
.close-bt
{
    position:absolute;
    cursor:pointer;
    top:18px;
    right:18px;
    width:25px;
}
.close-bt:hover
{
    opacity:0.7;
}
.gallery
{
    width:90%;
    margin:0 auto;
    padding-top:25px;
    text-align:center;
}
.gallery .item
{
    width:200px;
    height:280px;
    display:inline-table;
    margin:10px;
    cursor:pointer;
    position:relative;
}
.gallery .item .holder
{
    width:100%;
    height:285px;
    border-top-right-radius:20px;
    border-top-left-radius:20px;
    background-color:#e3d89a;
}
.gallery .item .vote-holder
{
    width:100%;
    height:45px;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
    background-color:#e3d89a;
    position:relative;
}
.vote-holder .votes
{
    font-size:18px;
    font-weight:bold;
    color:#007135;
    position:absolute;
    top:50%;
    right:0px;
    top: 35%;
    width:75px;
    text-align:center;
    display:none;
}
.gallery .item .holder .item-title
{
    width:100%;
    border-top-left-radius: 20px;
    border-top-right-radius:20px;
    background-color:#007135;
    color:white;
    font-size:18px;
    text-align:center;
    font-weight:bold;
    height:35px;
}
.vote-bt
{
    width:90%;
    border-radius: 20px;
    /* margin-left: 5px; */
    margin: 0 auto;
    position: relative;
    bottom: 10px;
    height: 45px;
    background-color: #007135;
    color: white;
    font-style: italic;
    background: rgba(0,146,78,1);
background: -moz-linear-gradient(top, rgba(0,146,78,1) 0%, rgba(0,125,67,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,146,78,1)), color-stop(100%, rgba(0,125,67,1)));
background: -webkit-linear-gradient(top, rgba(0,146,78,1) 0%, rgba(0,125,67,1) 100%);
background: -o-linear-gradient(top, rgba(0,146,78,1) 0%, rgba(0,125,67,1) 100%);
background: -ms-linear-gradient(top, rgba(0,146,78,1) 0%, rgba(0,125,67,1) 100%);
background: linear-gradient(to bottom, rgba(0,146,78,1) 0%, rgba(0,125,67,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00924e', endColorstr='#007d43', GradientType=0 );
    
}
.vote-bt .wrapper
{
    text-align:center;
    padding-top:8px;
    font-size:18px;
    font-weight:bold;
   
}
.arrow-vote
{
    position:relative;
    top:3px;
}
.gallery .item .holder .item-title .wrapper
{
    padding-top:5px;
}
.gallery .item .holder .image-holder
{
    width:100%;
    height:170px;
    background-size:cover;
    position:relative;
}
.image-holder .small-marker
{
    height:30px;
    position:absolute;
    top:70px;
    display:none;
}
.gallery .item .address
{
    padding:15px;
    font-size:14px;
    color:#007135;
    text-align:center;
    line-height:14px;
}
.popup-item
{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    display:none;
    background-color:rgba(25,54,26,0.9);
}
.big-holder
{
    max-width:740px;
    max-height:490px;
    background-color:white;
    border-radius:20px;
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
}
.big-holder .vote-bt
{
    border-radius:20px;
    font-style: italic;
    margin-left:0px;
    bottom:0px;
}
.big-holder .top-header
{
    width:100%;
    height:45px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position:relative;
    background-color:#007135;
}
.big-holder .top-header .title
{
    position:absolute;
    top:50%;
    left:50%;
    font-size:22px;
    color:white;
    font-weight:bold;
}
.big-holder .top-header .close-bt
{
    position:absolute;
    top:50%;
    right:10px;
    cursor:pointer;
}
.big-holder .top-header .close-bt:hover
{
    opacity:0.8;
}
#popup-map
{
    width:90%;
    margin:0 auto;
    height:50%;
    border:1px solid #b3b3b3;
    overflow:hidden;
}
.popup-item .address, .big-votes
{
    width:90%;
    margin:0 auto;
    margin-top:15px;
    font-size:18px;
    color:#007135;
    margin-bottom:15px;
}
.big-votes
{
    font-weight:bold;
    font-size:22px;
}
.big-holder .vote-bt
{
    position:absolute;
    bottom:20px;
    left:5%;
    cursor:pointer;
    width:30%;
}
.facebook-bt
{
    width:130px;
    border-radius:20px;
    height:45px;
    background-color:#3b5998;
    color:white;
    background-image:url(../img/right.png);
    background-position:right 10px center;
    background-repeat:no-repeat;
    width:30%;
    position:absolute;
    right:5%;
    bottom:20px;
    font-style:italic;
    cursor:pointer;
}
.messenger-holder{
    position:absolute;
    right:5%;
    bottom:80px;
    width:130px;
    font-style:italic;
    border-radius:20px;
    background-color:#4080FF;
    height:45px;
    background-image:url(../img/right.png);
    background-position:right 10px center;
    background-repeat:no-repeat;
    width:30%;
    cursor:pointer;
}
.messenger-holder .wrapper
{
    text-align:center;
    padding-top:8px;
    font-size:18px;
    font-weight:bold;
    padding-right:15px;
    color:white;
}
.facebook-bt .wrapper
{
    text-align:center;
    padding-top:8px;
    font-size:18px;
    font-weight:bold;
    padding-right:15px;
}
.w2
{
    display:none;
}
.show-more
{
    width:250px;
    border-radius:20px;
    background-color:#007135;
    height:37px;
    color:white;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    margin:0 auto;
    margin-top:25px;
    margin-bottom:25px;
    display:none;
}
.show-more .wrapper
{
    padding-top:5px;
    font-size:18px;
}
.show-more:hover
{
    opacity:0.8;
}
.filter
{
    margin:0 auto;
    margin-top:30px;
    font-size:16px;
    color:#a0a0a0;
    width:90%;
    text-align:center;
}
.filter .label
{
    display:inline-table;
    margin-right:15px;
}
.custom-select
{
    width:150px;
    padding:5px;
    border-radius:20px !important;
    border:2px solid #a0a0a0;
    color:#007931;
    font-size:16px;
    font-family: "Neris", sans-serif;
    position:relative;
    top:0px;
    display:inline-block;
}
.active-bar
{
    background-color:#FFE300;
    position:absolute;
    top:42px;
    right:6px;
    border-radius:20px;
    text-align:center;
    font-weight:bold;
    width:60%;
    max-width:120px;
    font-style:italic;
}
.active-bar .wrapper
{
    padding:8px;
}
@media screen and (max-width: 780px) {
    .messenger-holder .wrapper {
    text-align: center;
    padding-top: 14px;
    font-size: 12px;
    padding-right:0px;
    font-weight: bold;
    color: white;
    }
    .facebook-bt .wrapper {
    text-align: center;
    padding-top: 14px;
    font-size: 12px;
    font-weight: bold;
    padding-right: 0;
}
.facebook-bt
{
    background-image:none;
}
    .messenger-holder
    {
        background-image:none;
    }
    .big-holder
    {
        border-radius:0px;
        max-width:100%;
        max-height:100%;
    }
    .big-holder .top-header
    {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .big-holder .top-header .title
    {
        font-size:16px;
    }
    #registracija
    {
        width:90%;
    }
    .hero
    {
        background-position: left center;
    }
    .custom-input
    {
        font-size:14px;
    }
    .text-block
    {
        left:10px;
        width:70%;
        top:35%;
    }
    .text-block .title {
        font-size: 5vw;
        text-align:left;
    }
    .text-block .subtitle {
        font-size: 4vw;
    }
    .header
    {
        height:100px;
    }
    .text-block .subtitle
    {
        padding-top:10px;
    }
    .meniu
    {
        padding-bottom:0px;
    }
    .meniu .item
    {
        width:100%;
        padding-bottom:15px;
    }
    .hero
    {
        height:250px;
    }
    .rules-popup .title .wrapper
    {
        width:60%;
        margin:0 auto;
    }
    .rules-popup .title
    {
        font-size:16px;
    }
    .rules-popup .rules-part
    {
        font-size:12px;
    }
    ol
    {
        padding-left:10px;
    }
    .gallery .item
    {
        width:90%;
    }
    .vote-holder .votes
    {
        width:60%;
    }
    .hide-mobile
    {
        display:none;
    }
    .vote-page .hero .subtitle
    {
        font-size:12px;
    }
    .vote-page .text-block
    {
        top:50%;
    }
    .vote-page .arrow-down
    {
        display:none;
    }
    #map
    {
        height:240px;
    }
    .custom-select
    {
        margin-top:25px;
    }
}