/*FONTS*/

@font-face {
    font-family: Open-Sans;
    src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: Open-Sans-bold;
    src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face {
    font-family: Open-Sans-semibold;
    src: url(../fonts/OpenSans-SemiBold.ttf);
}

@font-face {
    font-family: Open-Sans-light;
    src: url(../fonts/OpenSans-Light.ttf);
}

p, ul, ol{
    font-family: "Open-Sans";
    font-size: 15px;
}

b{
    font-family: "Open-Sans-bold";
    color: #f36e21;
}

.p-0 {
    padding: 0 !important;
}

.p-lr-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-t-7{
    padding-top: 7px !important;
}

.p-b-20{
    padding-bottom: 20px;
}

.m-b-0{
    margin-bottom: 0 !important;
}

.m-t-20{
    margin-top: 20px !important;
}

.m-b-20{
    margin-bottom: 20px !important;
}

.tbl-overflow{
    overflow-x: auto;
}

input{
    border-radius: 0!important;
}
select.form-control{
    border-radius: 0!important;
    background: #FFFFFF;
    border: 1px solid #d2d2d2;
    font-family: Arial;
}
#forgot{
    color: #337ab7!important;
    text-decoration: none;
    font-size: 12px!important;
    cursor: pointer;
    margin-top: 5px!important;
}
.modal-content{
    border-radius: 0!important;
}

.alert-danger{
    background-image: none!important;
    color: black;
}

.alert-warning{
    background-image: none!important;
}

.alert-success{
    margin-top: 20px;
    background-image: none!important;
}

.custom-alert {
    padding: 5px 6px;
    display: block !important;
}

.custom-danger-alert{
    color: #a94442;
}

.custom-success-alert{
    color: #4BB543;
}

/*NAVBAR*/
.navbar-default{
    background-image: none!important;
    background-color: transparent!important;
    border: 0!important;
    box-shadow: none!important;
}
.logo{
    margin-top: 15px;
    width: 110px;
}
#nav-custom{
    height: 70px;
    /*background-color: #F36F20;*/
    background: url(../img/test.png) repeat-y 0 0;
}

#search-main{
    margin-top: 10px;
    font-size: 20px;
    padding-left: 20px;
    height: 50px!important;
    border: 0;
    width: 100%;
}

#helper{
    background-color: #232323;
    height:42px;
    padding-top: 12px;

}

#helper a{
    font-size: 12px;
    padding: 12px 25px 9px 0;
    color: #ffffff!important;
}

#helper a:hover{
    font-size: 14px;
}
#menu{
    cursor: pointer;
}
#menu p{
    margin-top: 5px;
    text-align: center;
    padding-right: 13px;
    font-size: 12px;
    color: white;
}

#menu img{
    margin-top: 10px;
    margin-left: 20px;
    width:40px;
}

#menu-open{
    display: none;
    background-color: #323232;
    color: white!important;
    font-size: 18px;
}
#menu-open a{
    color: white!important;
    text-decoration: none;
    font-size: 18px;
}
#menu-open p{
    margin: 0!important;
    padding: 5px 0;
    padding: 8px 0 8px 40px;
}
#menu-open p:hover{
    background-color: #F36F20;
}


#menu-nav{
    padding: 28px 0;
}

/*BUTTONS*/
button:focus {outline:0;}
.main-btn{
    background-color: #F36F20;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #F8F8F8;
    text-align: center;
    border: 0;
    min-width: 150px;
    height: 42px;
}
.btn-green{
    margin-top: 10px;
    background-color: #57A332;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #F8F8F8;
    text-align: center;
    border: 0;
    min-width: 150px;
    height: 42px;
}
.main-btn:hover{
    background-color: #323232;
}
.main-border-btn{
    background-color: transparent;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #258900;
    text-align: center;
    border: 1px solid #ffffff;
    min-width: 140px;
    height: 42px;
}
.main-border-btn:hover{
    background-color: white;
}

/*HERO IMAGES*/
.hero-image .heading{
    font-family: Open-Sans-semibold;
    padding-top: 100px;
}
.hero-image h1{
    text-align: center;
    font-size: 40px!important;
    color:#F36F20;
}
.hero-image p{
    text-align: center;
    font-size: 15px!important;
    color: #323232;
}
/*INPUTS*/
.main-input{
    border: 1px solid #d2d2d2!important;
    height: 53px!important;
    font-family: Arial, serif;
    color: #6f6f6f!important;
    font-size: 14px!important;
}

/*INDEX*/
.member img{
    margin-top: 30px;
    width: 35px;
    margin: 20px auto 0 auto;
    display: block;
}
.slider-img{
    height: 576px;
    background-size: cover;
}

.login-investa{
    position: relative;
    margin-top: -143px;
}
.login-investa .container{
    padding-right: 0;
    padding-left: 0;
}
.login-investa-widget{
    background-color: white;
    height: 143px;
    border-bottom: 1px solid gray;
}
.login-investa-widget .member{
    padding: 20px 35px;
    border-right: 1px solid #4D4D4D;
    height: 143px;
}
.login-investa-widget .log-in{
    padding: 20px 35px;
    height: 143px;
}
.login-investa-widget p{
    color: #4D4D4D;
}
.login-investa-widget h4{
    /*margin-top: 10px!important;*/
    margin-bottom: 20px!important;
    color: #4D4D4D;
}
.login-investa-widget input{
    margin-right: 10px;
    height: 41px;
}
.log-in img{
    width: 18px;
    margin-top: -7px;
    margin-right: 10px;
}

/*FIRST SECTION*/
#first-bg{
    background-image: url('../img/bg-header1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 0;
    height: 1050px;
    height: 1050px;
    width: 1000px;
    right: 0;
    position: absolute;
}

#second-bg{
    background-image: url('../img/bg-header2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    height: 1050px;
    width: 800px;
    top:360px;
    left: 0;
    position: absolute;
}

.second-table-right{
    background-image: url(../img/bg/header_13.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -0px 0px;
    height: 340px;
    padding: 50px 23px 36px 46px;
    margin-top: -3px;
    margin-left: -1px;
}

.second-table-right-2{
    background-image: url("../img/bg/chart_43.jpg");
    background-repeat: no-repeat;
    background-position: -100px 0px;
    height: 346px;
    padding: 36px 23px 36px 46px;
    margin-top: -1px;
    margin-left: -2px;
}

.sidebar{
    background-image: url("../img/bg/side.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    margin-top: -3px;
    height: 685px;
    padding: 36px 23px 36px 46px;
}

.block h3,
.fonds h3 {
    color: white;
}

.block button {
    position: relative;
    bottom: 0;
    top: 20px;
    left: 0;
}

.fond-cover {
    height: 340px;
    padding-top: 36px !important;
    background-size: cover;
    background-repeat: no-repeat;
}

.fond-cover-left {
    text-align: left;
    padding-left: 46px !important;
    padding-right: 23px !important;
}

.fond-cover-right {
    text-align: right;
    padding-left: 23px !important;
    padding-right: 46px !important;
}

.fonds .values-box {
    height: 270px;
    background-color: #000000;
    margin: 35px 36px 0 36px;
    padding: 20px;
    opacity: .85;
}

.values-box p {
    font-size: 12px;
    color: #f36e21;
}

.values-box table{
    margin-bottom: 5px!important;
}

.values-box td{
    padding: 5px;
    font-size: 12px;
    color: white;
    text-align: center;
}

/*FOOTER*/
footer h1,h2,h3,h4,h5,h6{
    margin:0!important;
}
.company{
    font-family: Arial;
    color: #D0D0D0;
    opacity: 40%;
}
.company p{
    margin-top: 10px;
}
.company span{
    font-size: 7pt;
    margin-right: 3mm;
}
.company img{
    width: 38mm;
}
.social-media{
    padding: 35px 0 29px 0;
    background: #464646;
}
.social-media h3{
    font-size: 16px!important;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin: 7px 50px 0 0!important;
    padding: 0;
    float: left;
    display: inline;
}
.social-media ul, .social-media li{
    display: inline;
    float: left;
    margin-left: 10px;
}
.footer{
    padding: 30px 0 30px 0;
    background: #323232;
}
.footer h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #FFFFFF;
    opacity: 0.7;
    text-transform: uppercase;
}
.footer p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#ffffff;
    opacity: 0.4;
    margin-top: 10px;
    text-transform: uppercase;
}
.credit{
    background: #232323;
    padding: 20px 0;
}
/*calendar*/
.ui-datepicker .ui-datepicker-header {
    background: #f36e21;
    color: white;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #424242;
}
.ui-dialog .ui-resizable-se {
    background-image: url("");
}
/* Contact */
#contact,
#group{
    height: 420px;
    background-image: url("../img/bg/header_83.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/* Contact content */
.contact-content{
    padding-bottom: 50px;
    background: #f8f8f8;
}
.contact-title{
    padding-top: 50px;
    padding-bottom: 30px;
}
.contact-text{
    padding: 100px 10px 0 10px;
}
.contact-text h3{
    margin-top: 30px!important;
}
.contact-text b{
    font-family: Open-Sans-bold;
    font-size: 15px;
    color: #323232;
}
.icon{
    padding: 40px 115px;
}
.uprava h1,
.uprava h2,
.uprava h3,
.uprava h4,
.uprava h5
{
    margin-bottom: 10px!important;
}
.uprava ul,
.uprava ol{

}
.uprava span{
    color: #F36F20;
}
.fond-choose{
    text-align: left;
    margin-bottom: 50px;
}
.fond-choose a{
    text-decoration: none!important;
    color:none!important;
    color:inherit;
    text-decoration: none;
}
.fond-choose a:hover,
.fond-choose a:visited,
.fond-choose a:active{
    text-decoration: none!important;
    color:none!important;
    color:inherit;
    text-decoration: none;
}
.fond{
    background: white;
    padding: 25px;
    border: 2px solid transparent;
}
.fond img{
    margin-bottom: 30px;
}
.fond:hover{
    border: 2px solid #f36f20;
}

/*WEB PORTAL */
#web-portal a{
    color: white!important;
    text-decoration: none!important;
}

.settings{
    color: white;
    background-color: #424242;
}
.settings h4{
    margin-top:20px!important;
}
.settings .logout{
    width: 30px;
    margin: 10px auto;
}

.fondovi h4{
    margin:20px 0!important;
}

#web-portal .transakcije,
#web-portal .podaci{
    border: 2px solid #F36F20;
    margin: 35px 0;
}

#web-portal table td{
    vertical-align: middle!important;
}

#web-portal .podaci-body{
    padding: 20px 0;
}

#web-portal .naslov{
    padding: 16px;
    color: white;
    background-color: #F36F20;
    text-align: center;
}

#web-portal .transakcije{
    overflow-x: auto;
}

#web-portal .transakcije table{
    margin-bottom: 0;
}

#web-portal .transakcije thead tr th{
    padding: 10px 10px;
    background-color: #f36e2078;
    border-color: white;
    text-align: center;
}

.table th{
    vertical-align: middle !important;
    text-align: center;
}

.pojedinacne_trans table{
    font-size: 12px;
}

.transakcije table th{
    vertical-align: middle !important;
}

.trans_tbl{
    border: 2px solid #F36F20;
}

.trans_tbl table tr th{
    padding: 10px 10px;
    background-color: #f36e2078;
    border-color: white;
    text-align: center;
}

.btn-img{
    background: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
}

/*.transakcije table #datum{*/
    /*padding-right: 10px;*/
    /*padding-left: 10px;*/
    /*width: 15%;*/
    /*text-align: center;*/
/*}*/

/*.transakcije table #uplata{*/
    /*padding-right: 10px;*/
    /*padding-left: 10px;*/
    /*width: 20%;*/
    /*text-align: right;*/
/*}*/

/*.transakcije table #udjel{*/
    /*padding-right: 10px;*/
    /*padding-left: 10px;*/
    /*width: 20%;*/
    /*text-align: right;*/
/*}*/

/*.transakcije table #opis{*/
    /*padding-right: 10px;*/
    /*padding-left: 10px;*/
    /*width: 20%;*/
/*}*/

.transakcije #godina{
    background-color: #F36F20;
    color: white;
}

.transakcije #godina td{
    border: 0;
}

.img-button{
    background: 0;
    border: 0;
}

/* MEDIJI */
.panel-heading{
    background-image: none!important;
    background: #57A332!important;
    border-bottom: none!important;
    border-top-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
}
.panel-primary{
    border: 1px solid lightgray!important;
}

.panel-primary img{
    width: 30px;
}

.medijske-objave-short h3{
    margin-bottom: 20px!important;
}

.medijske-objave-short td{
    vertical-align: middle!important;
}

.medijske-objave-short img{
    margin: 0 auto;
    display: block;
    width: 40px;
}

/* Fotografije */
.foto h3{
    margin-bottom: 30px!important;
}

.foto h4{
    margin: 20px 0 10px 0!important;
}

.foto h5{
    margin: 25px 0 0px 0!important;
}

.gallery{
    border-top: 1px solid grey;
    padding: 20px 0;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #57A332!important;
}

.galerija{
    margin-top: 20px;
    padding-bottom: 20px;
}

/* objave */
.breadcrumb{
    background-color: transparent!important;
}
.breadcrumb a{
    color: #777!important;
}

.breadcrumb>.active {
    color: #57A332!important;
}

.breadcrumb>li+li:before {
    content: "\003e"!important;
    padding: 0 5px;
    color: #ccc;
}
.medijska-objava h3{
    margin-bottom: 30px!important;
}

.welcome-text{
    font-size: 18px;
    margin-top: 10px;
}

@media (max-width: 1700px){
    .hero-image {
        background-position: center!important;
    }
}
@media (min-width: 1200px){
    .container {
        width: 970px!important;
    }
}
@media (max-width: 1000px){
    #search-main {
        display: none!important;
    }
    #menu{
        width: 100px;
        float: right;
        margin-top: 10px;
    }
    #menu p{
        display: none!important;
    }
    #second-bg {
        width: auto!important;
    }
    .login-investa-widget {
        background-color: white;
    }
    .welcome-text{
        font-size: 16px;
    }
}

@media (max-width: 767px){
    .heading h1{
        font-size: 35px!important;
    }
    .member{
        display: none;
    }
    .login-investa-widget {
        margin: 0 10px;
        height: auto!important;
    }
    .login-investa-widget .log-in {
        height: auto!important;
    }
    .login-investa-widget .log-in input{
        margin-bottom: 10px;
    }
    .welcome-text{
        font-size: 14px;
        margin-top: 10px;
    }
}

/*@media (max-width: 390px){*/
    /*.welcome-text{*/
        /*margin-top: 12px;*/
        /*font-size: 10px;*/
    /*}*/
/*}*/

@media (max-width: 500px){
    .settings .logout{
        width: 25px;
        margin-top: 15px;
    }
}

@media (max-width: 374px){
    .welcome-text{
        margin-top: 12px;
        font-size: 12px;
    }
}

@media (max-width: 359px){
    .welcome-text{
        margin-top: 5px;
        font-size: 12px;
    }
}