body.loaded {
    background: url(../img/bg-pattern.png) repeat 0 0 ;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

.boxed-layout #main-wrapper {
    max-width: 1170px;
    margin: 0px auto 10px auto;
    background: #f0f0f0;
    background: rgba(255,255,255,.5);
}
#header{
    background: #1c1c1c;    
}
#header .header-nav-bar{
    background: #1c1c1c;
}
#header .header-top-bar{
    background: #1c1c1c;    
}

#header .header-nav-bar .primary-nav > li {
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;
	color: #808080;
}

#header .header-nav-bar .primary-nav > li.active {
	color: #303C42;
}

#header .header-nav-bar .primary-nav > li:hover {
	color: #FFE600;
}

#header .header-nav-bar .primary-nav > li > a {
	border-bottom: 3px solid transparent;
	font-size: 16px;
	color: #ccc;
}

#header .header-nav-bar .primary-nav > li.active > a {
	border-bottom-color: #FFE600;
}

#header .header-nav-bar .primary-nav:hover > li.active > a {
	border-bottom-color: transparent;
}

#header .header-nav-bar .primary-nav:hover > li:hover > a,
#header .header-nav-bar .primary-nav:hover > li.active:hover > a {
	border-bottom-color: #FFE600;
}

/* Sub Menus */
#header .header-nav-bar .primary-nav ul {
	border-top: 3px solid #FFE600;
	-webkit-transition: all 0.25s ease-out .05s;
	-moz-transition: all 0.25s ease-out .05s;
	-o-transition: all 0.25s ease-out .05s;
	transition: all 0.25s ease-out .05s;
}

#header .header-nav-bar .primary-nav ul > li > a {
	border-bottom: 1px solid #1a1a1a;
	background: #343434;
}

#header .header-nav-bar .primary-nav ul > li {
	color: #ffffff;
}
#header .header-nav-bar .primary-nav ul > li > a:hover {
	color: #1c1c1c;    
}
#header .header-nav-bar .primary-nav ul > li:hover > a,
#header .header-nav-bar .primary-nav ul > li.hover > a,
#header .header-nav-bar .primary-nav ul > li.active > a {
	background: #FFE600;
}
#header .header-search-bar .toggle{
    width: 85%;
    background: #FFE600;
}
#header .header-search-bar .toggle:hover,
#header .header-search-bar .toggle:focus,
#header .header-search-bar .toggle:visited,
#header .header-search-bar .toggle:checked,
#header .header-search-bar .toggle:active{
    background: #EFD500;
}

#header .header-search-bar form > .basic-form{
    padding-left: 160px;
}

#header .header-search-bar{
    border-top-color: #222;
    background: #222;
}
#header .header-search-bar .advanced-form{
    background: #f1f1f1;
    z-index: 8888;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="date"], textarea, select, .form-control{
    background: #fff;
}


/* Default */
.btn-default {
	padding-bottom: 3px;
	border-bottom: 2px solid #EFD500;
	background: #FFE600;
	color: #1c1c1c;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
	outline: 0;
	border-color: #EFD500;
	background-color: #EFD500;
	color: #1c1c1c;
}


/* btn-sivi */
.btn-sivi {
	padding-bottom: 3px;
	border-bottom: 2px solid #ccc;
	background: #f0f0f0;
	color: #1c1c1c;
}

.btn-sivi:hover,
.btn-sivi:focus,
.btn-sivi:active,
.btn-sivi.active {
	outline: 0;
	border-color: #bbb;
	background-color: #bbb;
	color: #1c1c1c;
}

.jezici a:hover{
    color: #EFD500 !important;
}

.flex-control-paging li a.flex-active{
    background: #EFD500;   
}

.header-slider,
.header-slider > .slides > li{
    height: 260px;
}

#header .header-banner{
    background: #EFD500;
    padding: 25px 0px 25px 0px;
}

#header .header-nav-bar{
    margin: 0px 0px;
}

#header .header-top-bar .header-login > div, #header .header-top-bar .header-register > div{
    border-top-color: #EFD500;
}

.header-register{
    margin-right: 20px;
}
#mobile-menu-container .btn.clone:first-child{
    border-radius: 3px 3px 3px 3px;
    border-right: none;
}

#header .top-top a:active,
#header .top-top a:focus,
#header .top-top a:hover{
    color: #EFD500 !important;
}


.rezultati table{
    margin-top: 0px;
}
.rezultati table .reklamiran{
    background: #FCF8E3;
}

.jobs-item.with-thumb .description{
    padding-left: 150px;
}

.jobs-item.placen{
    background: #FCF8E3;
}

#header .header-search-bar .hsb-input-1{
    width: 50%;
}

form.glavna-pretraga .main-deo input,
form.glavna-pretraga .main-deo button,
form.glavna-pretraga .main-deo a,
form.glavna-pretraga .main-deo select{
    height: 40px !important;
}

form.glavna-pretraga .main-deo a.toggle{    
    padding-top: 10px !important;
}
.page-sidebar .row{
    margin-right: -30px;
}
.row-reklame-up{
    margin-right: -30px;
    margin-bottom: -17px;
    overflow: hidden;
}    
.row-reklame-up img{
    margin-bottom: 17px;
}

.table-imenik{
    margin-bottom: 20px;
}

.table-imenik > tbody > tr > td{
    padding: 5px;
}
.table-imenik > tbody > tr > td.td-imenik{
    width: 300px;
}

.table-imenik-pretraga{
    font-size: 10px;
    margin-bottom: 0px;
}
.table-imenik-pretraga > tbody > tr > td{
    padding: 1px;
}

input.has-error,
select.has-error{
    border: 1px solid #B10305;
    background: #FFCCCB;
    color: #333;
}

.banner-sidebar .pozicija2{
    padding-right: 10px;
    padding-left: 5px;
}

.banner-sidebar img{
    margin-bottom: 20px;
}

img.mobi1{
    width: 100%;
    position: fixed;
    height: auto;
    bottom: 0px;
    z-index: 9999;
}

.jobs-item .date{
    color: #999;
    background: none;
}

.jobs-item .description,
.jobs-item .description p{
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 12px !important;
    font-style: normal;
    font-variant: normal;
    line-height: 19px !important;
}
.jobs-item.sing-show .title,
.jobs-item.sing-show .title h6,
.jobs-item.sing-show .title h3,
.jobs-item.sing-show .title h2,
.jobs-item.sing-show .title h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px !important;
}

.jobs-item.sing-show.with-big-thumb .thumb{
    margin-top: 32px;
    width: 50%;
}
.jobs-item.sing-show.with-big-thumb .thumb img{
    width: 100%;
}
.jobs-item .title{
    font-size: 19px;
}
.single_imenik .title{
    font-size: 24px;
}

.klasifikacija h5 a{
    color: #444;
}

.klasifikacija .grey_link{
    text-transform: lowercase;
    color: #555;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="date"], textarea, select, .form-control{
    border: 1px solid #bbb;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td{
    border-bottom: 1px solid #bbb;
}
.segment-4{
    background: #E6E6E6;
    padding-top: 20px;
}
.pozicija2{
    padding-top: 20px;
}
#footer{
    background: #444;
    color: #aaa;
}
.logo img{
    max-width: 400px;
    height: auto;
}
#header .header-nav-bar .logo{
    height: 55px;
}
#header .header-nav-bar .primary-nav > li > a,
#header .header-nav-bar .primary-nav > li > .submenu-arrow{
    height: 55px;
    line-height: 55px;
}

.page-content h1, 
.page-content h2, 
.page-content h3, 
.page-content h4, 
.page-content h5, 
.page-content h6, 
.page-content .h1, 
.page-content .h2, 
.page-content .h3, 
.page-content .h4, 
.page-content .h5, 
.page-content .h6{
    text-transform: none;
}

.jobs-item.with-big-thumb .img_holder img{
    margin: 0px 0px 20px 20px;
    border: 1px solid #ccc;
    padding: 5px;
}
.pagination > li > a, .pagination > li > span{
    width: 33px;
}

@media (max-width: 400px) {
    //xs
    .table-imenik > tbody > tr > td.td-imenik{
        width: auto;
    }
    #header .header-search-bar .toggle{
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
        margin: 3px 0px 10px -15px;
    }    
    .header-slider,
    .header-slider > .slides > li{
        height: 160px;
    }
    .row-reklame-up .col-sm-2{
        padding: 20px 0px 0px 0px;
    }
    .row-reklame-up:first-child{
        padding-left: 15px;
    }
    .row-reklame-up .col-sm-2 img{
        width: 75%;
    }
    #header .header-nav-bar .primary-nav > li .submenu-arrow{
        width: 100%;
        text-align: right;
        padding-right: 20px;
    }
    .logo img{
        max-width: 280px;
        height: auto;
    }
}

@media (min-width: 401px) and (max-width: 767px) {
    //xs
    .table-imenik > tbody > tr > td.td-imenik{
        width: auto;
    }
    #header .header-search-bar .toggle{
        position: relative;
        width: 100%;
        display: block;
        overflow: hidden;
        margin: 3px 0px 10px -15px;
    }    
    .header-slider,
    .header-slider > .slides > li{
        height: 280px;
    }
    #header .header-nav-bar .primary-nav > li .submenu-arrow{
        width: 100%;
        text-align: right;
        padding-right: 20px;
    }
    
    .logo img{
        max-width: 280px;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    //sm
    .table-imenik > tbody > tr > td.td-imenik{
        width: auto;
    }
    .row-reklame-up .col-sm-2{
        padding: 20px 0px 0px 0px;
    }
    .row-reklame-up:first-child{
        padding-left: 15px;
    }
    .row-reklame-up .col-sm-2 img{
        width: 75%;
    }
    #header .header-nav-bar .primary-nav > li .submenu-arrow{
        width: 100%;
        text-align: right;
        padding-right: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    //md
    .row-reklame-up{
        margin-left: -40px;
    }
    .row-reklame-up div{
        padding: 0px 0px;
    }
    .table-imenik > tbody > tr > td.td-imenik{
        width: auto;
    }
}

@media (min-width: 1200px) {
    //lg
    
}