/*
Theme Name: Donacije.rs
Theme URI: https://donacije.rs
Author: Milan Ivanovic
Author URI: https://lanche86.com
Description: Custom built theme for donacije.rs project
Version: 2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: donacije

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.clearfix{
    clear: both;
}
/*/////////////////////////////////////////////////////////////////////*/
/* ////////////////////////// HEADRE START ////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.don_header{
height: 85px;
}

.don_header .logolink{
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin: 0;

    vertical-align: middle;
    text-transform: uppercase;
    margin-right: 35px;
    position: relative;
bottom:3px;
}

.don_header .logolink,
.don_header .logolink:hover,
.don_header .logolink:active{
    color: #000;
    text-decoration: none;
}

.don_header ul{
    list-style-type: none;
    margin: 0;
}

.don_header ul li{
   float: left;
   text-align: center;
}

@media all and (max-width:1036px) and (min-width:992px){
    .don_header ul li{
        // width: 75px;
    }
}

.don_nav ul li a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #181818;
    display: block;
    height: 85px;
    vertical-align: middle;
    line-height: 85px;
    padding: 0 10px;
    // transition: all 0.3s ease;
}

@media all and (max-width:991px){
    .don_header ul li{
        // width: 60px;
        height: 70px;
    }
    .don_nav ul li a{
        font-size: 13px;
        height: 70px;
        line-height: 70px;
    }

    .don_header{
        height: 70px;
    }

    .don_header h1{
        height: 70px;
        line-height: 70px;
    }

}


.don_nav ul li a:hover,
.don_nav ul li a:active,
.don_aktivna,
.current-menu-item a{
    color: #fff !important;
    background-color: #FF7500;
    outline: none;
}

.don_social{
    width: 30px;
    height: 85px;
    display: block;
    float: right;
   /* background-repeat: no-repeat;
    background-position: center;*/
    line-height: 85px;
    vertical-align: middle;
}

.don_social:hover,
.don_social:active{
    opacity: 0.5;
}


/*#rev_slider_1_1_wrapper{
    padding-top: 85px;
}*/

/*.fb{
    background: url(/HTML/img/fb.png);
    background-repeat: no-repeat;
    background-position: center;
}

.feed{
    background: url(/HTML/img/rss.png);
    background-repeat: no-repeat;
    background-position: center;
}

.tw{
    background: url(/HTML/img/tw.png);
    background-repeat: no-repeat;
    background-position: center;
}

.vim{
    background: url(/HTML/img/vimeo.png);
    background-repeat: no-repeat;
    background-position: center;
}

.yt{
    background: url(/HTML/img/youtube.png);
    background-repeat: no-repeat;
    background-position: center;
}

.pin{
    background: url(/HTML/img/pinterest.png);
    background-repeat: no-repeat;
    background-position: center;
}
*/
.don_log,
.don_search,
.don_pra_header {
    float: right;
    width: 80px;
    height: 85px;
    text-align: center;
    padding-top: 25px;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding-top: 60px;
    color:#5F5F5F;
    cursor: pointer;
}

.don_log_yes{
    float: right;
    width: 80px;
    height: 85px;
    position: relative;
    cursor: pointer;
}

.don_log_yes img{
    width: 80px;
    height: 85px;
   /* border: 3px solid #5D70B4;*/
   /* border-radius: 7px;*/
}

.don_log_yes span {
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 55px;
    left: 0px;
    text-shadow:2px 1px 0px black;
    line-height: 1.2em;
    width: 100%;
    margin-top:5px;
}

.fb_img{
    border-right: 1px solid #E1E1E1;
    text-align: center;
    padding-top: 5px;
}
.fb_img img{
    border: none;
    width: 50px;
    height: 50px;
}

.fb_img span{
    color: #5F5F5F;
     text-shadow:none;
     font-weight: normal;
    /* padding-left: 5px;*/
 }

/*padajuci meni kad si ulogovan*/

.don_opcije_yes{
    position: absolute;
    border: 1px solid #E1E1E1;
    top: 85px;
    right: 0;
    width: 235px;
    padding: 20px;
    background-color: #fff;
    border-radius: 7px;
    display: none;
    text-align: left;
    z-index: 9999999999;
}

.don_log_yes:hover .don_opcije_yes{
    display: block;
}





.don_opcije_yes a,
.don_opcije_yes a:visited{
    display: inline-block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #E1E1E1;
    padding: 5px 0;
    outline: none;
}

.don_opcije_yes a:last-child{
    border-bottom:0;
}

.don_opcije_yes a:hover,
.don_opcije_yes a:active{
    color: #FF7500;
    outline: none;
}


@media all and (max-width:991px){
    .don_log,
    .don_search,
    .don_pra_header {
        width: 57px;
        height: 70px;
       font-size: 10px;
       padding-top: 50px;
    }
    .don_pra_header span {
       width:60px !important;
       margin-top:50px !important;
    }
    .don_pra_header .specaddthis {
        width:60px !important;
        height: 70px !important;
    }
    .don_log_yes{
        width: 57px;
        height: 70px;
    }

    .don_log_yes img{
        width: 57px;
        height: 70px;
    }

    .don_log_yes span{
        top: 45px;
        font-size: 9px;
        padding: 0;
    }

     .don_social{
        height: 70px;
        line-height: 70px;
        width: 27px;
    }

    .fb_img img{
        border: none;
        width: 40px;
        height: 40px;
    }

    .don_opcije_yes{
        top:70px;
    }

}

.don_search{
    background: url(/HTML/img/search.png);
    background-repeat: no-repeat;
    background-position: center;
    /* border-left:2px solid #ECECEC; */
    border-right:2px solid #ECECEC;
   /* margin-left: 20px; */
}

.don_search:active,
.don_search:hover{
    background-color: #FF7500;
    background-image: url(/HTML/img/searchw.png);

    border-right:2px solid #FF7500;
    /* margin-left: 20px; */
    color: #fff;
}

.don_log{
    background: url(/HTML/img/login.png);
    background-repeat: no-repeat;
    background-position: center;
    border-right:2px solid #ECECEC;
}

.don_log:hover,
.don_log:active{
    background-color: #FF7500;
    background-image: url(/HTML/img/loginw.png);
    border-right:2px solid #FF7500;
    color: #fff;
}


/*/////////////////////////////////////////////////////////////////////*/
/* ////////////////////////// HEADRE END  ////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////*/
/* ////////////////////////// CONTENT START ////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/

.don_background{
    background-color: #f2f2f2;
    padding-top: 135px;
    /*padding-bottom: 75px;*/
    /*margin-top: 5px;*/
    padding-bottom: 25px;
}

@media all and (max-width:991px){
    .don_background{
    padding-top: 120px;
    }
}

/*//////// CARDS START ///////////*/

.don_card{
    height: auto;
    max-width: 255px;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #E1E1E1;
    text-align: center;
    background-color: #fff;
    padding-top: 8px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    /* zakucano */
    // height: 362px !important;
    margin-top: 30px;
}

.don_card img{
    margin: 0 auto;
    padding: 0 8px;
}

.don_card h3{
    text-transform: uppercase;
    font-size: 14px;
     font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;

}
.don_card p{
    text-align: left;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #888;
    padding: 0 15px;
}

.don_card span{
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    display: block;
    margin-top: 5px;
    margin-bottom: 12px;
}

.don_card a,
.don_card a:active,
.don_card a:focus{
    text-decoration: none;
    color: #000;
    /*border: none !important;*/
    outline: none !important;
}

.don_prati_doniraj{
    height: auto;
    min-height: 45px;
}

.don_prati_doniraj a{
    border-top: 1px solid #E1E1E1;
    display: block;
    float: left;
    text-align: center;
    line-height: 45px;
    vertical-align: middle;
    text-decoration: none;
    font-size: 18px;
    font-weigth: 500;
    font-family: 'Open Sans', sans-serif;
    color: #ff7500;
    width: 100%;
    border-radius: 0px;
}

.don_prati_doniraj a:hover,
.don_prati_doniraj a:active{
    color: #fff;
    background-color: #FF7500 !important;
}

.don_prati{
    background: url(/HTML/img/zvezdac.png);
    background-repeat: no-repeat;
    background-position: 20% 50%;
    border-right: 1px solid #E1E1E1;
    padding-left: 10%;
    border-bottom-left-radius: 5px;
}
/* nikola */
.zauzeto {
    background:url('images/nofollow.png') no-repeat scroll 20% 50% rgba(0, 0, 0, 0) !important;
    background-position: 20% 50%;
}

.zauzeto:hover,
.zauzeto:active{
    background:url('images/nofollowwhite.png') no-repeat scroll 20% 50% rgba(0, 0, 0, 0) !important;
    background-position: 20% 50%;
}

.don_prati:hover,
.don_prati:active{
    background: url(/HTML/img/zvezdahover.png);
    background-repeat: no-repeat;
    background-position: 20% 50%;
}
.don_doniraj{
}

.don_doniraj:hover,
.don_doniraj:active{
}

#fb_log_in{
    margin-left: 100px;
    margin-bottom: 30px;
}

@media all and (max-width:480px) and (min-width:360px){
/*@media all and (max-width:480px) and (min-width:420px){*/ /* july20: otkomentarisati, a iznad zakomentarisati */
    .don_prati{
    padding-left: 20%;
    background-position: 15% 50%;
    }
    .don_doniraj{
  /*  padding-left: 20%;*/
    background-position: 10% 50%;
    }
}

@media all and (max-width:359px){
/*@media all and (max-width: 419px){*/ /* july20: otkomentarisati, a iznad zakomentarisati */
   /* .don_prati_doniraj a,
    .don_prati_doniraj a:hover,
    .don_prati_doniraj a:active{
        color: transparent;
    }

    .don_prati{
        background-position: 50% 50%;
    }

    .don_doniraj{
        background-position: 50% 50%;
    }

    .don_prati:hover,
    .don_prati:active{
        background-position: 50% 50%;
    }

    .don_doniraj:hover,
    .don_doniraj:active{
        background-position: 50% 50%;
    }*/

    .fontele{
        width: 100%;
    }
    /*.don_card {
	max-width: 300px;
	margin-bottom: 0;
    }
    .don_card img {
	padding: 10px 8px 0 8px;
    	width: 94%;
    }*/  /* july20: otkomentarisati, a iznad zakomentarisati */
    
}



/* ///////////////////////////CARDS END //////////////////////*/


/*///////////// PROGRES BAR START /////////////////////*/

.ui-progressbar{
    margin: 0 15px;
}

.ui-progressbar,
.ui-progressbar-value{
    height: 20px;
    border-radius: 10px !important;
}

.ui-progressbar-value{
    border: 0;
    margin: 0 !important;

}

.ui-widget-content{
    background: #F3F3F3;
    border: 0;
}

@media screen and (max-width: 992px) {
	.ui-widget-content{
    		background: #e6dddd;
	}

}

.ui-widget-header{
    background: #FF7500 !important;
}

/*//////////////////// PROGRES BAR END ///////////////////*/



/*/////////////////////////////////////////////////////////////////////*/
/* ////////////////////////// CONTENT END ////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////*/
/* ////////////////////////// FOOTER START ////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/
.don_footer{
    min-height: 270px;
}

.don_partneri{
    /*height: 190px;*/
    // border-bottom: 2px solid #D7D7D7;
    overflow: auto;
}

.don_partneri .don_partner{
    width: 7%;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 35px;
    float: left;
}

.don_partneri img {
    margin: 35px 30px;
    display: block;
    float: left;
    max-width: 225px;
    max-height: 100px;
}

.don_partneri a {
    display: inline-block;
    vertical-align: middle;
    margin: 35px 0;
    height: 100px;
    width: auto;
}

.don_lajna{
    border-top: 2px solid #D7D7D7;
    margin-top: 45px;
    float: left;
    width: 89%;
}

.don_header h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    color: #181818;
    display: block;
    height: 85px;
    vertical-align: middle;
    line-height: 85px;
    float: right;
    margin: 0 20px 0 0;
}

@media all and (max-width:991px){
    .don_header h3{
        height: 70px;
        line-height: 70px;
        font-size: 13px;
    }
}

.mrd{
    margin-left: -35px;
}

@media all and (max-width:768px){
    .mrd{
        margin-left: 0px;
    }
}

/*.donji{
    border-top: 1px solid #ccc;
    box-shadow: 1px 1px 1px #ccc;
}*/
/*/////////////////////////////////////////////////////////////////////*/
/* ////////////////////////// FOOTER END ////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/

/* //////////// SELECT  START////////////// */

.don_privremeni_select{
    display: none;
    margin-top: 28px;
}


@media all and (max-width:767px){
    /*.tw,
    .feed,
    .fb,
    .pin,
    .yt,
    .vim,
    .don_header h3,
    .don_nav{
    display: none;
    }
*/
    .don_social,
    .don_header h3{
        display: none;
    }

    .don_privremeni_select{
    display: block;
    width: 80px;
    }

}

@media all and (max-width:416px){
    .don_header h1{
        margin-right: 8px;
        font-size: 14px;
    }
}

/* //////////// SELECT  END ////////////// */

.don_shadow_gornji{
    box-shadow: 0 5px 5px -5px #CDCDCD;
    z-index: 2000;
    position: fixed;
    width: 100%;
    background-color: #fff;
}

.don_shadow_donji{
    box-shadow: 0 -5px 5px -5px #CDCDCD;
    z-index: 20;
    position: relative;

}

/* ///////////// SINGLE STRANA START //////////////*/

.don_sadrzaj_single{
    margin-top: 25px;
}

.don_levi_box{
    background-color: #fff;
    border-radius: 7px;
    border:1px solid #E1E1E1;
}

.don_single_naslov{
    min-height: 72px;
    border-bottom: 1px solid #E1E1E1;
    padding-left: 25px;
   /* background-image: url(/HTML/img/comment.png);
    background-repeat: no-repeat;
    background-position: 95% center;*/
}

.don_single_naslov h1{
    float: left;
    margin-right: 23px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    padding-top: 5px;
}

.don_single_naslov .don_www, .dwd2{
    display: block;
    padding-top: 20px;
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
}

.don_single_naslov a{
    background-image: url("/HTML/img/comment.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 36px;
  /*  left: 89%;*/
  right: 5%;
    padding-top: 3px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 36px;
    font-size: 10px;
    line-height: 2.5em;
    color: #000;
    text-decoration: none;
    visibility: hidden;
}

.don_single_naslov a:hover,
.don_single_naslov a:active{
     background-image: url("/HTML/img/commenthover.png");
     color: #FF7500;
}

.don_single_slika{
    padding: 14px;
}

.don_single_img{
    border-bottom: 10px solid #ff7500;
    margin: auto;
    display: block;
}

.don_single_slika .don_ukratko{
    position: relative;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAEUlEQVQYlWNgIA5IjSqisyIA0EgBBS81/ewAAAAASUVORK5CYII=
   ) repeat;
    padding: 15px 10px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}

.don_single_text{
    padding: 5px 15px 62px 15px;
    min-height: 450px;
}

.don_single_text h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 24px;
    text-transform: uppercase;
    margin-left: 10px;
}

.don_single_text p{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #8E8C8D;
}

.don_single_text img{
    width: 100%;
    height: auto;
}

.don_single_progres{
    background-color: #fff;
    min-height:310px;
    border-radius: 7px;
    padding: 70px 25px 0px 25px;
    border:1px solid #E1E1E1;
}

.don_skupljeno,
.don_potrebno{
    // width: 50%;
    float: left;
    margin-bottom: 27px;
}

.don_single_progres h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    // font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 5px;
}

.don_potrebno{
    text-align: right;
}

.don_skupljeno span{
    margin-left: 2px;
}
.don_skupljeno {
	margin-left: 0 !important;
	width: 100%;
	text-align: center;
}

.don_single_progres span{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.don_single_progres .progressbar2{
    margin: 0 auto;
    width: 75%;
}

.don_single_progres h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
}

.don_vreme{
    /*border:1px solid red;*/
    background: url(/HTML/img/sat.png) no-repeat;
    background-position: left center;
    height: 90px;
    padding-left: 50px;
    padding-top: 19px;
    line-height: 1.5em;
    text-transform: lowercase;
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
}

.don_vreme span{
    float: left;
    display: block;
}

.don_vreme em{
    font-size: 20px;
    font-style: normal;
    line-height: 1em;
}

.don_vreme h3{
    font-size: 12px;
    margin-top: 5px;
    text-align: left;
    padding-left: 20px;
    float: left;
}

.don_frka{
    padding: 0px 0px 0px 20px;
    font-size: 11px !important;
}

.don_doniraj_btn,
.don_doniraj_btn:visited{
    display: block;
    min-height: 75px;
    background-color: #FF7500;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    border:1px solid #E1E1E1;
    margin-top: 10px;
    text-align: center;
    text-decoration: none !important;
    color: #fff;
    line-height: 75px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 27% 45%;
    outline: none !important;
}

.don_doniraj_btn:hover,
.don_doniraj_btn:active{
    background-color:#FF7500;
    color: #fff;
    text-decoration: none;
}

.don_podeli_prati_single{
    min-height: 75px;
    line-height: 75px;
    vertical-align: middle;
    border:1px solid #E1E1E1;
    background-color: #fff;
    margin: 10px 0;
    border-radius: 7px;
}

.don_podeli_prati_single a{
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #8E8C8D;
    height: 73px;
}

.don_podeli_prati_single a:first-child, .specaddthis {
    border-right: 1px solid #E1E1E1;
    background-image: url(/HTML/img/share.png);
    background-repeat: no-repeat;
    background-position: 40% center;
    padding-left: 60px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.don_podeli_prati_single a:first-child:hover,
.don_podeli_prati_single a:first-child:active{
    background-color: #FF7500;
    background-image: url(/HTML/img/sharehover.png);
    color: #fff;
}

.don_podeli_prati_single a:last-child{
    border-right: 1px solid #E1E1E1;
    background-image: url(/HTML/img/prati.png);
    background-repeat: no-repeat;
    background-position: 20% center;
    padding-left: 60px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.don_podeli_prati_single a:last-child:hover,
.don_podeli_prati_single a:last-child:active{
    background-color: #FF7500;
    background-image: url(/HTML/img/pratihover.png);
    color: #fff;
}

.don_single_donatori{
    min-height: 310px;
    border: 1px solid #E1E1E1;
    background-color: #fff;
  /*  margin-top: 10px;*/
    border-radius: 7px;
}

.don_single_donatori_naslov{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    min-height: 70px;
    line-height: 70px;
    vertical-align: middle;
    border-bottom: 1px solid #E1E1E1;
    background-image: url(/HTML/img/donatori.png);
    background-repeat: no-repeat;
    background-position: 10% center;
}

.don_nosioci{
    border: 1px solid #E1E1E1;
    background-color: #fff;
    min-height: 250px;
    border-radius: 7px;
    /*margin-top: 20px;*/
    border-top: 5px solid #FF7500;
    padding: 0 20px;
    margin-bottom: 20px;
}

.don_nosioci h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.don_info{
    min-width: 240px;
    border-right: 1px solid #E1E1E1;
    min-height: 180px;
    padding-top: 10px;
    float: left;
    margin-right: 35px;
    padding-right:20px;
}

.don_info span{
    display: block;
    text-transform: lowercase;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: #8E8C8D;
}
.don_info span em{
    font-style: normal;
    color: #000;
}

.don_nosioci .text{
    padding: 0 35px 35px 35px;
   /* max-width: 70%;*/
    /*float: left;*/
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #8E8C8D;
    /*height: auto;*/
    line-height: 1.3em;
}

.don_nosioci .text p{
    margin: 0;
}

.fb-like, .fb-like span, .fb-like.fb_iframe_widget span iframe {
    width: 100% !important;
    max-width: 650px;

}
/*///////////////////////////////SCROLL 1 START//////////////////////////////////////////////*/
#scrollbar1 {
  width: 305px;
  clear: both;
  margin: 20px 0 10px;
   }

#scrollbar1 .viewport {
  width: 290px;
  /*height: 170px;*/
  height: 340px;
  overflow: hidden;
  position: relative;

   }

#scrollbar1 .overview{
  list-style: none;
   position: absolute;
    left: 0;
     top: 0;
       padding-left: 30px;
       width: 270px;
   }

#scrollbar1 .thumb .end,
#scrollbar1 .thumb {
  background-color: #FF7500;
   }
#scrollbar1 .scrollbar {
  position: relative;
  float: right;
  width: 10px;
}

#scrollbar1 .track {
 background-color: #C0C0C0;
  height: 100%;
  width:10px;
  position: relative;
  /* padding: 0 1px; */
  border-radius: 20px;
 }

#scrollbar1 .thumb {
 height: 20px;
 width: 10px;
 cursor: pointer;
  overflow: hidden;
   position: absolute;
    top: 0;
    border-radius: 20px;
  }

#scrollbar1 .thumb .end {
 overflow: hidden;
 height: 5px;
 width: 13px;
  }
#scrollbar1 .disable{
 display: none;
  }

/*///////////////////////////////SCROLL 1 END//////////////////////////////////////////////*/

/*///////////////////SCROLL 2 START////////////////////////////////////////*/


#scrollbar2 {
  width: 95%;
  clear: both;
  margin: 20px 0 10px;
   }


#scrollbar2 .viewport {
  width: 290px;
  height: 170px;
  overflow: hidden;
  position: relative;

   }


#scrollbar2 .overview {
  list-style: none;
   position: absolute;
    left: 0;
     top: 0;
       padding-left: 30px;
       width: 270px;
   }


#scrollbar2 .thumb .end,
#scrollbar2 .thumb {
  background-color: #FF7500;
   }

#scrollbar2 .scrollbar {
  position: relative;
  float: right;
  width: 10px;
}


#scrollbar2 .track {
 background-color: #C0C0C0;
  height: 100%;
  width:10px;
  position: relative;
  /* padding: 0 1px; */
  border-radius: 20px;
 }


#scrollbar2 .thumb {
 height: 20px;
 width: 10px;
 cursor: pointer;
  overflow: hidden;
   position: absolute;
    top: 0;
    border-radius: 20px;
  }


#scrollbar2 .thumb .end {
 overflow: hidden;
 height: 5px;
 width: 13px;
  }

#scrollbar2 .disable{
 display: none;
  }

/*///////////////////////SCROLL 2 END///////////////////////////////////*/
.noSelect {
  user-select: none;
   -o-user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
    -webkit-user-select: none; }

.overview p{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #8E8C8D;
    line-height: 1.2em;
    display: block;
}

.overview em{
    font-style: normal;
    color: #000;
    float: right;
    font-size: 90%;
}
.overview span{
  text-overflow:ellipsis;
  width:135px;
  white-space: nowrap;
  overflow: hidden;
  display:inline-block;
}

.don_svi_donatori{
    text-transform: lowercase;
    color: #000;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin-left: 30px;
}

.don_single_donatori a{
    text-decoration: none;
}

.don_single_donatori a:hover,
.don_single_donatori a:active{
    opacity: 0.5;
}

/*///////////////////////////////SCROLL END//////////////////////////////////////////////*/

.don_single_komentari,
.don_single_slicno{
    min-height: 375px;
    /*margin-top: 20px;*/
    border: 1px solid #E1E1E1;
    border-radius: 7px;
    background-color: #fff;
}

.don_single_komentari{
    padding: 30px 15px 0 15px;
}

.don_single_komentari .kom{
    height: 30px;
    border-bottom:  1px solid #E1E1E1;
    border-top:  1px solid #E1E1E1;
}

.don_single_slicno h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 20px;
    border-bottom: 1px solid #E1E1E1;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    margin-top: 0;
}

.don_single_slicno a{
    color: #000;
    outline: none;
}

.akcija{
    padding-left: 20px;
    padding-top: 15px;
}

.akcija .slika{
    float: left;
    width: 25%;
}
.akcija .opis{
    float: left;
    max-width: 75%;
    padding: 0 20px;
}

.opis h5{
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 5px;
}

.opis p{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: #8E8C8D;
}

/*////////////QUERY ZA SINGLE STRANU NA TABLETU////////////////*/
@media all and (max-width:401px){
    .fvrap select, .fvrap input , .fvrap textarea {
        width:100% !important;
    }
}
@media all and (max-width:991px){

    .don_frka{
        display: none !important;
    }

    .don_vreme{
        background: none;
        padding: 0;
        text-align: center;
    }

    .don_vreme h2{
        font-size: 12px;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
    }

    .don_vreme span,
    .don_vreme em{
        font-size: 14px !important;
        text-transform: uppercase;
        float: none;
        line-height: 2em;
    }

    .don_vreme br{
        display: none;
    }

    .don_single_progres{
        background-color:#F2F2F2;
        padding: 25px 20px;
        min-height: 292px;
    }

    .don_doniraj_btn{
        border-radius: 15px;
        background-position: 10% 45%;
        padding-left: 20%;
        min-height: 50px;
        line-height: 50px;
        width: 80%;
        margin-left: 10%;
    }

    .don_single_progres h3{
        margin-top: 15px;
    }

    .don_skupljeno,
    .don_potrebno{
        margin-bottom: 17px;
    }

    .don_single_slika .don_ukratko{
        border-top:7px solid #FF7500;
        margin-top: 10px;
    }

    /*.main_content .col-md-4 .don_single_slicno{
        display: none !important;
    }
*/
    .don_podeli_prati_single{
        border: none;
    }

    .don_podeli_prati_single a{
        width: 130px;
        border: 1px solid #E1E1E1;
        border-radius: 7px;
        height: 50px;
        line-height: 50px;
        margin-left: 10px;
    }

    .don_podeli_prati_single a:last-child{
        float: right;
        margin-right: 20px;
    }

    .don_single_komentari{
        margin-bottom: 20px;
    }

    .don_single_progres h1{
        font-size: 19px;
    }

    .don_single_progres{
        padding: 35px 20px;
        float:left;
        width:35%;
        min-height:315px;
    }

    .don_doniraj_btn{
       /* margin-top: 25px;*/
    }
}

#fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], #fbcomments iframe[style] {
width: 100% !important;
}

@media all and (max-width:1079px){
    #fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], #fbcomments iframe[style] {
    width: 90% !important;
    }
}




.don_tablet_img{
    overflow:hidden;
     float:left;
     width:63%;
     margin-right:2%;
}


/*////////////QUERY ZA SINGLE STRANU NA TELEFONU ////////////////*/

@media all and (max-width:768px){
    .don_tablet_img{
         width:100%;
         margin-right:0;
    }

    .don_tablet_img img{
        width: 100%;
        height: auto;
    }

    .don_single_progres{
        width: 100%;
        margin-top: 10px;
    }

    .don_doniraj_btn{
        width: 200px;
        padding-left: 50px;
        margin: 20px auto;
    }

    .don_info{
        width: 100%;
        border-right: none;

    }

    .don_nosioci .text{
        padding: 0;
    }

    .don_single_naslov h1{
        float: none;
    }

    .don_single_naslov .don_www{
        padding-top: 0;
        margin-bottom: 5px;
    }

    .don_single_naslov a{
        right: 8%;
    }

    .don_single_donatori{
        margin-top: 20px;
    }

  }

/*/////////////// SEARCH FORM START ////////////////////////////////////////////*/
.search-field {
    background-color: rgba(0, 0, 0, 0);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 80px 80px;
    color: #000;
    border: medium none;
    cursor: pointer;
    height: 85px;
 /*   margin: 3px 0;*/
    padding: 0 0 0 66px;
    position: relative;
    transition: width 400ms ease 0s, background 400ms ease 0s;
    width: 0;
    margin-top: -15px;
    margin-right: -20px;

}

.search-field:focus {
background-color: #fff;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
cursor: text;
outline: 0;
width: 220px;
 font-size: 16px;
font-weight: normal;
font-family: 'Open Sans', sans-serif;

}


.search-form {
    position: absolute;
    right: 107px;
    top: 15px;
}

form {
    margin: 0;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.search-submit {
display: none
}

@media all and (max-width:992px){
    .search-field{
        height: 70px;
        margin-right: -43px;
    }

    .search-field:focus{
        width: 170px;
    }
}

/*
@media all and (max-width:768px){
    .search-field,
    .search-field:focus{
        width: 100%;
        padding-left:
        border-left: 1px solid #E1E1E1;
    }
}*/


/*/////////////// SEARCH FORM END ////////////////////////////////////////////*/
@media all and (max-width:768px){
    .responsiveSelectContainer,
 select.responsiveMenuSelect,
 select.responsiveMenuSelect{
    display: block;
    width: 70px !important;
    float: left;
    margin-top: 12px;

    }

    .responsiveSelectContainer{
    background-color: #ccc !important;
    background-image: url(/HTML/img/MENUICON.png)!important;
    z-index: 2000;
    }
}

/*SEARCH RESULT STRANA*/

.don_rezultat_naslov{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.don_rezultat_naslov span{
        font-weight: 400;
}

.don_rezultat_box{
    background-color: #fff;
    border: 1px solid #E1E1E1;
    border-radius: 7px;
    margin-bottom: 20px;
    padding-left: 15px;
}

/*//////////////////////////////////*/

/*404 STRANA //////////////////*/

.error404 .don_shadow_gornji{
    display: none;
}

.error-404{
    background-image:url("./images/bgnew.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    min-height: 800px;
    padding: 0;
    /*margin-top: -28px;*/
    padding-top: 50px;
}

.don_poruka{
    width: 430px;
    height: 330px;
    margin: 0 auto;
    background-color: #fff;
    padding:55px;
    opacity: 0.9;
    border-radius: 7px;
}

.don_poruka h1{
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    color:#FF7500;
}

.don_poruka span{
    font-size: 18px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
}

.don_akcije a{
    display: block;
    float: left;
    width: 130px;
    height: 35px;
    background-color:#FF7500;
    margin-top: 30px;
    border-radius: 7px;
    text-decoration: none;
    color: #fff !important;
    line-height: 35px;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding-left: 40px;
}

.don_akcije a:hover,
.don_akcije a:active{
    background-color: #5C70B5;
    text-decoration: none;
}

.don_akcije a:first-child{
    margin-right: 15px;
    background-image: url(/HTML/img/back.png);
    background-repeat: no-repeat;
    background-position: 8% center;
}

.don_akcije a:last-child{
    margin-right: 15px;
    background-image: url(/HTML/img/homeicon.png);
    background-repeat: no-repeat;
    background-position: 8% center;
}

/*//////////////////////////////////////////////*/

/*//////////REGISTRACIJA START////////////////*/

.tnx_for_log{
    text-align: center;
}

.hvala_vam{
    background: url(/wp-content/themes/donacije/images/hvala.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 42px;
    height: 37px;
    margin: 0 auto;
}


.don_registracija{
    background-image:url('./images/bgnew.jpg');
  no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.don_registracija .don_forma{
    margin: 160px auto 75px  auto;
    background-color: #fff;
    padding-bottom:50px;
    background-color: rgba(255,255,255,0.9);
    border-radius: 7px;
}


.don_forma label{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: lowercase;
}

.dugme_reg:hover,
.dugme_reg:active{
    background-color: #5C70B5;
}

.dalje_org_dug{
    background-image: url(/HTML/img/dalje.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 8px 45px 8px 55px !important;
}

.desni_box_fb label{
    margin-left: 30px;
}

.desni_box_fb .dugme{
    margin-left: 120px;
}

.zapamti_me{
    margin-left: 0px !important;
}

.zapamti_me_checkbox{
    width: 30px !important;
    height: 5px !important;
    margin-left: 25px;
}

.fb_log_lebel{
    margin-left: 120px!important;
    margin-top: 10px!important;
    margin-bottom: 15px!important;
    font-family: 'Open Sans',sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.login_fb_button{
    margin-left: 120px;
}
  /* REGISTRACIJA CSS Nikola */

.inputtextwrap label {
    float: left;
    min-width: 100px;
    text-align: right;
    padding-top:5px;
    padding-right:10px;
}
.inputtextwrap input {
    float: left;
    padding-left:10px;
}
.inputtextwrap {
    width:400px;

}
.validation {
    float: left;
   /* margin:10px 0 10px 90px; */
    width:220px;
   /* height: 30px; */
    background-color:#5D70B4;
    background-image: url(/HTML/img/validacija.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
    line-height: 30px;
    padding-left: 40px;

}
.textareawrap {
  /*min-height: 150px;*/
  width:430px;
}
.textareawrap textarea {
  float: left;
  padding-left:10px;
  border: 1px solid #FF7500;
}

.org_box select {
  width: 327px;
  height: 33px;
    border: 1px solid #FF7500;

}
.don_org input, .org_box input {
  width:220px;
  border: 1px solid #FF7500;
  height: 33px;
}
 .org_box input, .org_box textarea, .org_box select {
  margin-left:60px;
  width: 84%;
 }
 .org_box .validation {
  margin-left:60px;
    width: 84%;
 }
  .org_box label {
    margin-left: 60px;
    text-align: left;
    margin-bottom: 5px;
  }
 .desno_box input,  .desno_box .validation, .desno_box label, .desno_box textarea {
  margin-left:15px;
}
.border-desno-nar {
  border-right:1px solid #ccc;
}



.check_box_custom{
    border: 1px solid red !important;
    width: 20px !important;
}

.nein{
    margin-left: 215px !important;
}
.javol{
    margin-left: 103px !important;
}

.realiz_box,
.merenje_box{
    margin-top: 20px;
}


.dugme_reg {
    clear: both;
    margin-top:10px;
    background-color: #FF7500;
    padding:6px;
    padding-right:10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color:#fff !important;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    text-transform: uppercase;
}
.dugme {
  border: none;
  padding:5px;
}

#thumbnail{
   float: none;
    width: 130px;
    padding-left: 0px;
    margin-top: 20px;
}

.rhcp{
    margin-left: 60px !important;
    padding-left: 40px !important;
}

.prew,
.prew:hover,
.prew:active{
    font-weight: normal !important;
    margin-left: 60px;
    text-decoration: none;
}

.reg_head {
  border-bottom: 1px solid #ccc;
  font-family: 'Open Sans',sans-serif;
  font-weight: normal;
  font-size: 18px;
/*  padding-bottom: 15px;*/
height: 50px;
line-height: 50px;
padding-left: 30px;
}

.reg_head span{
    float: right;
    margin-right: 60px;
}

.dugmeprva1 {
  margin-left:90px;
  padding: 7px 25px 9px 35px;
  background-image: url(/HTML/img/registracija.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}

.dugmeprva2, .dugmeprva2:visited{
  padding: 7px 15px 9px 45px;
  background-image: url(/HTML/img/regoranizacija.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  outline: none !important;
  margin-left: 10px;
  text-decoration: none !important;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.dugmeprva2:hover,
.dugmeprva2:active{
    text-decoration: none;
    color: #fff;
    outline: none;
}
#objasnjenje{
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0px;
    padding: 0 20px 0 10px;
}

@media (max-width: 991px){
    #objasnjenje{
        margin-left: 80px;
        margin-top: 20px;
    }

    .dugmeprva2{
        margin-left: 85px;
    }

}


@media (max-width: 768px){
    .don_org input,
    .org_box input{
        width: 175px;
    }
}

.don_forma_spec {
  max-width: 840px;
}
.rhead_org {
 /* padding-left:60px;*/
}
.dalje_sl {
  margin-right:20px;
}

.btnwrap_org_reg button {
  float: right;
  margin-right:70px;
  overflow: hidden;
}

@media (max-width: 991px){
    .btnwrap_org_reg button {
    margin-right:9%;
    }
}

.buttonwrap {
    width:50%;
    float: right;
}
.pos_dugme {
  margin-right: 25px !important;
}
@media (max-width: 966px) {
  .org_box .inputtextwrap {
    width:100%;
  }
  .org_box input, .org_box textarea, .org_box select  {
  margin-left:5%;
  margin-right:5%;
  width:84%;
 }
 .org_box .validation {
   margin-left:5%;
  margin-right:5%;
  width:84%;
 }
 .org_box label {
   margin-left:5%;
 }
 .rhead_org {
  padding-left: 5%;
 }
}

.visible-print {
  display: none !important;
}

.prvawra .validation {
    margin-left: 30%;
    width: 70%;
    margin-bottom: 10px;
}


@media (max-width: 768px) {
      .prvawra .validation{
        margin-left: 45px;
    }
}


/* PROFIL CSS Nikola */

 .col_bor_wrapper {
    background-color: #fff;
    border: 1px solid #E1E1E1;
    border-radius: 7px 7px 7px 7px;
   }
   .profil_slika {
  border: 10px solid #fff;
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   }
   .primg_wrap {
   /* width:130px;*/
    float: left;
    margin-right: 20px;
   }
   .levo_prof {
    width: 300px;
   /* border: 1px solid #000; */
    float: left;
   }
   .profclick {
    cursor: pointer;
    display: none;   /* SKLONILI OVO ZA EDITOVANJE POSTO JE VISKA*/
   }
   .desno_prof {
    width:200px;
    float: left;
     margin-top:20px;
     margin-left: 30px;
   }
   .dugme_kampanja {
    display: block;
    background-color: #FF7500;
    background-image: url(images/megafon.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    border-radius: 8px 8px 8px 8px;
    clear: both;
    color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    padding: 14px 3px 0 20px;
      height: 50px !important;
/*      padding-top:10px;
      padding-right:18px;*/
      text-align: center;
      text-transform: uppercase;
   }
      .dugme_kampanja:hover,
       .dugme_kampanja:active{
            color: #FFFFFF;
            text-decoration: none;
            background-color: #5C70B5;
      }
      .box_prof {
        border-radius: 15px;
        margin-top:25px;
        margin-bottom:25px;
      }
      .profnav_ul {
       list-style: none;
       margin-left: -20px;
      }
      .profnav_ul li {
        float: left;
        height: 45px;
        padding-right:16px;
        border-right:1px solid #000;

      }
      .profnav_ul li a {
         color:#000 !important;
        text-decoration: none;
        text-transform: uppercase;
        position: relative;
      }
       .profnav_ul li a:hover {
         text-decoration: none;
       }
       .nav_box_prof {
        padding-bottom:10px;
       }
       .profnav_ul li:last-child {
        border-right:none;
       }

#zastavica{
    background: url(/HTML/img/zastava.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding-left: 50px;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: 400;
    outline: none;
}
#zvezdica{
    background: url(/HTML/img/zvezda1.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding-left: 50px;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: 400;
    outline: none;
}

#prase{
    background: url(/HTML/img/prase1.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding-left: 50px;
     font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: 400;
    outline: none;
}

#covek{
    background: url(/HTML/img/profil.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding-left: 50px;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: 400;
    outline: none;
}


.strelica_profil{
    background: url(/HTML/img/strelicaprofil.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 21px;
    position: absolute;
    top: 41px;
    left: 45%;
    display: none;
}

#zastavica:hover .strelica_profil,
#zastavica:active .strelica_profil{
    display:inline-block;
}

#zvezdica:hover .strelica_profil,
#zvezdica:active .strelica_profil{
    display:inline-block;
}

#prase:hover .strelica_profil,
#prase:active .strelica_profil{
    display:inline-block;
}

#covek:hover .strelica_profil,
#covek:active .strelica_profil{
    display:inline-block;
}

/*//// kartica ///////*/

.don_kartica_profil{
    padding: 20px;
    min-height: 258px;
}

.don_o_t{
    border-right: 1px solid #888888;
    padding-right: 10px;
}

.don_kartica_profil h2{
    margin: 10px 0;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.don_kartica_profil p{
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    color: #888888;
    line-height: 1.5;
    margin: 0;
}

.don_kartica_profil a{
    float: right;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    text-transform: lowercase;
    color: #000;
    margin-right: 5px;
    margin-top: 10px;
}

.don_kartica_profil span{
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #888888;
}

.don_s_p{
    padding: 20px 20px 0 20px;
}

.don_kartica_profil h4{
    margin: 0;
    font-size: 18px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.procenat{
    text-align: center;
    font-size: 18px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
}

.dodatni_info{

}

.dodatni_info div{
    width: 33%;
    float: left;
    height: 50px;
    /*background-color: red;*/
}

#prof_comentar{
    background-image: url(/HTML/img/commenthover.png);
    background-position: 65% 0;
    background-repeat: no-repeat;
    border-right: 1px solid #888;
}

#prof_comentar span,
#prof_donator span,
#prof_dani span{
    font-size: 18px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    text-align: center;
    color: #000;
    margin-left: 20%;
}

#prof_comentar p{
    font-size: 11px;
    text-align: center;
    margin-top: 10px;
}

#prof_donator{
    background-image: url(/HTML/img/donatori.png);
    background-position: 70% 0;
    background-repeat: no-repeat;
    border-right: 1px solid #888;
}

#prof_donator p{
    font-size: 11px;
    text-align: center;
    margin-top: 10px;
}

#prof_dani p{
    font-size: 11px;
    text-align: center;
    margin-top: 10px;
}

#prof_dani{
     background-image: url(/HTML/img/sat.png);
    background-position: 85% 0;
    background-repeat: no-repeat;

}

/*EDIT PROFILA POCETAK*/

.nemate_ni_jednu{
    font-size: 30px;
    background-color: #fff;
    text-transform: uppercase;
    border-radius: 7px;
    padding: 5px 20px;
    font-family: 'Open Sans',sans-serif;
    border: 1px solid #E1E1E1;
    margin: 0 10px;

}

.edit_profile{
    min-height: 375px;
}

.edit_img{
    /*width: 25%;
    float: left;*/
    border-right: 2px solid #F5F5F6;
    min-height: 220px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

.bottom_img{
    min-height: 400px;
}

.edit{
    margin-bottom: 30px;
}

.upload_img {
   width: 120px;
   opacity: 0;
   cursor: pointer;
}
.omot, .omot form {
    height: 120px;
}
.ratm, .sacuvaj{
    background-image: url(images/addphoto.png);
    background-position: 6px center;
    background-color: #FF7500;
    background-repeat: no-repeat;
    width: 120px;
    height: 35px;
    border-radius: 8px;
    z-index: 100;
    display: block;
    margin: -30px 0 0 70px;
    font-size: 12px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    color: #fff;
    line-height: 35px;
    vertical-align: middle;
    padding-left: 30px;
    text-transform: uppercase;
}

.sacuvaj:hover,
.sacuvaj:active{
    background-color: #5C70B5;
}

.slichka_save{
    background-image: none !important;
    padding-left: 5px;
}
.sacuvaj {
    margin-top:20px;
    border: none;
}
.edit_fields{
    /*width: 75%;*/
    float: left;
    margin-top: 40px;
    padding-left: 80px;
}

.edit_fields input{
    display: block;
    border: 1px solid #E1E1E1;
    margin-bottom: 15px;
    font-size: 16px;
    width: 40%;
}

.edit_fields label{
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    text-transform: lowercase;
}

.sacuvaj_profil{
    background-color: #FF7500;
    border-radius: 8px;
    clear: both;
    color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px !important;
    width: 120px !important;
    border: none !important;
    height: 35px;
    margin-left: 162px;
    text-transform: uppercase;
}

.sacuvaj_profil:hover,
.sacuvaj_profil:active{
    background-color: #5C70B5;
}

.slichka{
    margin: -10px 50px;
}



.edit_organizacije input,
.edit_organizacije textarea,
.nastavak input,
.nastavak textarea{
    display: block;
    border: 1px solid #E1E1E1;
    margin-bottom: 15px;
    font-size: 16px;
    width: 85%;
}


.edit_organizacije label,
.nastavak label{
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    text-transform: lowercase;
}

.edit_organizacije,
.nastavak{
    /*width: 36%;
    float: left;*/
}

.edit_organizacije{
    padding: 45px 0 35px 55px;
}

.nastavak{
    padding: 45px 0 35px 55px;
}

.sacuvaj_organizacija{
    background-color: #FF7500;
    border-radius: 8px;
    /*clear: both;*/
    color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px !important;
    width: 120px !important;
    border: none !important;
    height: 35px;
    margin-right: 50px;
    text-transform: uppercase;
    float: right;
    margin-top: 20px;
}

.sacuvaj_organizacija:hover,
.sacuvaj_organizacija:active{
    background-color: #5C70B5;
}



/*EDIT PROFILA KRAJ*/

/*///////////////////////////////////*/

/* Popup */

#overlay_form{
position: absolute;
background: white;
z-index:2000;
border-radius: 7px;
border: 1px solid #ccc;
}

.iskljuci{
    height: 65px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 45px;
    text-align: right;
    padding-right: 20px;
    padding-top: 10px;
    font-size: 30px;
    color: #888;
}


.izbor_popup{
    width: 440px;
    height: 270px;
    text-align: center;
}

.izbor_popup p{
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    color: #888888;
}

.izbor_login {
    width: 170px;
    height: 35px;
    display: inline-block;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: #FF7500;
    background-image: url(/HTML/img/logovanje.png);
    background-position: 7px 7px;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    padding-left: 20px;
    margin-right: 15px;
    text-transform: uppercase;
}

.izbor_section {
    width: 180px;
    height: 35px;
    display: inline-block;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: #FF7500;
    background-image: url(/HTML/img/loginw.png);
    background-position: 4px 3px;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    padding-left: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.izbor_section:hover,
.izbor_section:active,
.izbor_login:hover,
.izbor_login:active{
    text-decoration: none;
    color: #fff;
    background-color: #5C70B5;
    outline: none;
    border: none;
}

.lforma_popup{
    height: 380px;
    width: 500px;
}

.naslovX{
    height: 65px;
    border-bottom: 1px solid #CCCCCC;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding-left: 30px;
    line-height: 65px;
    margin-bottom: 40px;
}

/*.iskljuci{
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;
    font-weight: 400;
    padding-right: 30px;
}*/

.close,
.close:hover,
.close:active{
    float: right;
    margin-right: 30px;
    outline: none;
    background: url(/HTML/img/close.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 19px;
    margin: 25px 25px 0 0 ;
}

#loguser,
#logpassword,
#lozresetinput {
    border: 1px solid #FF7500;
    width: 240px;
    height: 35px;
    padding-left: 10px;
}

.lforma_popup label{
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    font-size: 16px;
    margin-left: 65px;
    text-transform: lowercase;
}

#loginbutton,
.resetpassclick,
.spec_poc_reglink {
    width: 130px;
    height: 35px;
    display: inline-block;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: #FF7500;
    background-image: url(/HTML/img/logovanje.png);
    background-position: 7px 7px;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    padding-left: 20px;
    border: none;
    // margin-left: 100px;
    font-weight: bold;
    text-transform: uppercase;

}

#loginbutton:hover,
#loginbutton:active,
#loginbutton:focus{
    text-decoration: none;
    color: #fff;
    background-color: #5C70B5;
    outline: none;
    border: none;
}

.lforma_popup p{
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    // margin-left: 100px;

}

/*///////////////////DONIRSAJ STRANA PHP POCETAK /////////////////////*/

.don_koja_kampanja{
    border: 1px solid #ccc;
    max-width: 273px;
    min-height: 330px;
    background-color: #fff;
    border-radius: 7px;
    padding: 17px;
   /* text-align: center;*/
    /*font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;*/
}

.don_koliko_para{
    border: 1px solid #ccc;
    min-height: 330px;
    background-color: #fff;
    border-radius: 7px;
}


.dalje_naplata,
.dalje_naplata:visited{
     width: 130px;
    height: 35px;
    display: inline-block;
    border-radius: 7px;
    color: #fff !important;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: #FF7500;
    background-image: url(/HTML/img/dalje.png);
    background-position: 7px 7px;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    padding-left: 20px;
    border: none;
    margin-left: 100px;
    text-decoration: none !important;
    outline: none !important;
}

.dalje_naplata:hover,
.dalje_naplata:active{
    text-decoration: none;
    color: #fff;
    background-color: #5C70B5;
    outline: none;
}

#koliko{
    border: 1px solid #FF7500;
    width: 340px;
    height: 40px;
    font-size: 24px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    color: #000 !important;
    padding-left: 10px;
}

.kptm{
    font-size: 30px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    display: block;
}

.ime_donacije_naplata{
    text-align: left;
    font-size: 20px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    margin-top: 10px;
}

.text_donacije_naplata{
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    color: #888888;
    text-align: left;
}

/*///////////////////DONIRSAJ STRANA PHP KRAJ /////////////////////*/

/*PAGE TEMPLATE START*/

.don_strana_template{
    background: #fff;
    padding: 20px;
}

.don_naslov_strane{color: #181818;
    font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 3px solid #5C70B5;
    padding-bottom: 5px;
}

.don_sadrzaj_strane{
    /*border-bottom: 3px solid #5C70B5;*/
}
/*
.wpcf7-form p{
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
}

.wpcf7-text,
.wpcf7-textarea{
    border: 1px solid #FF7500;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    color: #888888;
    line-height: 1.5em;
    padding: 5px 0;
    width: 300px;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus,
.wpcf7-text:hover,
.wpcf7-textarea:hover{
    border: 1px solid #5C70B5;
}

.wpcf7-submit{
    display: block;
    min-height: 60px;
    background-color: #FF7500;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    border:none;
    margin-top: 10px;
    text-align: center;
    text-decoration: none !important;
    color: #fff;
    line-height: 60px;
    vertical-align: middle;
    outline: none !important;
    padding: 0 20px;
}

.wpcf7-submit:hover,
.wpcf7-submit:active{
    background-color: #5C70B5;
}
*/

/*THANK YOU STRANA*/

.transakcija,
.faq{
    background-color: transparent;
}

.transakcija #naslov,
.faq #naslov{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 26px;
    border:1px solid #D7D7D7;
    border-radius: 7px;
    padding: 10px 20px;
    background-color: #fff;
}

.transakcija .uspela_transakcija span, .spec_us_trans span{
    background-image: url(images/uspesna.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 35px;
    height: 33px;
    background-color: #5C70B5;
    display: block;
    float: left;
}

.transakcija p{
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    vertical-align: middle;
   /* display: inline-block;*/
    margin: 0 10px;
    color: #888888;
}

.podaci{
    background-color: #fff;
    border:1px solid #D7D7D7;
    margin: 15px 0 2px 0;
    min-height: 300px;
}

.podaci h1{
    margin: 0;
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 22px;
    border-bottom:1px solid #D7D7D7;
}

.podaci p,
.podaci em{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-style: normal;
    padding: 0 10px;
    height: 25px;
}

.podaci em{
    text-transform: none;
}

.podaci_o_donaciji em{
    float: right;
}

#ukupno{
    border-top: 1px solid #D7D7D7;
    font-size: 22px;
    margin-top: 20px;
    padding-top: 20px;
    color: #000;
}


.podaci_o_donaciji h1{
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 15px 0 15px 50px;
}

.podaci_o_transakciji h1{
    background-image: url(images/transakcija.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding: 15px 0 15px 60px;
}

.podaci_o_korisniku h1{
    background-image: url(images/korisnik.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding: 15px 0 15px 60px;
}

.podaci_o_korisniku img{
    margin: 7px 15px 0 15px;
}

.podaci_o_sajtu h1{
    background-image: url(images/sajt.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding: 15px 0 15px 60px;
}

.uspela_transakcija{
    border: 1px solid #D7D7D7;
    height: 35px;
    font-weight: bold;
    background-color: #fff;

}
.uspelo{
   margin-left: 45px !important;
   font-family: 'Open Sans', sans-serif !important;
   color: #000 !important;
   font-weight: 400 !important;
}

.neuspela_transakcija{
    border: 1px solid #E1E1E1;;
    height: 35px;
    font-weight: bold;
    background-color: #fff;

}
.neuspelo{
    margin-left: 45px !important;
   font-family: 'Open Sans', sans-serif !important;
   color: #000 !important;
   font-weight: 400 !important;
}

.transakcija .neuspela_transakcija span{
    background-image: url(/HTML/img/validacija.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 35px;
    height: 33px;
    background-color: #FF7500;
    display: block;
    float: left;
}

/* F A Q pocetak*/

.f_a_q{
    /*height: 40px;*/
    line-height: 40px;
    vertical-align: middle;
    margin-bottom: 20px;
    cursor: pointer;
}

.pitanje{
    border: 1px solid #D7D7D7;
    background-color: #fff;
    margin-left: 40px;
    padding-left: 15px;

}

.odgovor{
    border: 1px solid #D7D7D7;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
    margin-left: 40px;
    display: none;
    margin-top: 20px;
    line-height: 1.5em;
}

.faq span{
    width: 25px;
    height: 40px;
    background-image: url(images/strelice.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: none;
    display:block;
    float: left;

}

.active_span{
    width: 25px;
    height: 40px;
    background-image: url(images/strelice.png);
    background-repeat: no-repeat;
    background-position: 0 -50px !important;
    background-color: none;
    display:block;
    float: left;
}


.faq p{
   font-family: 'Open Sans', sans-serif ;
   color: #000 ;
   font-weight: 400 ;
   margin: 0;
}

/* F A Q kraj*/

/*AJAX PRELOADER*/

#preloaderwrap {
    height: 100%;
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    background-color: #000;
    opacity: 0.7;
    display: none;

}
.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;
}
.fbFeedbackPosts {
    background-color:#000;
}
.privremeni_box {
    position: relative;
    height:50px;
    width:100%;
    margin-top:100px;
}
.privremeni_box a {
    color:#FF7500;
    font-weight: bold;
}

/*ADD THIS */
.uspela_transakcija {
  /*  display: none;*/
}
.centriraj {

    margin-top:10px;
    margin-bottom:20px;
}
.centriraj .fball_ui {
    margin-left:90px;
}

.fball_login_facebook {
    margin-top:6px;
    /*alex fix start*/
    /*margin-left: 90px;*/
    margin-bottom: 15px;
    /*alex fix end*/
}

.desni_box_fb {
    display: none;
}

.prvawra .inputtextwrap {
    float: right;
    width: 337px;
}

.cent2 {
    max-width:612px;
    margin:0 auto 0;
}

.ctrlwrap .previousbtnreg {
    margin-top:18px;
}

.cboxdesnispec {
    width:50%;
    float: left;
}

.cboxlevispec {
    width:50%;
    float: left;
}
.cboxlevispec .cbwrpspec {
  margin-left:0px !important;
}

.cboxdesnispec .cbwrpspec {
    margin-left:0px !important;
}

.oblast_del_reg, .ciljna_grupa_reg, .kategorija_projekta, .oblast_del_pro, .ciljna_grupa_pro {
    width:20px !important;
    /*height: 0px !important;*/
    /*alex fix start*/
    height: 20px !important;
    float: left;
    /*alex fix end*/
}
.cbwrpspec {
    margin-top:10px;
    margin-bottom:10px;

}

.dspecfform {
    max-width: 1000px !important;
}
.cboxh2 {
    margin-left:20px;
    border-bottom: 1px solid #CCCCCC;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding-bottom:6px;
    margin-right:20px;
}

.cbwrpspec {
    margin-left:60px !important;
}
.cboxwrapspec .ciljna_grupa_reg, .cboxwrapspec .oblast_del_reg {
    margin-left:0px !important;
}

/* ////////////Alex CSS///////////////// */

.headline_alex{
    margin-left: 25%;
    font-weight: normal;
    /*color: #5b5b5b;*/
}
.headline_alex_2{
    margin-left: 3%;
    font-weight: normal;
}
.alex_fix_right_box .textareawrap,
.korak_2 .inputtextwrap{
    width:100%;
}
.alex_fix_right_box .textareawrap textarea,
.korak_2 .inputtextwrap textarea{
    width:84%;
    height:60px;
}
.alex_fix_right_box .inputtextwrap{
    width:100%;
}

.alex_fix_right_box .inputtextwrap input{
    width:84%;
}

#vrsta_reg_apr{
    width: 84%;
}

.go_back{
    background-image: url(images/back.png) !important;
}


@media (min-width :320px) and (max-width :480px) {

    .dalje_org_dug {
        background-image: none;
        background-repeat: no-repeat;
        background-position: 10px center;
        padding: 2% 13% 2% 13% !important;
    }
    .dugme_reg {
        margin-top:10%;
        font-size: 1em;
    }
    .prew,
    .prew:hover,
    .prew:active{
        margin-left: 14%;
    }
    .cbwrpspec {
        margin-left: 15px !important;
    }

    .alex_fix_right_box .textareawrap textarea,
    .korak_2 .inputtextwrap textarea{
        width:84%;
        height:60px;
    }
    .alex_fix_right_box .inputtextwrap input{
        width:84%;
    }

    #vrsta_reg_apr{
        width: 84%;
    }

    .headline_alex_2{
        margin-left: 30%;
        display: none;
    }

    .headline_alex{
        margin-left: 30%;
    }

    #fball-facebook-login .facebook_f {
        margin-left: 6%;
        font-size: 1.7em;
        line-height: 130% !important;
    }

    #fball-facebook-login a span {
        font-size: 0.8em;
    }

    .desno_box input {
        margin-left: 0px !important;
    }

    .dugme_reg {
        margin-top: 4%;
        font-size: 1em;
    }

    .dalje_org_dug {
        padding: 5% 17% 6% 15% !important;
    }

}

@media (min-width :320px) and (max-width :720px) {
    .edit_img,
    .bottom_img,
    .edit_organizacije,
    .nastavak
    {
        /*width: 100%;*/
    }

    .edit_organizacije{
        padding: 0;
        margin-left: 35px;
    }

    .edit_img .profil_slika_edit,
    .bottom_img .profil_slika_edit,
    .bottom_img #novi_post,
    .edit_img #novi_post{
        float: left;
        margin-top: 35px;
    }
    .bottom_img #novi_post,
    .edit_img #novi_post{
        width:50%;
    }
    .edit_img .profil_slika_edit,
    .bottom_img .profil_slika_edit{
        margin-left: 40px;
    }

    .bottom_img{
        min-height: 400px;
    }
}
.slikaparagraf {
    margin-left:60px;
    float: left;
}

.ctrlwrap{
    margin-top: 20px;
    margin-bottom: 40px;
}

.previous_step{
    margin-top: 0 !important;
}

 .desno_box input{

 }

 #blah{
    background-color: #fff;
    padding: 7px;
    border: 1px solid #999;
    border-radius: 5px;
    margin-left: 15%;
    margin-top: 5%;
    display: none;
    width: 84%;
 }

.button_top{
    margin-top: 5px;
}

.desno_box .inputtextwrap {
   overflow: none !important;
   margin-left:10px !important;
}
.desno_box .inputtextwrap label {

}


/* ///////// Alex CSS  ///////// */
.nastavak #partneri_pro_reg{
    margin-bottom: 20px;
}

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);

.alex_content{
    border: 1px solid #CCC;
    border-radius: 8px;
    padding: 0;
}

.icon_image{
    float: left;
    position: relative;
    top: -10px;
    margin-right:2%;
    /*margin-left:2%;*/
}

.alex_content h3:first-child{
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
    font-size: 25px;
    font-weight: 300;
    padding-left: 25px;
}

.alex_content p a img{
    border-bottom: 0;
    margin: 0 auto;
    display: block;
    height: auto;
    padding: 2%;
}

.alex_content blockquote{
    color: #181818;
    font-family: 'Open Sans',sans-serif;
    width: 80%;
    margin-left: 8.5%;
    border-left: 7px solid #5c70b4;
    padding-left: 4%;
    padding-top: 2%;
    padding-bottom: 2%;
    font-size: 17px;
    font-style: oblique;
    font-weight: 300;
    margin-bottom: 5%;
}

.alex_content  p blockquote{
  display: inline;
}

.alex_content blockquote p{
    color: #181818;
}

.alex_content .don_sadrzaj_strane{
    margin-left: 2%;
}
.alex_content h1, .alex_content h2, .alex_content h3, .alex_content h4, .alex_content h5, .alex_content h6 {
      color: #181818;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
}
.alex_content h3{
    font-size: 25px;
}
.alex_content h2 {
    font-size: 28px;
}
.alex_content p{
    color: #181818;
    font-family: 'Open Sans',sans-serif;
    color: #8f8c8c;
    width: 90%;
    font-size: 16px;
}

.alex_content a{
    font-style: italic;
    color: #5c70b4;
    font-weight: bold;
}

.alex_content li{
    color: #181818;
    font-family: 'Open Sans',sans-serif;
    color: #8f8c8c;
    width: 90%;
    font-size: 16px;
}

.alex_content ul li{
    margin-left: 4%;
}

.alex_content ul {
    list-style: none;
    padding:0;
    margin:0;
}

.alex_content ul li:before {
    content: "• ";
    color: #5c70b4;
}

.alex_content ol{
    counter-reset: i 0;
    list-style: none;
    font-family: 'Open Sans',sans-serif;
}
.alex_content ol li:before {
    content:counter(i) ". ";
    counter-increment: i;
    color: #5c70b4;
    font-weight: bold;
    font-family: 'Open Sans',sans-serif;
}


/*///////Drop down menu ////////*/


.menu li {
    position: relative !important;
}
.menu li ul li a {
    color: #fff;
}
.menu li ul {
    display: none;
    position: absolute;
    background-color: #FF7500;
    width: 220px;
    /*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
}


.menu li:hover ul {
    display: block;
    width: 220px;
}

.menu li:hover {
    background-color: #FF7500;
}
.menu li:hover a{
    color: #fff;
    font-size: 14px;
}
.menu .sub-menu li:hover,
.menu .sub-menu li{
    width:220px;
    text-align: left;
}
.menu .sub-menu li{
    height:38px;
    border-bottom: 1px solid #c64e42;
}
.menu .sub-menu li a{
   /* float:left;*/
    height:38px;
    margin-left: 15px;
    line-height: 38px;
    border-bottom: 1px solid #c64e42;
}
.menu .sub-menu li:hover,
.menu .sub-menu li a:hover{
    background-color: #cc6600;
}

.menu .sub-menu{
    padding: 0;
}


/*/////PROFLIE FORM //////*/
.oblast_del_reg,
.ciljna_grupa_reg{
    margin-bottom: 0px !important;
}

.boxwrppg {
    width:190px;
    height: 120px;
    float: left;
    margin-left:33px;
    margin-top:24px;
    background-color: #F3F3F3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.cvrbox {
    position: absolute;
    z-index: 9;
    width:190px;
    height:120px;
    cursor: pointer;
    background-color: #F3F3F3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.crvbox:hover{
    background-color: #5B6FB5 !important;
    color: #fff !important;
}


.radwrap {
    position: absolute;
    z-index:8;
    float: left;
    width: 190px;
}
.twrap {
    height: 4px;
    background-color: #ff7500;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.specboxwrppg {
    text-align: center !important;
    background-color: #ff7500;
    cursor: pointer;
}
#textinbx  {
    background-color: #ff7500;
    border: 1px solid #fff;
    height: 26px;
    display: block;
    width:142px;
    margin:0 auto 0;
    color:#ffffff;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    padding-left:5px;
}
.boxbgdcol {
    background-color: #ff7500;
    color: #fff !important;
}
.boxbgdcol p {
    color: #fff !important;
}
#textinbx {
     text-transform: uppercase !important;
}
.pboxtxt {
    text-transform: uppercase;
    font-weight: 600;
    
}
.inputwrap2s {
margin-top:32px;
}
.inputwrap2s label {
    color:#fff !important;
    font-size: 13px;
    font-family: 'Open Sans',sans-serif;
}
.pboxtxt {
    text-align: center;
    margin-top:45px !important;
    font-family: 'Open Sans',sans-serif;
    font-size: 17px;
    color: #ff7500;
}
.specsubmit {
    border: none;
    background-color: #FF7500;
    border-radius: 0px;
    color: #FFFFFF !important;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    margin-top: 10px;
    padding: 6px 10px 6px 6px;
    text-transform: lowercase;
    background-image: url("/HTML/img/dalje.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 12px 45px 12px 55px !important;
}


.specsubmit:hover{
    background-color: #FF7500;
}

.submwrap {
    text-align: right;
    padding-right:50px;
    margin-top:10px;
}

.sambox{
    margin-left: 0;
    width: 92%;
    padding-top: 15px;
}

.ukuprsd{
    font-family: 'Open Sans',sans-serif;
    display: none;
    text-align: left;
    font-size: 18px;
    font-weight: 300;
}

#totrsd{
    font-weight: bold;
}

.sambox .inputwrap2s label{
    display: none;
}

@media (max-width: 990px) {
    .don_koja_kampanja {
        max-width: 100% !important;
        margin-bottom:20px;
        min-height: 100% !important;
    }
    .don_koja_kampanja img {
        float: left;
        margin-right:30px;
    }
    .alex_content p a img {
    width: 100%;
}

}

@media (max-width: 765px) {
    .boxwrppg {
        width:90% !important;
        margin-left:0 !important;
    }
    .boxwrppg .cvrbox {
 width:87% !important;
            margin-right: 40px;
    }
    .don_koliko_para {
        padding-left: 20px !important
    }

    .don_koliko_para #doniraj_form {
  padding-left:0px !important;
  margin-right: 20px;
    }
    .don_koliko_para {
        padding-left:10px !important;
    }
}

.checkoutinpwrap {

    width: 49%;
    float: left;
}
.checkoutinpwrap input {
    border: 1px solid #FF7500;
    width: 236px;
    height: 28px;
}
.checkoutinpwrap label {
    display: block;
    width: 80px !important;
    float: left;
}

.kp_spec {
    padding:0px !important;
}
.kp_spec h1 {
    margin-top:0px;
    margin-bottom:50px;
}

/*Alex Profil form css*/
.alex_vrsta_reg{
    display: block;
    margin-bottom: 50px;
}

.edit_img .omot #novi_post .ratm{
    float: left;
}
.edit_img .omot #novi_post .slichka_save,
.edit_img .omot #novi_post .ratm{
    margin-left: 112px;
}
@media (min-width :724px) and (max-width :991px) {

    .edit_img .omot #novi_post .ratm{
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 10px;
    }
    .edit_img .profil_slika_edit{
        float: left;
        margin-left: 50px;
        margin-right: 50px;
    }
    .bottom_img {
        min-height: 150px;
    }
    .edit_img .omot .slichka .uspela_transakcija{
        width: 35%;
        overflow: hidden;
    }
}

@media (min-width :446px) and (max-width :723px) {
    .edit_img .omot #novi_post .slichka_save,
    .edit_img .omot #novi_post .ratm{
        margin-left: 20px;
    }
    .bottom_img {
        min-height: 210px;
    }
    .edit_img .omot .slichka .uspela_transakcija{
        overflow: hidden;
        float: left;
        margin-left: 20px;
    }
}

@media (min-width :320px) and (max-width :445px) {
    .bottom_img {
        min-height: 410px;
    }
    .edit_img .omot #novi_post .slichka_save,
    .edit_img .omot #novi_post .ratm{
        margin-left: 50px;
    }
    .edit_img .edit{
        margin-bottom: 0px;
    }
    .edit_img .omot .slichka .uspela_transakcija{
        overflow: hidden;
        float: left;
        margin-left: 20px;
    }

}

.alex_add_label{
    display: block;
    margin-bottom: 20px;
}

/*Alex Fixes Registracija*/

.org_box .korak_2 .cboxwrapspec{
    margin-left: 60px;
    margin-top: 150px;
}

.boja_specbox {
background-color: #F3F3F3;
}
.boja_specbox input {
border: 1px solid #ff7500 !important;
background-color: #F3F3F3 !important;
}
.boja_specbox label {
 color:#ff7500 !important;
}

.redborder {

}
.checkoutinpwrap {
    margin-bottom:10px;
}
.checkoutinpwrap div {
display: none;
background-color: #e31;
    background-image: url("/HTML/img/validacija.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    padding-left: 40px;
    width: 236px;
    margin-left:80px !important;
    margin-top:2px;
    margin-bottom:5px;
}

.required_asterisk{
    color: red;
  }

.tooltip_error {
    
    position: relative;
    background: #FFEEEE;
    padding: 0px 5px;
    font-size: 12px;
    border-radius: 100%;
    color: #c33;
    font-weight: bold;
    margin-left: 5px;
   
    
}

  
.tooltip_error:after {
    position: absolute;
    opacity: 0;
    transition: all 0.4s ease;
    content: attr(data-tooltip);
    background: #FFEEEE;
    width: 220px;
    height: 40px;
    font-size: 12px;
    font-weight: bold;
    color: #c33;
    top:-10px;
    left:-150px;
    padding: 10px;
    border-radius: 5px;
    letter-spacing: 1px;
    transform: translateY(20px);
    
  
  }

  
.tooltip_error:hover::after,
.tooltip_error:focus::after,
.tooltip_error:active::after
{
    opacity: 1;
    /* display:block; */
    transform: translateY(-2px);
}


.colle {
width:50%;
float: left;
}
.colle .checkoutinpwrap{
    width:100% !important;
}

.imauarrayu_single {
        background-repeat: no-repeat;
    background-position: 20% center !important;
    padding-left: 60px;
}

.imauarrayu_single:hover {
 background: url('images/single_unfollow.png') no-repeat !important;
    background-position: 20% center !important;
       background-color: #FF7500 !important;
}
.don_podeli_prati_single .zauzeto {
   background: url('images/single_unfollow.png') no-repeat !important;
     background-position: 20% center !important;
}

.don_podeli_prati_single .zauzeto:hover,
.don_podeli_prati_single .zauzeto:active{
    background: url('images/single_unfollow_hover.png') no-repeat !important;
  background-position: 20% center !important;
          background-color: #FF7500 !important;
}

.notify_doniraj {
 width:70%;
 float: left;
 text-align: left;
 padding-left:40px;
}

.notify_doniraj {
    background-color: #5D70B4;
    background-image: url("/HTML/img/validacija.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #FFFFFF;
display: none;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    line-height: 30px;
margin-left:30px;
    margin-top: 12px;
    padding-left: 40px;
    width:67%;
 float: left;
 text-align: left;
    }

 /*   #novi_post {

        position: relative;
        top:400px;
    }
 #thumbnail {
position: absolute;

    }
    .upload_img {
        position: absolute;
        left:0px;
        top:-40px;
        height:30px;
        width: 100px !important;
    }

     #novi_post .ratm{
position: absolute;
 z-index: 100;
     }

     #blah {
        top:-200px;
        width:300px;
        height:150px;
     } */
@media (min-width :967px) and (max-width :990px) {
    .desno_box{
        margin-top: 50px;
    }
}

@media (min-width :320px) and (max-width :967px) {
    .desno_box{
        margin-top: 270px;
    }
}

/* needs a cleanup it sucks. */
#novi_post{
    float:left;
}

.upload_img{
    cursor:pointer;
}

.ratm{
    cursor:pointer;
}

.uspela_transakcija{
    position: relative;
}

.uspela_transakcija span,
.uspela_transakcija p{
    position: absolute;
}

.bottom_img img{
   width: 125px;
   margin-bottom: 50px;
}
.primg_wrap img {
    width: 125px;
}
/*
.donator_forma_edit .bottom_img{
   width: 50% !important;
   float: left;
}

.donator_forma_edit .edit_fields{
   width: 50% !important;
}
*/
.button_wrapper{
  position: relative !important;
  width: 120px;

}

.button_wrapper #thumbnail{
  position: absolute !important;
  top:-40px;
  left:100px;
  z-index: 120 !important;

}
.button_wrapper .ratm {
      position: absolute !important;
      z-index: 100 !important;
}



/* cleanup end */
.specchinput {
    float: left;
    padding-left: 20px;
    width:60px !important;
}
.specchinput input {
    margin-left:10px;
    margin-top:5px;
    padding-top:5px;
}
.specboxend input, .specboxend label {
    margin-left:20px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("css/images/ui-icons_222222_256x240.png") !important;
}

h1 {
    font-family: 'Open Sans',sans-serif;
}
.alex_error{
    margin-bottom: 20px;
}

.error_paragraph p{
    height: auto;
}
@media (min-width :320px) and (max-width :348px) {
    .alex_error p{
       font-size: 12px;
    }
}
/* mybie scroll */
.transakcija{
    background-color: #fff;
}
.mtitle {
    float: left;
  width:200px;
}
.dwd2 {
margin-right:10px;
    float: right;
text-decoration: none;
color: #000 !important;
}

#textinbx::-webkit-input-placeholder {
    color: white;
     opacity: 1 !important;
}
#textinbx:-moz-placeholder {
    /* FF 4-18 */
    color: white;
     opacity: 1 !important;
}
#textinbx::-moz-placeholder {
    /* FF 19+ */
    color: white;
     opacity: 1 !important;
}
#textinbx:-ms-input-placeholder {
    /* IE 10+ */
    color: white;
     opacity: 1 !important;
}

#overlay_form #fb_log_in {
    margin-left:10px !important;
    margin-bottom:0px !important;
    margin-top:10px !important;
}
.neta {
  background-color: #5C70B5;
  color:#fff;
  padding:10px;
  text-align: center;
  text-transform: uppercase;
}
.hlinkgre {
    float: right;
    background:url("/HTML/img/homeicon.png") no-repeat;
    background-color: #FF7500;
    height: 100%;
    padding-left:40px;
    padding-right: 10px;
    padding-top:6px;
    color:#fff !important;
    font-weight: normal;
    background-position: 10px 5px;
}
.hlinkgre:hover {
    text-decoration: none;
}

.rw-report-link{
    display: none !important;
}

.ratingwidget {
    text-align: center !important;
    padding-top:15px;
    padding-bottom: 15px;
    background-color: #fff;
    margin-bottom:20px;
    border: 1px solid #E1E1E1;
    -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.ttformnone {
    text-transform: none !important;
}

.don_info {
    margin-bottom: 20px;
}

#overlay_form label {
    float: left;
    display: block;
  width:60px;
}

.slichka .uspela_transakcija {
    display: none;
}

.slbr1,
.slbr2,
.slbr3{
    width: 60px;
    margin-left: 10px;
}

.slbr1, .slbr2 {

}
.slbr3 {

}
.slbr4 {

}

.slbr5 {
 }
.slbr6 {

}
.cardbox {
  margin-top: 25px;
  /*text-align: center;*/
  bottom:0px;
  position: relative;
  margin-bottom: 20px;
  overflow: auto;
}

.levi_brending,
.desni_brending{
    width: 46%;
    float: left;
}

.levi_brending{
    text-align: left;
    margin-left: 25px;
    visibility: hidden;
}

.don_int_kart .levi_brending{
    visibility: visible;
    margin-top: 20px;
    margin-bottom: 20px;
}

.desni_brending{
    text-align: right;
    margin-right: 30px;
}

.cardbox a {
  margin-left: 35px;
}

.cardbox a:last-child{
    margin-left: 0;
}

.fvrap {
  /* width: 500px;
     float: left; */
}
.fvrap label {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
}
.fvrap input[type="text"], .fvrap select {
    border: 1px solid #FF7500;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    color: #888888;
    line-height: 1.5em;
    padding: 5px;
    width: 400px;
    text-transform: lowercase;
}

.fvrap textarea {
    border: 1px solid #FF7500;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    color: #888888;
    line-height: 1.5em;
    padding: 5px 0;
    width: 400px;
    height: 200px;
}

.fvrap input[type="submit"]{
display: block;
background-color: #FF7500;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-transform: uppercase;
border: none;
margin-top: 10px;
text-align: center;
text-decoration: none !important;
color: #fff;
line-height: 40px;
vertical-align: middle;
outline: none !important;
padding: 5px 40px;
}
.podaci_o_korisniku {
   /* width:300px;
    float: left; */
}

.fvrap span {
    margin-left: 20px;
}

.validacijafail {
    border: 2px solid red !important;
}
.skloniovo {
display: none;
}
.spectrans123 .podaci_o_korisniku {
  width:100% !important;
}

.spectrans123 {
    padding-bottom: 10px;
}
.saglasandane {
    position: relative;
    margin-left: 40px;
    top:-10px;
    width:400px;
    top:-40px;
}
.saglasandane a {
    color: #FF7500;
}
#ukor_sag {
    margin-top:4px;
    float: left;
    margin-right: 10px;
}
.spec_upozorenje {
    color: red;
    padding:2px;
    border: 1px solid red;
    display: none;
}
.specrow_123 .col-md-6 {
  padding:30px;
}
.cont_drugisp6 {
    border-left:1px solid #ccc;
    margin-top:50px;
    padding-top:0px !important;
}
.cont_drugisp6 .podaci_o_korisniku  {
    margin-top: 0px;
}
.cont_drugisp6 .podaci_o_korisniku h2 {
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
}
.podaci_o_korisniku p {
     font-family: 'Open Sans', sans-serif;
}
.podaci_o_korisniku p span {
    text-transform: uppercase;
}
.cont_drugisp6 h2 {
    margin-top:0px;
}
.neuspesspe {
    margin-bottom: 30px;
}
.don_nav {
    margin-left: 150px;
}
.dugme_kampanja {
    text-transform: uppercase;
}
.specboxwrppg input::-webkit-input-placeholder {
     text-transform: uppercase;
}

.specboxwrppg input::-moz-placeholder {
     text-transform: uppercase;
}
.specboxwrppg input:-ms-input-placeholder {
text-transform: uppercase;
}


input::-webkit-input-placeholder {
    text-transform: lowercase;
}
input::-moz-placeholder {
    text-transform: lowercase;
}
input:-moz-placeholder {   /* Older versions of Firefox */
    text-transform: lowercase;
}
input:-ms-input-placeholder {
    text-transform: lowercase;
}

textarea::-webkit-textarea-placeholder {
    text-transform: lowercase;
}
textarea::-moz-placeholder {
    text-transform: lowercase;
}
textarea:-moz-placeholder {   /* Older versions of Firefox */
    text-transform: lowercase;
}
textarea:-ms-textarea-placeholder {
    text-transform: lowercase;
}
.validation {
      text-transform: lowercase;
}
.specboxend .validation {
    margin-left: 20px;
}

.big_white {
    text-align: center !important;
}
.speca_df123:hover {
text-decoration: none;
color: #000 !important;
}

.speca_df123 {
text-decoration: none;
color: #000 !important;
}
.specreghead h1 {
    margin-top:0px;
    margin-bottom: 50px;
}
.don_koliko_para form {
    padding: 15px 0px 20px 40px;
}

.kp_spec form {
    /* margin-left:50px; */
}

.spec_us_trans p {
    margin-top:6px;
}
.specinlink {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.cardbox img {
    margin-left:5px;
    margin-right: 5px;
}
.cardbox {
    left:0px !important;
}

.error-404 .don_poruka {
    margin-top:100px;
}
.sifra_reset_form {
    padding:0 30px 30px 30px;
}
.sifra_reset_form label {
    width:140px;
    display: block;
    float: left;
    text-align: left;
}
.sifra_reset_form .inputtextwrap input {
border: 1px solid #FF7500;
    height: 33px;
    width: 220px;
}
.sifra_reset_form .inputtextwrap {
    margin-bottom: 20px;
}

.sifra_reset_form .validation p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.sifra_reset_form .validation {
    margin-left:140px;
}

.specialpasswrap {
      border: 1px solid #ccc;
    min-height: 330px;
    background-color: #fff;
    border-radius: 7px;
   padding:0px;
}

.specregheadres {
    margin-top: 0px;
    margin-left: 0px;
}

.specialpasswrap {
    width:450px;
    margin:0 auto 0;
}

.resetshowform {
    color: #5B6FB5;
    cursor: pointer;
}
.resetwrp_lf {
    display: none;
}

.resetpassclick {
    margin-top:10px;
}
/* Privremeno */
footer .menu-item-655 {
    display: none;
}

.zapsifruwrap {
    width: 50%;
    float: right;
}
.zapsifruwrap label {
    margin-left: 0px;
    width: 110px !important;
}
.zapsifruwrap {
    // margin-right: 80px;
    margin-top:5px;
}
#zapamti {
    float: left;
    margin-top:6px;
    margin-left: 5px;
    margin-right: 10px;

}

.lozinkazabwrap p, .lozinkazabwrap label  {
    margin-left: 45px;
}

.lozinkazabwrap button {
margin-left:50px;
margin-top:20px;
}

.resetwrp_lf p {
    margin-bottom: 25px;
}
.specialpasswrap .uspela_transakcija {
    margin-top:50px;
    margin-left: 20px;
    margin-right: 20px;
}
.logrespecp {
    margin-left: 45px !important;
}
.spec_poc_reglink {
    margin-left:0px !important;
    margin-top:20px;
    background-image: url(/HTML/img/homeicon.png) !important;
    padding-left:30px;
}
.spec_poc_reglink:hover {
    color: #fff;
}

.specbtnkor1 {
    margin-top:20px;
    margin-right: -10px;
}

.specaddthis {
display: block;
height: 90px;
width:80px;
background: none;
padding-left:0px !important;
background: url(./images/sharehome.png) no-repeat center center;
}


.don_pra_header {
    padding-top: 0px;
   border:none;
   border-left:2px solid #ECECEC;
   overflow: hidden;
   background: none;
 border-right: 2px solid #ECECEC;
}

.specaddthis:hover {
background-color: #FF7500;
background-image: url(./images/sharehomehover.png) !important;
border-right: 2px solid #FF7500;
border-left: 2px solid #FF7500;
border-radius: 0px;
color: #fff !important;
}

.specaddthis:hover span {
    z-index:0;
    color: #fff !important;
}
.don_pra_header span {
    display: block;
   position: absolute;
   margin-top: 60px;
   padding-right:5px;
   width:80px;
   z-index: -6;
   color: #5F5F5F;
}

.ifrmboxfooter iframe {
    width:60px;
    float: right;
}

.specsocboxwrp {
    margin-top:20px;
    width:200px;
    float: right;
}
/*Arhiva strana*/
.archbox {
    position: relative;
 background-color: #fff;
 border-radius: 7px;
 border: 1px solid #E1E1E1;
 margin-bottom:20px;
}
.archbox .imagewraparchbox {
}

.archbox .imagewraparchbox img {
    display: block;
    width: 100% !important;
}
.archbox .imagewraparchbox {
 float: left;
 margin-right: 10px;
}
.archbox {
  padding:17px;
}
.archbox h2 {
    margin-top:0px;
    font-weight: normal;
    font-size: 18px;
    font-family: 'Open Sans',sans-serif;
}
.archbox .procvise_button {
    display: block;
    text-align: center;
    width:115px;
    height: 28px;
    float: left;
    background-color: #5B6FB3;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
    padding-top:8px;
    border-radius: 7px;
    font-family: 'Open Sans',sans-serif;
}
.archbox .procvise_button:hover {
text-decoration: none;
background-color: #FF7500;
}

.archbox p {
    color: #878787;
    position: relative;
    font-family: 'Open Sans',sans-serif;
}
.smbuttonholderarchbox {
    width:320px;
    position: absolute;
    left:360px;
    bottom:10px;
}
.iconbox_arch {
    width:90px;
    border-left: 1px solid #878787;
    float: left;
    padding-left: 10px;
}

.iconbox_arch .text_hold_arch p {
    margin:0px;
    font-size: 10px;
}

.text_hold_arch {
    margin-top:5px;
}
.prvarchbox {
    border: none;
}
@media (max-width: 360px) {
    .smbuttonholderarchbox {
        display: none;
    }
}
/*@media (max-width: 480px) {
    .don_pra_header {
        display: none;
    }
    .don_single_naslov a {
    display:none;
   }
}*/

@media (max-width: 700px) {
    .archbox .smbuttonholderarchbox{
      display: none;
    }
}
.spec_arh_sidebar aside {
    background-color: #fff;
border-radius: 7px;
border: 1px solid #E1E1E1;
}

.spec_arh_sidebar aside h1 {
    border-bottom: 1px solid #ccc;
  font-family: 'Open Sans',sans-serif;
  font-weight: normal;
  font-size: 18px;
  text-transform: uppercase;
/*  padding-bottom: 15px;*/
height: 50px;
line-height: 50px;
padding-left: 15px;
}

.tagcloud a {
 padding:5px;
 border-radius: 7px;
 background-color: #5B6FB3;
 color: #fff;
}

.tagcloud {
    padding-bottom:10px;
    padding:20px;
}

.tagcloud a {
    position: relative;
    display: inline-block;
    font-size: 13px !important;
    margin-right:10px;
    margin-top:10px !important;
}
.spec_arh_sidebar aside {
    margin-bottom: 20px;
}
.textwraparchbox h2 {
    text-transform: uppercase;
}
.spec_smbutton {
    position: relative;
    bottom:0;
    left:0;
}
.don_ukratko .icon_hold_arch {
width:20px;
float: left;
margin-right:5px;
}

.don_ukratko .iconbox_arch {
    width:110px;
}

.don_ukratko .smbuttonholderarchbox {
width:380px;
}

.next_prev_buttons {
    width:336px;
    height: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
}

.PostControlsWidget {
    background: none !important;
    border: none !important;
}

.np_button {
    width:156px;
    height: 50px;
    background-color: #5B6FB3;
    float:left;
}
.next_prev_buttons {
    color: #fff;
}
.next_prev_buttons .left_btn {
    margin-right: 23px;
}

.next_prev_buttons .left_btn p {
    margin-left:15px;
}

.next_prev_buttons .right_btn p {
 text-align: right;
 margin-right:15px;
}

.next_prev_buttons .right_btn p span {
margin-left:10px;
}

.next_prev_buttons .left_btn p span {
margin-right:10px;
}

.left_btn, .right_btn  {
 cursor: pointer;
}

.next_prev_buttons a {
    color: #fff !important;
}
.next_prev_buttons a:hover {
color: #fff !important;
}

.donsub_spec1 {
    margin-right: 10px !important;
}

@media (max-width: 570px) {
.colle {
    float: none;
    width: 100%;
    padding-right: 30px;
}
.colle input[type="text"] {
width: 100% !important;
}
.colle .checkoutinpwrap div {
width: 100% !important;
margin-left: 0px !important;
}
.don_koliko_para .reg_head {
    margin-bottom: 30px;
}
.spec_mob_margin123 {
    margin-top:20px;
    margin-bottom: 20px;
    text-align: left;
}
.saglasandane a {
    display: block;
}

}

.upcaselabel {
    text-transform: uppercase !important;
}
.ciljna_grupa_reg_val, .oblast_del_reg_val {
margin-left: 20px !important;
}
.tnx_for_log {
    margin-bottom: 60px;
    height: 410px;
    margin-top: 153px;
}
.small_letters {
    font-size: 10px;
}

.loginform_fieldswrap{
    text-align: center;
}

/*jiuyhgujhvgujhvbjuikhgbkijhbjkihbjkh*/
.don_sadrzaj{
    margin-bottom: 50px;
}

.rev_slider_wrapper {
    background-color: black;
}

.pagbox .current,
.pagbox a,
.pagbox a:visited {
padding:10px;
background-color: #FF7500;
color: #fff;
font-weight: 400;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
outline: none;
 font-family: 'Open Sans', sans-serif;
}

.pagbox a:hover,
.pagbox a:active{
    text-decoration: none;
    background-color: #5B6FB3;
    text-decoration:none;
}

.pagbox .current {
opacity: 0.7;
}
.pagbox {
padding-top: 20px;
margin-bottom: 10px;
}

/*YOU TUBE*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; 
/*overflow: hidden;*/
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.logo_donatora_single{
    width: 300px;
}

.logo_donatora_single img{
    height: 100px;
    width: auto;
}

.logo_ostaje,
.share_ostaje{
    display: block !important;

}

/* PRAVI TAGOVI CSS  START ///////////////////////////////////*/
.pravi_tagovi {
    background-color: #FFFFFF;
    border: 1px solid #E1E1E1;
    border-radius: 7px;
}

.pravi_tagovi h3 {
    border-bottom: 1px solid #CCCCCC;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    text-transform: uppercase;
}


.pravi_tagovi a{
    color: #fff;
    background-color: #5B6FB3;
    padding: 5px;
    border-radius: 7px;
    display: inline-block;
    font-size: 13px;
    margin:10px;
    position: relative;
}

/* PRAVI TAGOVI CSS  END ///////////////////////////////////*/

.specspan {
    margin-left: 30px;
    width:auto;
    float: left;
    text-transform: uppercase;
    color: #000;
}

.specspan a {
     color: #000;
}

/*   gotov_projekat  */

.uspesan_projekat{
    background-color: #84b55c;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: url(./images/like.png);
    background-repeat: no-repeat;
    background-position: 10% 40%;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 46px;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    border-radius: 0px;
}

.neuspesan_projekat{
    background-color: #5C70B5;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
   /* background-image: url(./images/like.png);*/
    background-image: none;
    background-repeat: no-repeat;
    background-position: 10% 40%;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 46px;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    border-radius: 0px;
}

.single_uspesan_projekat{
    background-image: url(./images/like.png);
    background-color: #84b55c !important;
    background-position: 10% 47%;
    cursor: auto;
    font-size: 16px !important;
}

.single_neuspesan_projekat{
    background-image: url(./images/like.png);
    background-image: none !important;
    background-color: #5C70B5 !important;
    background-position: 10% 47%;
    cursor: auto;
    font-size: 16px !important;
    padding-left: 0 !important;
}
#close_cross{
        display: none !important;
}
#ipp_mobile_close_tab {
    display: none !important;
}
#ipp_mobile_close_txt{
 display: none !important;
}

table#custom_table
{
    border-collapse: collapse;
}
td, th 
{
    border: 1px solid black;
    padding-left: 1%;
    width: 33.33%;
    vertical-align: top;
    text-align: left;
    margin-top: 15px;
}

/*
.responsive-container {
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.responsive-container iframe,
.responsive-container object,
.responsive-container embed,
.responsive-container video
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/


/*
.don_card {
	height: 460px;
	position: relative;
}

.don_prati_doniraj {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.don_card span {
        position: absolute;
        #bottom: 48px;
        width: 100%;
	top: 371px;	
}

.ui-widget-content {
	position: absolute;
	width: 86%;
	bottom: 85px;
}

@media (max-width: 768px) and (min-width: 523px) {
	.don_card span {
		top: 378px;
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.don_card span {
                top: 378px;
                width: 100%;
        }
}
*/

@media screen and (max-width: 1200px) {
	.don_nav {
		display: none;
	}	
}

@media screen and (max-width: 767px) {
	header.don_shadow_gornji .container1, .logo_ostaje img {
		margin-left: 15px;	
	}
}
.don_search {
	position: relative;
}

.search-form {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 65px;
}

#overlay_form {
	z-index: 999999 !important;
}

@media screen and (max-width: 1200px) {
	#darker img {
    		margin-top: 45px !important;
	}
}

@media screen and (max-width: 450px) {
	#overlay_form {
		transform: scale(0.8);
	}
}

@media screen and (max-width: 350px) {
	.logo_ostaje img {
		width: 145px !important;
	}
}

.col-md-12 .don_sadrzaj_strane p img {
	width: 100% !important;
	height: auto;
}

#scrollbar2 .viewport {
	overflow-y: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
/*#scrollbar2 .viewport::-webkit-scrollbar {
  display: none;
}*/

@media screen and (min-width: 992px) and (max-width: 1200px) {
	#scrollbar1 .overview {
		padding-left: 15px;
    		padding-right: 15px;
	}

	#scrollbar1 .track {
		left: -25px;
	}
}

@media screen and (max-width: 992px) {
	.scrollbar .track {
		display: none;
	}	
	#scrollbar2 .viewport {
		width: auto;
	}
}
.transparency_badge {
	vertical-align: middle;
	margin-left: 3px;
}


.custom-counters .timer {
    margin-bottom: 0px;
}

.counter-title p {
    font-size: 40px;
    color: #ff7500;
    font-weight: bold;
}

.counter-content p {
    font-size: 14px;
}

.counter-button a {
    background: #FF7500;
    text-transform: none;
    color: white;
    border-color: white;
    margin-bottom: 30px;
}

.counter-button a:hover {
    background-color: rgb(248,248,248);
    color: rgb(119,136,153);
    border-color: white;
}

.custom-counter-block {
    z-index: 10;
    position: absolute;
}

#main {
    position: relative;
}

.counter-item {
    padding-top: 30px;
    float: left;
    text-align: center;
    /* margin: 0 20px; */
}

.counter-items {
    display: flex;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-evenly;


}

.counter-number p {
    font-size: 28px;
    font-weight: bold;
    display: inline;
}

@media(min-width:1500px) {
    .custom-counter-block {
        top: 70px;
    }

    .counter-item {
        /* width: 400px; */
        /* margin: 10px; */
    }

    .counter-title p {
        font-size: 80px;
    }

    .counter-content p {
        font-size: 30px;
    }

    .counter-number p {
        font-size: 50px;
    }

    .counter-button {
        margin-top: 40px;
    }

    .counter-item p {
        font-size: 30px;
    }

    .counter-number p {
        font-size: 50px !important;
    }

    .counter-button .awe-btn {
        font-size: 20px;
    }
}

@media(min-width:1280px) and (max-width:1500px) {
    .custom-counter-block {
        top: 70px;
        text-align: center;
    }

    .counter-item {
        /* width: 150px; */
        /* margin: 0 80px; */
    }

    .counter-title p {
        font-size: 50px;
    }

    .counter-number p {
        font-size: 30px;
    }

    .counter-content p {
        font-size: 20px;
    }
}

@media(min-width:980px) and (max-width:1279px) {
    .custom-counter-block {
        top: 70px;
    }

    .counter-item {
        /* width: 150px; */
        /* margin: 0 20px; */
    }
}

@media(min-width:500px) and (max-width:979px) {
    .custom-counter-block {
        left: 10%;
        top: 70px;
    }

    .counter-item {
        /* width: 100px; */
        /* margin: 0 20px; */
    }

    p.counter.timer,p.counter-currency {
        font-size: 20px;
    }
}

@media(min-width:360px) and (max-width:499px) {
    .counter-item {
        /* width: 200px; */
        /* margin: 0 5px; */
    }

    .counter-title p {
        font-size: 32px;
    }

    .counter-number p {
        font-size: 16px;
    }
}

@media(max-width:359px) {
    .custom-counter-block {
        top: 5px;
    }

    .counter-item {
        /* width: 80px; */
        /* margin: 0 5px; */
    }

    .counter-title p {
        line-height: 1;
        font-size: 19px;
        margin-bottom: 10px;
    }

    .counter-content p {
        font-size: 13px;
    }

    .counter-number p {
        font-size: 15px;
    }

    p {
        /* line-height: 20px; */
    }
}

@media(max-height:590px) {
    .custom-counter-block {
        top: 70px;
    }

    .counter-title p {
        font-size: 35px;
    }

    .counter-number p {
        font-size: 22px;
    }

    .counter-content p {
        font-size: 15px;
    }

    p {
        /* line-height: 20px; */
    }

    .counter-title {
        display: none;
    }

    p.counter.timer {
        font-size: 14px;
    }

    .mdf-objects {
        height: 450px;
    }
}

@media(min-width:650px) {
    .counter-title {
        display: block;
    }
}


@media(min-width:1100px) {
    .counter-currency {
        margin-left: 15px;
    }
}

@media(min-width:600px) and (max-width:1100px) {
    .counter-currency {
        margin-left: 10px;
    }
}

@media(min-width:321px) and (max-width:600px) {
    .counter-currency {
        margin-left: 5px;
    }
}

@media(max-width:321px) {

    .custom-counter-block {
        top: 65px;
        left: 6px;
    }

    .counter-item {
        /* width: 103px; */
        /* margin: 0 -5px; */
    }

    .counter-title p {
        line-height: 1;
        font-size: 19px;
        margin-bottom: 10px;
    }

    .counter-content p {
        font-size: 13px;
    }

    .counter-number p {
        font-size: 15px;
    }

    p {
        /* line-height: 20px; */
    }
}

@media(max-height:500px) and (min-width:600px) {
    .custom-counter-block {
        left: 24%;
    }
}

@media(max-height:500px) and (max-width:600px) {
    .custom-counter-block {
        left: 15%;
    }
}

@media(max-height:500px) {
    .custom-counter-block {
        top: 5px;
    }

    .counter-item {
        /* width: 138px; */
        /* margin: 0 -7px; */
    }

    .counter-title p {
        line-height: 1;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .counter-content p {
        font-size: 9px;
        margin-bottom: 2px;
    }

    .counter-number p {
        font-size: 13px;
    }

    p {
        /* line-height: 20px; */
    }

    .counter-item img {
        height: 30px !important;
        width: 30px !important;
    }

    .counter-button a {
        padding: 6px 14px;
        font-size: 9px;
        margin-top: -14px;
    }
}

.dinformat{
font-size: 23px;
}

.z-depth-1 {
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%) !important;
}
.rounded {
    border-radius: 0.25rem!important;
}

.counter-number{
color: #ff7500;
text-shadow: 1px 1px rgb(0 0 0 / 29%);
}

.dp_dug {
    display: none !important;
}

.effect {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  text-transform: capitalize;
  padding: 20px 0px;
  width: 150px;
  border-radius: 0px;
  overflow: hidden;
}

.effect-5 {
  transition: all 0.2s linear 0s;
}  
.effect-5:before {
    content: "\f054";
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0px;
    height: 100%;
    width: 30px;
    background-color: rgba($overlay-color,0.3);
    border-radius: 0 50% 50% 0;
    transform: scale(0,1);
    transform-origin: left center;
    transition: all 0.2s linear 0s;
  }
  
.effect-5:hover {
    text-indent: 30px;
 }   
 .effect-5:before {
      transform: scale(1,1);
      text-indent: 0;
    }