@charset "utf-8";
/* CSS Document */

/*Blog*/
/*ima sliku*/


.blog .items-row {border-top:1px solid #ccc;}



.blog .card {height:200px !important; overflow:hidden;}


.blog .pull-left.item-image img{background-color:#dfe7dd}


.astroid-container {/*background-image:url(images/pozadina.jpg);*/
background-color:#ffff !important;
background-repeat:no-repeat;
background-size:cover;
box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, .075) !important;}

.blog .article-intro-text img {display:none;}
body {
background-color: #dedede !important}


.kocka_1 {
	
 /*   background-color: #1a4a24;*/
color:#64727d;
text-transform: uppercase;
font-size: 14px;
display: block;
padding: 10px;
font-weight: bold;
webkit-transition: all 250ms;
-moz-transition: all 250ms;
transition: all 250ms;





}


.kocka_1 .fas { color: #64727d; padding:15px; border:solid 3px #64727d; border-radius:50%;}

/*pozadine kolona*/
#astroid-column-1530100662663 {background-color: #373f47;border-left: 1px solid #ddd;border-top: 30px solid # !important; border-right: 1px solid #ccc;  ; 
 
 }
#astroid-column-321538984985652 {background-color: #4c5760; border-left: 1px solid #ccc; 


}
#content-section-1528971561366 {padding-top:0px !important; }
.desno h2.zeleno {background: rgb(90,131,132);
background: -moz-linear-gradient(0deg, rgba(90,131,132,1) 0%, rgba(93,163,153,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(90,131,132,1) 0%, rgba(93,163,153,1) 100%);
background: linear-gradient(0deg, rgba(90,131,132,1) 0%, rgba(93,163,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a8384",endColorstr="#5da399",GradientType=1);text-transform:uppercase; color:#fff; margin-left:-15px; margin-right:-15px; padding:15px;}
.desno h2.zuto {background-color: #d5d559;text-transform:uppercase; color:#fff; margin-left:-15px; margin-right:-15px; padding:15px;}
.desno h2.narancasto {background-color: #f6af49;text-transform:uppercase; color:#fff; margin-left:-15px; margin-right:-15px; padding:15px;}

.desno h2.plavo {background-color: #334e58;text-transform:uppercase; color:#fff; margin-left:-15px; margin-right:-15px; padding:15px;}
.desno h2.crno {background-color: #0a201b;text-transform:uppercase; color:#fff; margin-left:-15px; margin-right:-15px; padding:15px;}


.kocka_2 {
	
 /*   background-color: #1a4a24;*/
color:#a2b8b7;
text-transform: uppercase;
font-size: 18px;
display: block;
padding: 10px;
font-weight: bold;
webkit-transition: all 250ms;
-moz-transition: all 250ms;
transition: all 250ms;

}

#content-section-1528971561366 {padding-bottom:0 !important;}


/*@media (min-width: 1200px) {
  .astroid-content{
    width: 80% !important; 
	margin:0 auto;
  }
  
}*/

/* Gantry 5*/
#lijevo {background-color: #21252a;
-webkit-box-shadow: inset -25px 0px 40px -15px rgba(0,0,0,1);
-moz-box-shadow: inset -25px 0px 40px -15px rgba(0,0,0,1);
box-shadow: inset -25px 0px 40px -15px rgba(0,0,0,1);}
#desno {background-color: #4c5760;
-webkit-box-shadow: inset 0px -15px 6px -15px rgba(0,0,0,1);
-moz-box-shadow: inset 0px -15px 6px -15px rgba(0,0,0,1);
box-shadow: inset 0px -15px 6px -15px rgba(0,0,0,1);}

#g-main {padding-top:0;
padding-bottom:0;
-webkit-box-shadow: inset 0px -15px 6px -12px rgba(0,0,0,0.53);
-moz-box-shadow: inset 0px -15px 6px -12px rgba(0,0,0,0.53);
box-shadow: inset 0px -15px 6px -12px rgba(0,0,0,0.53);}
.g-main-nav {float:left;}
#logo-7683-particle {padding-top:5px; margin-top:5px;padding-bottom:5px; margin-bottom:3px;}
.desno h2.zeleno {background-color: #5da399;text-transform:uppercase; color:#fff; margin-left:-5px; margin-right:0px; padding:15px; font-size:18px;-webkit-box-shadow: 1px 4px 10px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 4px 10px -5px rgba(0,0,0,0.75);
box-shadow: 1px 4px 10px -5px rgba(0,0,0,0.75);}

.kocka_2 {
	
 /*   background-color: #1a4a24;*/
color:#b3cbb9;
text-transform: uppercase;
font-size: 14px;
display: block;
padding: 10px;

webkit-transition: all 250ms;
-moz-transition: all 250ms;
transition: all 250ms;

font-weight:500;
}
#desno .g-content {margin:0; padding:0;} 
#g-header {background-color:#4c5760;}


 {background-color:#4c5760;}


#g-header .g-content {
    margin: 0.225rem;
    padding: 0.238rem;
	font-size:12px;
	color:#cdd7da;
	padding-left:20px;
}

#g-navigation {-webkit-box-shadow: 0px 31px 23px -28px rgba(33,37,42,0.93);
-moz-box-shadow: 0px 31px 23px -28px rgba(33,37,42,0.93);
box-shadow: 0px 31px 23px -28px rgba(33,37,42,0.93);}
#g-main .g-block.size-50 {-webkit-box-shadow: inset -33px 0px 23px -31px rgba(3,8,15,0.64);
-moz-box-shadow: inset -33px 0px 23px -31px rgba(3,8,15,0.64);
box-shadow: inset -33px 0px 23px -31px rgba(3,8,15,0.64);}
#g-header{
-webkit-box-shadow: inset 0px -32px 18px -39px rgba(3,8,15,0.64);
-moz-box-shadow: inset 0px -32px 18px -39px rgba(3,8,15,0.64);
box-shadow: inset 0px -32px 18px -39px rgba(3,8,15,0.64);}
#lijevo ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#lijevo ul li {border-bottom: solid 2px #101720;
border-top: solid 2px #2d333c;
}
#lijevo ul li:first-child {border-top:0px;}
#lijevo ul li:last-child {border-bottom:0px;}



#desno ul {
  list-style-type: none;
 
  padding: 0;
}

#desno ul li {border-bottom: solid 2px #343c44;
border-top: solid 2px #576672;
}
#desno ul li:first-child {border-top:0px;}
#desno ul li:last-child {border-bottom:0px;}

#desno a:hover {
    color:#fff;
}






.kocka_1 .fas {margin-right:20px;} 


/*dodati break point*/
.g-main-nav .g-toplevel > li > .g-menu-item-container {

    text-decoration: none;
    padding: 2.14rem 0.938rem;

}







#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {background-color:#5bea30;}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
    color: #000;
}

#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
    background: #21252a;
	color:#64727d;
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {color:#fff;}
#g-navigation .g-main-nav .g-dropdown {background: #21252a; -webkit-box-shadow: 19px 25px 8px -6px rgba(0,0,0,0.22);
-moz-box-shadow: 19px 25px 8px -6px rgba(0,0,0,0.22);
box-shadow: 19px 25px 8px -6px rgba(0,0,0,0.22);}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {color:#64727d;}
.blog .article-info-term {display:none;}


.btn {background-color:#21252a; background-image:none;
color:#64727d;
text-shadow:none;
border-radius:0;
font-size:18px;
padding:5px;}
.readmore {text-align:right;}
.readmore .btn {bottom:0;}
#g-footer {
    background: #21252a;
color:#666;
    border-top: 0;;
}
.blog .readmore {display:none;}
#g-footer {
	color: #64727d;
	font-size:14px;
}

.item-page {
    line-height: 1.6;
   
    overflow-wrap: break-word;
	font-size: 20px;
font-weight: 400;}

#g-main {color:#21252a;}
.g-content{line-height: 1.7;
font-size:1.1rem;}
.article-info {margin:0 0 10px 0;}
.article-info  .create {margin-left:0; font-size: 0.9rem;
text-transform: uppercase;
background-color:#ddd;
display: inline;
padding: 6px;
color:#333;}
.g-content .page-header h2 {margin-bottom:0; font-size:1.7rem; color:#21252a;}
.g-content .page-header h2 a {color:#21252a;  transition: transform .5s ease;}
.g-content .page-header h2 a:hover {color:#439a86;  transition: color .3s ease;}

.blog .item-image img {
  -webkit-filter: grayscale(40%); /* Safari 6.0 - 9.0 */
  filter: grayscale(40%);
   transition: transform .5s ease;
}
.blog .item-image img:hover {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  transform: scale(1.1);
}
.blog .item-image.pull-left {overflow:hidden;}
#desno .fas {margin-right:10px;} 
#lijevo ul li:hover, #lijevo ul li a:hover, #lijevo ul li a:hover .fas {color:#fff;}




.pagination ul > li > a, .pagination ul > li > span {
    float: left;
    padding: 10px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #21252a;
border-right: 2px solid #101720 !important;
   
border-left: 2px solid #2d333c !important;
}


.pagination ul > li > a, .pagination ul > li > span {

	border: 0px solid #dddddd;

}

.pagination {color:#5f6c77}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
	
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
}

.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
}


.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
	background-color: #2a2f35; 
	-webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.61);
	-moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.61);
	box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.61);
}

.pagination a:hover {
    color: #fff;
}
.pagination .counter {font-size:12px; text-transform:uppercase;}
.view-article .g-content .page-header h2 {font-size: 3rem;}
h3 {border-left:5px solid #5da399; padding-left:10px; margin-top:30px;}

h1, h2, h3, h4, h5, h6, strong {
	color: #000;
}


.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child {
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
}

.table-bordered {
	border: 1px solid #ddd !important;
	border-collapse: separate;
	*border-collapse: collapse;
	border-left: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#categorylist_header_date {min-width:200px;}
table .list-date  {font-size:14px;}

a[href$=".pdf"]::before, a[href$=".PDF"]::before {
        font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f1c1";
		margin-right:5px;
		font-size:20px;
		color:#ae4237;
}
a[href$=".pdf"], a[href$=".PDF"] {color:#ae4237;}


a[href$=".doc"]::before, a[href$=".DOC"]::before, a[href$=".docx"]::before, a[href$=".DOCX"]::before {
        font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f1c2";
		margin-right:5px;
		font-size:20px;
		color:#2f6e9d;
}
a[href$=".doc"], a[href$=".DOC"], a[href$=".docx"], a[href$=".DOCX"] {color:#2f6e9d;}



.item-page img[style*="float: left"] {
  margin: 0px 15px 0px 0px;
}
.item-page img[style*="float: right"] {
  margin: 0px 0px 0px 15px;
}




.article-info-term {display:none;}
.g-content .page-header h2 {margin-bottom:30px;}
.g-offcanvas-toggle {background-color:#21252a; padding:10px;}


@media screen and (min-width: 748px) and (max-width: 1783px) {
#g-navigation .g-content {font-size:1rem;}
#logo-7683-particle img {max-height:50px !important;}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
    text-decoration: none;
    padding: 1.3rem 0.7rem;
}
}


@media screen and  (max-width: 48rem) { .pull-left.item-image, .pull-left.item-image img  {width:100% !important;}
.g-content .page-header h2 {line-height:1.2em;}


}
.linkovi a {font-size:12px; text-transform:uppercase; color:#64727d}
.linkovi a:hover {color:#fff;}
#mod-search-searchword95  {float: right;
margin-bottom: 5px !important;
background-color:
#eee;
color:
    #000;}
	
	.pull-none.item-image {margin-bottom:20px;}
	
	
	.view-article .g-content .page-header h2 {
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
}




.kocka_1 {

	padding: 15px 0px 15px 60px;
	
}
.fa-li {
  left: 0 !important;
  margin-top:5px;}
  
  #lijevo ul li {

	padding-top: 5px;
	padding-bottom: 5px;
}
@media screen and (max-width: 1270px) {
#lijevo .g-content{padding:0 !important}
#lijevo .g-content .kocka_1 {font-size:12px; !important}

}