/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   *{
	   font-family: Quicksand, Sans-serif;
   }
   
body {
	width: 100%;
	height: 100%;
	color: #000;
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-weight:500;
	font-size: 14px;
	background-color: #cee1da;
	/* background: url(../img/pattern.jpg) repeat;	 */
	
}

.img_responsive{
	width:100%;
	max-width:10%;
	height:auto;
}

html {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}
hr {
	margin: 5px 0;
	width: 100%;
	color: #ccc;                                            
	border-top: 1px solid #ccc;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: inherit;
	color:#026937;
}
a img {
	border: none;
}
a, a:visited {
	color: #026937;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
	transition: all 0.2s linear;
	transition: color .2s ease-out, background 0.2s ease-in;
}
a.active {
	color: #007B43;
	text-decoration: none;
	transition: all 0.3s linear;
	transition: color .2s ease-out, background 0.5s ease-in;
}
a:focus {
	outline: none;
	text-decoration: none;
}
.clear {
	height: 1px;
	line-height: 0;
	font-size: 1px;
	clear: both;
}

img {
	border: none;
}
.img-responsive{
	width:100%;
	max-width:100%;
	height:auto;
}

.left_verlauf {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}

.right_verlauf {
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
}

.container {
	max-width: 970px;
}

a.logo {
	margin: 25px 30px;
	padding-left:20px;
	width:170px;
}

a.logo img {
	
    max-width: 170px;
	height:auto;
}

a.logo.bozic img {
    top: -15px;
    position: relative;
    max-width: 190px;
}

.header {
	background-color:#fff;
	border-bottom:1px solid #c9c9c9;
}

.main-header{
	height:fit-content;
	
	margin-bottom:-3px;
	padding-left:60px;
	min-height:90px;
	
}


.menu {
    float: left;
    margin-top: 30px;
    position: relative;
    z-index: 300;
	text-transform: uppercase; 
}

.menu ul {
	margin: 0;
	padding: 0;
		
}

.login{
	background: #026937;
	display:flex;
	flex-direction:column;
	height:100%;
	width:100px;
	color:#fff;
	text-transform:uppercase;
	padding:13px;
	justify-content:center;
	align-items: center;
	position: relative;
    right: -15px;
}

.login:hover{
	background: #e24301;
	transition:none;
}

.login span{
	color:#fff;
}

.login span:hover{
	color:#fff;
}

.login img{
	width:35px;
	height:auto;
	display:block;
	margin-bottom:3px;
}


.lang a {
	display: block;
	margin: 25px 0 0 0;
	font-size: 12px;
	text-transform: uppercase;
	color: #666;
	float: left;
	border-left: 1px solid #ccc;
	padding: 2px 5px;
}

.lang a:hover {
	color: #F69029;
}
.lang a.active {
	color: #007b43;
}

.lang a:first-child {
	border-left: none;
}


.menu li {
	list-style: none;
	display: inline-block;
	
	border-right:1px solid #c9c9c9;
}

.menu li a {
	color: #026937;
    display: block;
    padding: 10px 50px;
	letter-spacing:1px;
    text-decoration: none;
	font-size: 13px;
	line-height:normal;
}

.menu li a:hover {
	color: #e27104;
}

.active2 {
   color: #e27104;
}

.search-button{
	background: url(../img/icon-search.svg);
	background-position:50% 50%;
	background-size: contain;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	display:block;
	position:relative;
	top:5px;
	
}

.search {
	/* background-color: #ffffff; */
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    /* box-shadow: 0 5px 15px #e1e1e1 inset; */
    float: left;
    margin-left: 40px; /* vratiti na 20px kada postavimo lang menu */
    margin-top: 23px;
    margin-right: 20px;
    position: relative;
    width: 190px;
    height:44px; 
}

.searchbox {
	background: none;
    border: 0 none;
    border-radius: 8px 0 0 8px;
    display: block;
    float: left;
    padding: 10px 3px 11px;
    width: calc(100% - 40px);
}

.searchico {
	float: right;
	width: 37px;
	height: 37px;
	margin-top: 1px;
	margin-right: 1px;
	text-align: center; 
}


.searchico:hover .search-button{
	background: url(../img/icon-search--hover.svg);
}

.search2 {
	background-color: #ffffff;
  
    position: relative;
    width: 100%;
    height: 42px; 
}



.searchbox2 {
	background: transparent;
    border: 0 none;
    border-radius: 8px 0 0 8px;
    display: block;
    float: left;
    padding: 10px;
    width: calc(100% - 50px);
}

::placeholder{
	font-size:15px;
	font-weight:bold;
}

.searchico2 {
	float: right;
	width: 50px;
	height: 42px;
	text-align: left; 
	padding: 7px !important;
	background: transparent !important;
	border: none !important;
}

.searchico2  img{
margin-top:-2px;
width:90%;

}

.searchico2 .fa-search {
	color: #808080;
	font-size: 20px;
	padding-top: 2px;
}

.fa-search {
	color: #808080;
	font-size: 13px;
	padding-top: 10px;
}

a.uloziti_btn {
   font-size:11px;
   text-transform:uppercase;
   text-align:center;
     
}

a.uloziti_btn:hover {
    color: #fac3a6;
}

.navbar_top{
	padding:15px;
	border-bottom:1px solid #c9c9c9;
	text-align:right;
	height:45px;
	
}

.navbar_top a{
	
	margin-left:10px;
}


/* HOME SLIDER */

.wrapper_slid{
	margin-bottom:80px;
}

.owl-carousel > .item + .item {
	display: none;
}

.owl-carousel .owl-stage-outer {
	height: 100%;
}

.owl-carousel .owl-stage {
	height: 100%;
}

.owl-carousel .owl-item {
	height: 100%;
}

.owl-carousel .item {
	position: relative;
	height: 100%;
}

.owl-carousel .item img {
	/* position: absolute; */
	/* top: 0; */
	display: block;
	width:100%;
	max-width: 1920px;
	height: auto;
}

.owl-carousel .item .overlay {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	/*right: 50%;*/
	background:rgba(0,0,0,0.3);
	top:0;
	
}

.owl-carousel .item .overlay .content_slid {
	display: block;
	vertical-align: middle;
	color: #000;
	position:absolute;
	top: calc(100% - 77%);
	width:50%;
}

.owl-carousel .item .overlay .content_slid ul {
	/* max-width: 540px; */
	/* max-width:40%; */
	padding: 0 0 60px 250px;
	list-style-type: none;
}

.owl-carousel .item .overlay .content_slid .title {
	font-size: 40px;
	line-height: 50px;
    color: #fff;
	margin-bottom:30px;
	font-weight:300;
	letter-spacing:1px;
}

.owl-carousel .item .overlay .content_slid .title a {
	color: #000;
}

.owl-carousel .item .overlay .content_slid .lead {
	font-size: 22px;
	line-height: 26px;
	margin: 20px 0 30px 0;
	color:#fff;
	font-family:Arial, sans-serif !important;
}

.owl-carousel .item .overlay .content_slid .lead span{
	font-family:Arial, sans-serif !important;
}

.content_slid a {
	color: #fff;
	background-color:#026937;
	padding:16px 35px;
	border-radius:40px;
	font-size: 14px;
  margin-top: 10px;
  display: inline-block;
}
}

.content_slid a:hover{
	background-color:#e24301;
}

.owl-carousel .saznajteVise{

font-size:19px;

}

.content_slid span.fa-chevron-right {
	font-size: 12px;
	margin-left: 10px;
}

.owl-carousel { position: relative; z-index: 1;  margin-bottom: 45px; }   

.owl-carousel2 {position: relative; z-index: 1; height: auto !important; margin-bottom: 0px !important;}

.owl-nav { position: absolute; width: 100%; top: 50%; left: 0; z-index: 1000 !important; }
.owl-nav { width: 100%; overflow: hidden; max-height:450px;}
.owl-nav div { color: #fff; cursor: pointer; opacity: 0.7; transition: all 0.3s ease; }
.owl-nav div:hover { opacity: 1; }
.owl-nav div::before { display: inline-block; font-family: "FontAwesome"; }
.owl-nav .owl-prev { float: left; }
.owl-nav .owl-prev::before { content: "\f104"; }
.owl-nav .owl-next { float: right; }
.owl-nav .owl-next::before { content: "\f105"; }

.owl-carousel .owl-nav { margin-top: -20px; }
.owl-carousel .owl-nav div { height: 40px; }
.owl-carousel .owl-nav div::before { font-size: 60px; line-height: 40px; }
.owl-carousel .owl-nav .owl-prev { margin-left: 30px; }
.owl-carousel .owl-nav .owl-next { margin-right: 30px; } 

.owl-dots { 
	text-align: center;
	padding: 10px 0;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
}
.owl-dot {
	display: inline-block;
	height: 10px;
	width: 10px;
	background-color: #cacaca;
	border-radius: 50%;
	margin-left: 20px;
}
.owl-dot:first-child { margin-left: 0; }
.owl-dot.active { background-color: #e24301; }

.slider_txt {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
}

.shadow {
	background: url(../img/shadow.png) no-repeat center top;
	height: 40px;
}

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

.wrapper_pod {
	padding: 20px 0;
}

#responsiveTabsDemo {
	min-height: 284px;
}

.r-tabs .r-tabs-tab {
	width: 25%;
	float: left;
	/* background: url(../img/pattern.jpg) repeat; */
	background:#f4f4f4;
	color: #828282;
	font-size: 15px;
	font-weight: bold;
	padding: 20px 10px;
	position: relative;
}

.ombre {
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 1;	
	display:none;
}

.r-tabs .r-tabs-tab a {
	color: #828282;
}

.r-tabs .r-tabs-tab:hover, .r-tabs .r-tabs-state-active a {
	color: #007B43;
	
}

.r-tabs .r-tabs-tab:hover, .r-tabs .r-tabs-state-active {
	background:#fff;
	color: #007B43;
	font-weight: bold;
}

.r-tabs .r-tabs-tab:hover{
	box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}

.r-tabs-state-active .ombre {
	display: none;
}

a.r-tabs-anchor {
	display: flex;
	align-items: center;
	/*height: 65px;*/
	position: relative;
	z-index: 2;	
}

.icon-top, .icon-mapa, .icon-case, .icon-savings {
	font-size: 40px;
	float: left;
	width:40px;
	height:40px;
	margin-right:15px;
}

.icon-savings {
	font-size: 40px;
}

.icon-lux{
	width:100%;
	max-width:40px;
	height:40px;
	background-image:url(../img/lux.svg);
	background-position: bottom center;
	background-size:contain;
	background-repeat:no-repeat;
	display: inline-block;
    float: left;
	position:relative;
	margin-right:15px;
}

.holder_tab {
	float: left;
	padding:18px 18px 18px 0px;
	font-weight: bold;
}

.container_tab {
	/* background: url(../img/pattern2.jpg) repeat; */
	background:#f4f4f4;
	margin-top: -2px;
	padding: 20px 0;
	min-height: 200px;	
}

.column {
	float: left;
	width: 23%;
	margin-left: 2.5%;
}

.column:first-child {
	margin-left: 0;
}

.naslov_tab {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 15px;
	color: #000;
}

.column ul {
	margin: 0;
	padding: 0;
}

.column li {
	list-style: none;
	border-bottom: 1px solid #b5b5b5;
}

.column li a {
	color: #939393 !important;
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 5px 0;
	display:flex;
	justify-content:space-between;
}

.column li a:hover {
	color: #000 !important;
}

.naslov_section {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.fondovi {
	width: 100%;
	color: #000;
	font-size: 13px;
	text-align: center;	
	line-height: 15px;
	font-weight: bolder;
	
}

.fondovi tr.top_nasl {
	background-color: #c1c1c1;
}

.fondovi tr.top_nasl td {
	background-color: #026937;
	color: #fff;
	font-weight: bold;
	padding: 11px 4px;
}

.fondovi tr.red td {
	padding: 7px 5px;
	background-color: #fff;
	border-bottom: 1px solid #ececec;
}

.fondoviV {
	width: 100%;
	color: #000;
	font-size: 13px;
	text-align: center;	
	line-height: 15px;
	font-weight: normal;	
	font-weight:bolder;
}

.fondoviV tr.top_nasl {
	background-color: #c1c1c1;
}

.fondoviV tr.top_nasl td {
	background-color: #007442;
	color: #fff;
	font-weight: bold;
	padding: 11px 4px;
}

.fondoviV tr.red td {
	padding: 7px 5px;
	background-color: #fff;
	border-bottom: 1px solid #ececec;
	
}

.fondoviV tr  td {
	min-width:38px;
}

.fondovi2 {
	width: 100%;
	color: #000;
	font-size: 12px;
	text-align: center;	
	line-height: 12px;
	font-weight: normal;	
}

.fondovi2 td {
	padding: 10px;
}

.fondovi2 tr.top_nasl {
	background-color: #c1c1c1;
}

.fondovi2 tr.top_nasl td {
	background-color: #007442;
	color: #fff;
	font-weight: bold;
	padding: 15px 4px;
}

.fondovi2 tr.red td {
	padding: 15px 5px;
	background-color: #fff;
	border-bottom: 1px solid #ececec;
}

.naziv_fond {
	color: #f68610;
}

.dnevnapr {
	color: #007442;
}

.fondovi_wrap {
	background: #fff;
	width:100%;
	height:100%;	
}

#responsiveTabsFondovi {
	/* min-height: 430px; */
}


#responsiveTabsFondovi .r-tabs-nav{
	display:flex;
	justify-content:flex-start;
	
}


#responsiveTabsFondovi .r-tabs-tab {

	/* float: left; */
	background: #f4f4f4;
	/* height: 85px; */
	color: #828282;
	font-size: 15px;
	font-weight: bold;
	/* padding: 10px 2%; */
	display:flex;
	align-content:center;
	justify-content: center;
}

#responsiveTabsFondovi .r-tabs-tab:hover{
	background-color: #e2e2e2;
}


#responsiveTabsFondovi .r-tabs-tab a {
	color: #828282;
}

#responsiveTabsFondovi .r-tabs-tab:hover, #responsiveTabsFondovi .r-tabs-state-active a {
	color: #007442;
	
}

 #responsiveTabsFondovi .r-tabs-state-active {
	background: none;
	background:#fff;
	color: #007B43;
	font-weight: bold;
}

#responsiveTabsFondovi .r-tabs-tab:hover{
	background: none;
	/* background: url(../img/pattern2.jpg) repeat; */
	background:#e2e2e2;
	color: #007B43;
	font-weight: bold;
}


#responsiveTabsFondovi a.r-tabs-anchor {
	display: flex;
	flex-direction:column;
	justify-content:center;
	
}  

.icon-graf, .icon-calculator, .icon-bell, .icon-table, .icon-mobile, .icon-ring2 {
	text-align: center;
	font-size: 32px;
	line-height: 46px;
}

.icon-comment {
	text-align: center;
	font-size: 32px;
	line-height: 34px;
}

#responsiveTabsTrziste .icon-mapa, #responsiveTabsTrziste .icon-news {
	text-align: center;
	float: none;
	font-size: 32px;
	line-height: 46px;
}

.holder_tabFondovi, .holder_tabTrziste {
	text-align: center;
	font-size: 12px;
	line-height: 14px;
}

.container_tabFondovi, .container_tabTrziste {
	min-height: 490px; /*405px;*/
	color: #000 !important;
	font-weight: normal !important;
	font-size: 14px !important;
	line-height: 22px;
	text-align: justify;	
	background:#fff !important;
}
.container_tabFondovi{
	min-height:740px;
}


.container_tabFondovi2{
	min-height: 800px; /*520px;*/ /*640px;*/
	color: #000 !important;
	font-weight: normal !important;
	font-size: 14px !important;
	line-height: 22px;
	text-align: justify;		
}

.holder_popFondovi  {
	text-align: center;
	/*float: right;*/
	font-size: 17px;
	line-height: 14px;
	padding: 5px 5%;
}

.container_tabTrziste {
	min-height: 340px; /* 240px*/
}

#responsiveTabsTrziste .r-tabs-nav{
	display:flex;
}

#responsiveTabsTrziste .r-tabs-tab {
	width: 50%;
	/* float: left; */
	display:flex;
	justify-content:center;
	/* background: url(../img/ombre.png) no-repeat left; */
	/* height: 85px; */
	color: #828282;
	font-size: 15px;
	font-weight: bold;
	/* padding: 10px 2%; */
}

#responsiveTabsTrziste .r-tabs-tab a {
	color: #828282;
}

#responsiveTabsTrziste .r-tabs-tab:hover, #responsiveTabsTrziste .r-tabs-state-active a {
	color: #007B43;
	
}

 #responsiveTabsTrziste .r-tabs-state-active {
	background: none;
	/* background: url(../img/pattern2.jpg) repeat; */
	background:#fff;
	color: #007B43;
	font-weight: bold;
	
	
}

#responsiveTabsTrziste .r-tabs-tab:hover{
	background:#f4f4f4;
	color: #007B43;
	font-weight: bold;
}

#responsiveTabsTrziste a.r-tabs-anchor {
	display: flex;
	flex-direction:column;
	/* height: 65px; */
	justify-content:space-evenly;
	
}

.r-tabs .r-tabs-panel {
	padding: 40px;
}

.r-tabs .container_tab.r-tabs-panel, .r-tabs .container_tabFondovi.r-tabs-panel, .r-tabs .container_tabTrziste.r-tabs-panel {
	padding: 20px;
}

.footer {
	background-color: #026937;
	    padding: 60px 60px 30px 60px;
	
}

.footer-top{
	background-color:#6f6f6f;
	margin-top:30px;
	padding:0px 60px;
	
	
}

.footer-top .social-ikons{
	display:flex;
	align-items:center;
	padding:20px 0px;
	color:#fff;
	font-weight:600;
}

.footer-top .social-ikons img{
	margin-left:20px;
}

.footer-head{
	margin-bottom:70px;
}

.holder_border {
	border-left: 1px solid #006037;
	border-bottom: 1px solid #006037;
	border-right: 1px solid #006037;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

.logo_white {
	float: left;
	border-right: 1px solid #006037;
	padding: 39px 20px;	
}

.social {
	border-right: 1px solid #006037;
	padding: 30px 20px;	
	color: #fff;
	float: left;	
}

.socialtxt {
	color: #7ac7ae;
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-top: 15px;
	margin-right: 20px;
}

.social a {
	color: #fff;
	font-size: 34px;
	margin-right: 5px;	
}

.social a:hover {
	color: #7ac7ae;
}

.katalog-box{
	text-align:right;
}

a.katalog {
	color: #fff;
	font-size: 11px;
	text-transform:uppercase;
	
	
}

a.katalog:hover {
	color: #7ac7ae;
}

a.katalog span.fa-caret-up {
	margin-left: 10px;
}

a.capital {
	width: 170px;
    float: left;
    margin: 0 30px 0 0;
}

a.capital img {
	width: 100%;
	max-width: 170px;
}

a.eticki {
	float: left;
    margin: 0 30px 0 0;
}

a.eticki img {
	width: 153px;
}

a.sanpaolo {

    display:block;
	text-align:right;
	color:#fff;
	font-size:12px;
	
}

.footer_bottom {
	background-color: #6f6f6f;
	height: 20px;
}

ul.links_bottom {
	margin: 0;
	padding: 0;
	clear:both;
	white-space:nowrap;
}

ul.links_bottom li {
	list-style: none;
	display: inline-block;
	margin-left: 5px;
	border-left: 1px solid #93c7ae;
}

ul.links_bottom li:first-child{
	border-left:0px;
}

ul.links_bottom li a {
	color: #fff;
	font-size: 17px;
	padding-left: 8px;
	text-transform:uppercase;
	padding: 20px 2vw;
	font-weight: 200;
    letter-spacing: 1px;
	line-height:25px;
}

ul.links_bottom li:first-child a{
	padding:20px 50px 20px 0px;
}

ul.links_bottom li a:hover {
	color: #fff;
}

.foot-links{
	margin-bottom:30px;
}

.fa-angle-down {
	display: none;
}

.klik {
	float: right;    
	margin-top: 20px;
	display: table-cell;
	width: 60px; 
	display: none;	
}

.menu-button {
	background: none;
    border-bottom: none;
    border: 2px solid #f26d1e;
    color: #f26d1e !important;
    cursor: pointer;
    padding: 7px 13px;
    height: 37px;
    position: relative;	
    width: 43px;
    float: right;
}

.menu-button .touch-button {
    display: none;
}

/* LEVEL 1 */

ul.flexnav { padding-left: 0; margin-top: 0; }

.flexnav li {
	list-style: none;	
}

.flexnav li a, .flexnav li a:focus {
    background-color: #007B43;
    display: block;
	padding: 10px;
    color: #fff;
	font-size: 16px;
	text-decoration: none;  
	font-weight: bold; 
	font-size: 14px;
}

.flexnav li a:hover, .flexnav li a.active {
    background-color: #f26d1e;
    color: #fff;
    text-decoration: none;
}

/* LEVEL 2 */

.flexnav li ul li {
	list-style: none;
	border-bottom: none;
	text-align: left;
}

.flexnav li ul li a, .flexnav li ul li a:focus {
    background-color: #cbcbc9;
    display: block;
	padding: 10px 0;
    color: #676767;
	font-weight: normal; 
	font-size: 14px;
	text-decoration: none; 
	padding-left: 10px;	  
}

.flexnav li ul li a:hover, .flexnav li ul li a.active {
    background-color: #f26d1e;
    color: #fff;
    text-decoration: none;
}

/* LEVEL 3 */

.flexnav li ul li ul li {
	list-style: none;
	border-bottom: none;	
}

.flexnav li ul li ul li a, .flexnav li ul li ul li a:focus {
    background-color: #eaeaea;
    display: block;
	padding: 10px 0;
    color: #676767;
	font-size: 12px;
	text-decoration: none;  
	padding-left: 10px;		 
}

.flexnav li ul li ul li a:hover, .flexnav li ul li ul li a.active {
    background-color: #f26d1e;
    color: #fff;
    text-decoration: none;
}

/* LEVEL 4 */

.flexnav li ul li ul li {
	list-style: none;
	border-bottom: none;	
}

.flexnav li ul li ul li ul li a, .flexnav li ul li ul li ul li a:focus {
    background-color: #fff;
    display: block;
	padding: 10px 0;
    color: #676767;
	font-size: 12px;
	text-decoration: none;  
	padding-left: 20px;		 
}

.flexnav li ul li ul li ul li a:hover, .flexnav li ul li ul li ul li a.active {
    background-color: #f26d1e;
    color: #fff;
    text-decoration: none;
}


.flexnav li ul li ul li span.fa-chevron-right {
    margin-right: 8px;
}

.flexnav .touch-button {
	height: 43px;
	background: none;
}

.flexnav li ul {
	margin: 0;
	padding: 0;
}

.flexnav .touch-button .navicon {
    color: #fff;
    font-size: 12px;
    position: relative;
    top: 1em;
}

.flexnav ul li ul li .touch-button .navicon {
    color: #888 !important;
}

.flexnav ul li ul li ul li .touch-button .navicon {
    color: #fff !important;
}

.submenu {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	background-color: #fff;
	width: 250px;
	padding: 20px;
	z-index: 100;
	
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2); 
}

.submenu.last {
	display: none;
	position: absolute;
	top: 50px;
	right: 0 !important;
	background-color: #e5e5e5;
	width: 300px;
	padding: 20px;
	z-index: 100;
	left: auto;
	border-color: #f7f7f7 #c1c1ba #c1c1ba;
    border-style: solid;
    border-width: 1px;	
    box-shadow: 0 2px 2px #c7c6c4; 	
}

.submenu ul {
	margin: 0;
}

.submenu li {
	list-style: none;
	display: block;
	margin-left: 0;	
	border-top: 1px solid #cacaca;
	float: none;
	border-right:0px;
}

.submenu li:first-child {
	border-top: none;
}

.submenu li a {
	color: #939393;
	font-size: 11px;
	text-transform: none;
	display: block;	
	padding: 0;
	padding: 7px 0;
	font-weight: bold;
	position: relative;
}

.submenu li a:hover, .submenu li a.active {
	border-bottom: none;
	color: #EC1A22;
	background: none;
	padding: 7px 0;
	border: none;
	box-shadow: none !important;
	text-shadow: none;
	font-weight: bold;
}



.submenu li a span.fa-caret-right {
	margin-right: 5px;
}

.submenu_pod {
	margin-top: 40px;
}

.submenu_pod ul {
	margin: 0;
	padding: 0;	
}

.submenu_pod li {
	list-style: none;
}

.submenu_pod li a {
	color: #000;
	font-weight: bold;
	font-size: 15px;
	display: block;
	background:#f4f4f4;
	padding: 15px 20px 15px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #646464;
	position: relative;
}

.submenu_pod li a span.fa-plus {
	position: absolute;
	right: 10px;
	top: 40%;
	color: #646464;
}

.submenu_pod li a span.fa-minus {
	position: absolute;
	right: 10px;
	top: 40%;
}

.submenu_pod li a:hover {
	color: #006B2A;
}

.submenu_pod li a.active {
	color: #7d7d7d;
}

.submenu_pod li li a {
	font-size: 12px;
	color: #7d7d7d;
	border: 1px solid #bebebe;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9b9b9+0,e0e0e0+8&0.8+0,0.8+8 */
	background: -moz-linear-gradient(top,  rgba(185,185,185,0.8) 0%, rgba(224,224,224,0.8) 8%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,185,185,0.8)), color-stop(8%,rgba(224,224,224,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(185,185,185,0.8) 0%,rgba(224,224,224,0.8) 8%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(185,185,185,0.8) 0%,rgba(224,224,224,0.8) 8%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(185,185,185,0.8) 0%,rgba(224,224,224,0.8) 8%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(185,185,185,0.8) 0%,rgba(224,224,224,0.8) 8%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccb9b9b9', endColorstr='#cce0e0e0',GradientType=0 ); /* IE6-9 */
	padding: 10px; 	
}

.submenu_pod li li a.active {
	color: #006B2A;	
}

.submenu_pod li li a span.fa-chevron-down {
	position: absolute;
	right: 10px;
	top: 40%;
	font-size: 10px;
}

/* Level 3 */

.submenu_pod li li li a {
	font-size: 12px;
	color: #7d7d7d;
	border: none;
	background: #f4f4f4;
	border-bottom: 1px solid #cecece;
	padding: 10px 10px 10px 25px; 	
}

.submenu_pod li li li a:hover, .submenu_pod li li li a.active {
	color: #e24301;
}

.submenu_pod li li li a span.fa-chevron-right {
	font-size: 8px;
	position: absolute;
	left: 10px;
	top: 40%;	
}

/* Level 4 */

.submenu_pod li li li li a {
	font-size: 12px;
	color: #7d7d7d;
	border: none;
	background: transparent;
	background-color: #fff;
	border-bottom: 1px solid #cecece;
	padding: 10px 10px 10px 10px; 
	font-weight: normal;	
}

.submenu_pod li li li li a:hover, .submenu_pod li li li li a.active {
	color: #de791f;
}

.submenu_pod li li li li a span.fa-chevron-right {
	font-size: 8px;
	position: absolute;
	left: 10px;
	top: 40%;	
}

.breadcrumbs {
	margin-bottom: 20px;
	margin: 0;
	padding: 0;	
	margin-bottom: 20px;
}

.breadcrumbs li {
	list-style: none;
	display: inline-block;
}

.breadcrumbs li a {
	font-size: 12px;
	font-weight: bold;
	color: #666666;	
}

.breadcrumbs li a:hover, .breadcrumbs li a.active {
	color: #000;	
}

.breadcrumbs span.fa-chevron-right {
	font-size: 10px;
	color: #666666;
	margin: 0 10px;	
}

.content {
	background: #fff;
	padding: 15px;
	color: #4a4a4a;	
	line-height: 22px;
	text-align: justify;
}

.content h1 {
	color: #006633;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;	
}

.content h2, h2 {
	color: #026937;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;	
}

.content h3 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;	
}

.content ul {
	list-style: none;
	padding-left: 10px;
}

.content ul li {
	padding-left: 10px;
	text-indent: -1.3em;
	margin: 5px 0;
}

.content ul li::before {
	content: "• ";	
	color: #026937;
	font-size: 32px;
	position: relative;
	top: 7px;
}

.content .accordian ul li::before   {
	content: "" !important;

}

.box_top {
	background: #f4f4f4;
	padding: 15px;	
	margin-bottom: 25px;
}

.novost {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

a.novost_naslov {
	color: #de791f;
	font-weight: bold;	
}

a.novost_naslov:hover {
	color: #000;	
}

.kat {
	font-size: 13px;
	margin-bottom: 10px;
}

.kat a {
	color: #de791f;	
}

.kat a:hover {
	color: #000;	
}

.datum {
	font-weight: bold;
	font-size: 13px;
}

.pagination {
	margin-bottom: 0;
}

.pagination > li > a, .pagination > li > span {
	color: #de791f;
	background: url(../img/pattern2.jpg) repeat;
	border: 1px solid #ccc;
	font-weight: bold;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background: none;
	background-color: #de791f;
    border-color: #ddd;
	color: #fff;
}

#responsiveTabsGodine li.r-tabs-tab {
	width: 14%;
	float: left;
	background: url(../img/ombre.png) no-repeat left;
	color: #828282;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 2%;
	margin: 0;
}

#responsiveTabsGodine a.r-tabs-anchor {
	display: block;
    height: auto;
    text-align: center;
    width: 100%;
}

#responsiveTabsGodine .holder_tabGodine {
	margin-left: 10px;
    margin-top: 25px;
    text-align: center;
    width: 100%;
    float: none;
}

.responsiveTabsIzracuni li.r-tabs-tab {
	width: 14%;
	float: left;
	background: url(../img/ombre.png) no-repeat left;
	color: #828282;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 2%;
	margin: 0;
}

.responsiveTabsIzracuni a.r-tabs-anchor {
	display: block;
    height: auto;
    text-align: center;
    width: 100%;
}

.responsiveTabsIzracuni .holder_tabGodine {
	margin-left: 10px;
    margin-top: 25px;
    text-align: center;
    width: 100%;
    float: none;
}

/* 2 */

.responsiveTabsIzracuni2 li.r-tabs-tab {
	width: 20%;
	float: left;
	background: url(../img/ombre.png) no-repeat left;
	color: #828282;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 2%;
	margin: 0;
}

.responsiveTabsIzracuni2 a.r-tabs-anchor {
	display: block;
    height: auto;
    text-align: center;
    width: 100%;
}

.responsiveTabsIzracuni2 .holder_tabGodine {
	margin-left: 10px;
    margin-top: 25px;
    text-align: center;
    width: 100%;
    float: none;
}



.content .r-tabs li::before {
	text-indent: 0;
	content: none !important;
	top: 0;	
}

.content .selectator li::before {
	text-indent: 0;
	content: none !important;
	top: 0;
	padding-left: 0;	
}

.content #datetimepicker1 li::before, .content #datetimepicker2 li::before {
	text-indent: 0;
	content: none !important;
	top: 0;
}

.content .selectator li:hover {
	background: none;
	color: #000;		
}

.content .selectator li a:hover {
	background: none;
	color: #000;
	padding-left: 0;	
}


.container_tabGodine .r-tabs .r-tabs-tab:hover, .r-tabs .r-tabs-state-active {
	color: #000;
	font-weight: normal;
	/*padding: 20px;  */
}

.content .container_tabGodine li {
	padding-left: 10px;
	text-indent: -1.3em;
	margin: 5px 0;
}

.content .container_tabGodine li::before {
	content: "• " !important;	
	color: #de791f;
	font-size: 32px;
	position: relative;
	top: 7px;
}

.container_tabGodine a:hover {
	color: #000;
}

.table_fond {
	width: 100%;
	margin-top: 20px;
}

.table_fond td {
	padding:10px;
}


/* SELECT REPLACEMENT */
.selectator { width: 100% !important; min-height: 0 !important; border: 0; font-size: 15px; cursor: pointer; background: #f8f8f8; border: 1px solid #ccc; 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */	}
.selectator::after { color: #6bab3a; content:"\f0d7";; cursor: pointer; font-family: "FontAwesome"; font-size: 17px; line-height: 0; position: absolute; right: 20px; top: 50%;}

.selectator.err {
    border: 1px solid #dc0605;
	background-color: #f3d5d5;		
}

.selectator_chosen_item_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #565656; text-align: left; font-size: 14px; }
.selectator_options { width: 100%; left: 0; border: 0; font-family: inherit; font-size: 14px; box-shadow: 0 10px 10px rgba(0,0,0,0.3); border-radius: 0; overflow-y: auto !important; -webkit-overflow-scrolling: touch; }
.disable_search .selectator_options { border: 0; }
.selectator.single { height: auto !important; padding: 7px 20px !important; }
.selectator.single .selectator_chosen_item { color: #8b8b8b; line-height: 26px; }
.selectator_option { color: #3b3b3b; padding-left: 10px !important; padding-right: 10px; }
.selectator_option_title { margin-left: 0; white-space: nowrap; }
.selectator_option.active { background-color: transparent; color: #000; }

.selectator.graf {
	width: 40%;
}

#cal1, #cal2 {
	width: 30px;
	margin: 4px 0 0 5px;
}

#DatumOd, #DatumDo, #iznos, #prinos, #txtBrojGodina, .frmField {
	background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: none;
    color: #565656;
    float: left;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    width: 40%;	
}

.q {
	width: 30%;
	font-weight: bold;
}

#btnSave {
	border: 0;
	padding: 0;
	background-color: #026937;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
}

#btnSave:hover {
	background-color: #005521;
}

.zarada {
	width: 100%;
}

.zarada td {
	border: 1px solid #ccc;
	padding: 10px;
}

.label_zar {
	font-weight: bold;
}

.iznos_zar {
	color: #c40000;
	font-size: 16px;
	font-weight: bold;	
}

a.btn_prikaz {

	display: block;
	color: #007B43;
	font-size: 16px;	
	margin-top: 20px;
	font-weight: bold;	
}

a.btn_prikaz:hover {
	color:#000;
}


a.btn_prikazVijestNaslovna {

	display: block;
	color: #007B43;
	font-size: 16px;	
	margin-top: 10px;
	font-weight: bold;	
}

a.btn_prikazVijestNaslovna:hover {
	color:#000;
}


.remodal-bg.with-red-theme.remodal-is-opening,
.remodal-bg.with-red-theme.remodal-is-opened {
  filter: none;
}

.remodal-overlay.with-red-theme {
  background-color: #f44336;
}

.remodal.with-red-theme {
  background: #fff;
}

#modal1Title {
	font-size: 28px;
	font-weight: bold;
	color: #007B43;
	margin-bottom: 20px;
}

#modal1Desc {
	text-align: left;
}

.remodal-confirm {
	background-color: #f69029;
	border-radius: 5px;
	font-weight: bold;
}

.remodal-confirm:hover {
	background-color: #f17113;
}

.searchbox3 {
	background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: none;
    color: #565656;
    float: left;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    width: 100%;
	margin-bottom: 10px;		
}

.searchbox4 {
	background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: none;
    color: #565656;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    width: 100%;
	margin-bottom: 10px;		
}

.styledRadio, .styledCheckbox {
   display: inline-block;
   position: relative;
   top:3px;
}

.tblCommentForm label {
	width: 100%;
	font-weight: normal;
}

.styledRadio {
	margin-right: 10px;
}

.tblCommentForm {
	width: 100%;
}

.tblCommentForm td {
	padding-bottom: 10px;
}

.label_table {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.select_holder {
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 10px;
}

.select_holder.last {
	margin-right: 0;
}

.select_holder2 {
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 10px;
}

.select_holder2.last {
	margin-right: 0;
}


#PoslovanjeKlijenta {
	width: 100%;
}

#PoslovanjeKlijenta td.padri, .pitanjaInvest td.padri {
	padding-right: 10px;
}

.left_struka {
	width: 45%;
	float: left;
}

#btnSubmit1 {
	background-color: #de791f;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	border: 0;
}

#btnSubmit1:hover {
	background-color: #c96206;
}

.btnAction {
	background-color: #de791f;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	border: 0;	
}

.btnAction:hover {
	background-color: #c96206;
}




.imeKlijent {
	font-size: 16px;
	background: url(../img/pattern.jpg) repeat;
	margin-bottom: 20px;
	padding: 10px;
}

.procjena {
	width: 100%;
	margin-bottom: 20px;
	background-color: #fff;
}

.procjena td {
	padding: 10px;
	border: 1px solid #ccc;
}

.povratak_btn {
	background: #B2B2B2;
	text-align: center;
	border: none;
	font-size: 15px;
	border-radius: 5px;
	padding: 10px;
	font-weight: bold;
}

.ponisti_btn {
	background: #B2B2B2;
	text-align: center;
	border: none;
	font-size: 15px;
	border-radius: 5px;
	padding: 10px;
	font-weight: bold;
}

.prosljedi_btn {
	background: #007744;
	text-align: center;
	border: none;
	font-size: 15px;
	border-radius: 5px;
	padding: 10px;
	font-weight: bold;
	float: right;
	color: #fff;
}

.txtRed {
    color: #e24301;
}

.txtGreen {
    color: #079200;
}

.homePrinosIzracun {
	display:none;
	background: url(../img/pattern.jpg) repeat;
	padding: 10px;
}

a.a_showGraph {
	background-color: #f69029;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    width: 40%;
    height: 46px;
}

a.a_showGraph span.icon-graf {
	line-height: 26px;
	font-size: 22px;		
}

a.tab_ikona_graf div.icon-graf {
	font-size: 20px;
	line-height: 20px;
	color: #e24301;
}

a span.fa-chevron-left {
	margin-right: 10px;
}        

.spru_holder {
	float: right;
	font-size: 9px;
	border: 1px solid #f16f11;
	margin-top: 4px;
	padding: 2px 4px;
	color: #f16f11;
	text-align: center;
	margin-left: 5px;
}  

.spru_holder.active {
	border: 1px solid #f16f11;
	background-color: #f16f11;
	color: #fff;
} 

.trigger_risk {float:left;padding:3px 8px;margin:5px 5px 0 0;border:solid 1px #026937;color:#026937;cursor:pointer;font-size: 10px;}
.trigger_risk.active,.trigger_risk:hover {color:white;background-color:#026937;}
.riskbox {float:right; padding:2px;border:solid 1px #026937;color:#026937;font-size: 9px;white-space:nowrap;height:fit-content;margin-left:5px;}
.riskbox.active {color:white;background-color:#026937;}

.accordian {
	margin: 50px auto;
}
.accordian li {
	list-style-type: none !important;
}

li.accElem::before {content:""; font-size:16px !important;}

li.dimension::before {content:"";}

.content li.accElem {font-weight:bold; background-color: #f8f8f8; font-size:16px !important; padding: 8px; text-indent: 0; border-radius: 3px;}


.formField {
	background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: none;
    color: #565656;
    float: left;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    width: 40%;	
}

.formField.fullWidth {
    width: 100%;	
}

.formField.err {
    border: 1px solid #dc0605;
	background-color: #f3d5d5;	
}

.Gray div.DatesFloat {

}

a.arhiva_a {
	background-color: #007b43;
	color: #fff;
	padding: 10px;
	border-radius: 3px;
}

.box_33 {
	width: 33%;
}

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

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

.table_right table.fondovi {
	margin-bottom: 30px;
	height: 300px;
}

.table_right table.fondovi td {
	border: 1px solid #ccc;
	padding: 7px;
}



table.scrollTbody tbody {
    height: 300px;       
    overflow-y: auto;    
    overflow-x: hidden;  
}

.table {
	width: 100%;
	border-spacing: 0;
    border-collapse: collapse;	
}

.table td {
	padding: 8px;
	border: 1px solid #ccc !important;
}

.bigField {width:100%;}

.disabledRadio {
	background-image: url(../img/checkbox.svg) !important;
    background-position: 0 -34px !important;
}

.procjenaTbl tr td {padding:5px;}

.print_naslov{display:none;}

.kartaPoslovnice {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: auto; 
	-webkit-overflow-scrolling:touch; 
} 

.kartaPoslovnice iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.countdown-wrap {
	margin-top: 10px;
}

.countdown-title {
	font-size: 16px;
}

.countdown {
	white-space: nowrap;
	letter-spacing: 8px;
	margin-top: 5px;
}

.cd-col {
	display: inline-block;
	letter-spacing: normal;
	text-align: center;
}

.cd-circle {
	background-color: #fff;
	width: 33px;
	height: 33px;
	line-height: 33px;
	border-radius: 50%;
	font-size: 18px;
	color: #de791f;
}

.cd-label {
	font-size: 16px;
	line-height: 1;
	margin-top: 3px;
}

@media print {
	.footer {display: none;}
	.col-md-3.visible-lg.visible-md {display: none !important;}
	.breadcrumbs {display: none !important;}
	.fa.fa-print {display: none;}
	.menu.pull-left {display: none;}
	.klik, .search.pull-left, .lang.pull-left, .uloziti_btn.pull-right {display: none;}
	.print_opis {display: none;}
	.print_linkovi {display: none;}
	.print_naslov{display:block;}	
	
	h8 {
		font-size: 0px !important;
	}
	
	
}

.faq2 a {
    background: rgba(255,255,255,0.5);
    color: #006b2a;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 10px;
    font-weight: bold;
    text-align: left !important;
    border-left: 3px solid #006b2a;
}

.faq2 a:hover {
    background: #006b2a;
    color: #fff;
}

.faqstavke {
	padding: 20px 0;
}

.ulagackiProfil {
	width: 100%;
	color: #000;
	font-size: 12px;
	text-align: center;	
	line-height: 20px;
	padding:5px;
	border-spacing:15px;
		
}

.ulagackiProfil td {
	padding:5px;


}

.content .orange {
	color:#DE791F;

}

.mobile-apps {
	float: left;
	margin-top: 40px;
	margin-left: 25px;
}

.mobile-apps > img:nth-child(2) {
	margin-left: 25px;
}

.fondoviV tr.red td.naziv_fond.txtLightGrey a.print_linkovi {
	color: #a5a5a5;
}

.fondovi tr.red td.naziv_fond.txtLightGrey a {
	color: #a5a5a5 !important;
}

a.a_nazad {
	display: block;
	float: left;
	margin: 10px 0 0 20px;
}
.gd_logo a {
    background: rgba(0, 0, 0, 0) url("../img/bj_gd_logo.svg") no-repeat scroll 0 0 / 83px auto;
    display: block;
    height: 20px;
    margin:5px 0px;
    opacity: .8;
    width: 83px;
    margin: 0 auto;
    opacity: .5;
     transition: all 0.3s linear;
    
}
.gd_logo a:hover {

    opacity:1;
}
.footer_bottom {height: auto; padding: 7px 0; padding-top: 9px;}

.img_holder_video {
	/* float: left; */
	/* width: 50%;	 */
}

.img_holder_video img {
	width: 100%;	
}

.img_holder_video2 {
	/* float: right; */
	/* width: 50%;	 */
}

.img_holder_video2 img {
	width: 100%;	
}



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

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

#bntZelimKupitiUdjele {
	background: #e24301;
	border-radius: 5px;
	color: rgb(255, 255, 255); 
	font-weight: bold;
	position: relative; 
	text-align: center;
	text-decoration: none; 
	text-transform: uppercase;
	padding: 10px 20px; 
	display: inline-block;
	color: #fff !important;
}

.btnZelimKupitiUdjele {
	background: #e24301; 
	border: 0px none; 
	border-radius: 2px; 
	color: rgb(255, 255, 255); 
	font-size: 13px; 
	font-weight: bold; 
	position: relative;
	text-align: center; 
	text-decoration: none; 
	text-transform: uppercase;
	padding: 5px 11px 5px 9px; 
	display: block;
	width: 170px;	
	color: #fff !important;	
}

.removeTextIfOver {max-height:200px; overflow:hidden; width:80%;}
#responsiveTabsTrziste .owl-dots {bottom: -28px !important;}


/***procjena primjerenosti**/
.hiddenRowTemplate{display:none;}

.invalidTr{border: 3px solid #F7AD00;}
.invalidNaknadaZaUpravljanje{background-color:#C96206;}

.tooltipCustom {
    position: relative;
    display: inline-block;
}

.tooltiptextCustom {
    visibility: hidden;
    width: 180px;
    background-color: #C96206;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

.tooltiptextCustom::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 30%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.naknadaInputHolder:hover .tooltiptextCustom {
    visibility: visible;
    opacity: 1;
}

.priceHidden{display:none;}



#MsgForPrijavaAlarm > .msgOk{ 

	background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
	padding: 15px;
	border-radius: 4px;
	margin-top: 25px;
	font-weight: bold;

}


#MsgForPrijavaAlarm > .msgError{
	
	background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;	
	padding: 15px;
	border-radius: 4px;
	margin-top: 25px;
	font-weight: bold;	
	
}


.obavijest-fixed {
	width: 100%;
	padding: 30px 0;
	position: fixed;
	z-index: 20000;
	bottom: 0;
	left: 0;
	background: rgba(241,111,17,0.9);
	color: #fff;
}

.obavijest-fixed .porezLinkDetaljno{color:#fff;text-decoration:underline;}
.obavijest-fixed .porezLinkDetaljno:hover{color:#000;}

.naslov-zakon {
	font-size: 24px;
	font-family: "gnuolaneregular";
	text-transform: uppercase;
}

a.pdf-zakon {
	display: block;
	color: #000;
	padding: 15px;
	font-weight: bold;
	text-align: center;
	float: left;
	background-color: #fff;
}

a.zatvori {
	border: 1px solid #fff;
	color: #fff;
	height: 46px;
	width: 46px;
	display: block;
	text-align: center;
	padding-top: 12px;
	border-radius: 100px;
	float: left;
	margin-left: 20px;
	
}

.cookie-banner {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
    z-index: 99999;
    height: auto;
    min-height: 70px;
    background: #7e807b;
}

.cookie-banner h2 {
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 5px 0;
}

.cookie-banner p {
    font-size: 12px;
    color: #ffffff;
    margin: 0;
}

.cb-container {
	display: table;
    width: 940px;
    margin: 0 auto;
}

.cb-col {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
}

.cb-col + .cb-col {
	width: 35%;
	text-align: right;
}

.cb-col > a,
.cb-col > a:link,
.cb-col > a:visited,
.cb-col > a:active {
	color: #fff;
	font-weight: 700;
}

.cb-btn {
    border-radius: 4px;
    padding: 3px 0;
    background: #fff;
    color: #026937;
    font-weight: bold;
    font-size: .9em;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 90px;
	border:none;
}

.find-more-button {
    text-decoration: none;
    display: inline-block;
    width: 130px;
    background: #fff;
   color:grey !important;
}


.porukaIzracun {

    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    color: #656565;
}

#tablicaIgraf2{min-height:368px;}

#tablicaIgraf2.tablicaIgraf2_helper{min-height:368px;display:none;}


.buttonload {
  background-color: #de791f; /* Green background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 12px 24px; /* Some padding */
  font-size: 16px; /* Set a font-size */
}

.istaknutiBotun {
    font-size: 25px;
}

.istaknutiBotun span.fa-chevron-right {
    font-size: 15px;
    position: relative;
    top: 0px;
}

.owl-carousel .item .overlay .content_slid .title.bigger-title {
    font-size: 43px;
    line-height: 1.2;
}

.porukaTablica{
	font-weight:bold;
	font-size:14px;
	display: inline-block;
    margin-top: 20px;

}

.porukaTablicaUnutra {
	
	margin-bottom:30px;

}

.mustbehidden{display:none !important;}


.anim {
  width: 100%;
  height: 100%;
  transition: all .5s;
  -webkit-backface-visibility: hidden;
  backface-visibility:         hidden;
  position: absolute;
  top: 0px;
  left: 0px;
}

#tablicaIgraf4{perspective: 1154px !important; position: relative !important;}

/* Card faces must have explicit background colors and GPU compositing */
.front, .back {
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-transform-style: flat !important;
  transform-style: flat !important;
  background-color: #ffffff; /* Must NOT be transparent, or iOS will show through */
  -webkit-transform: translate3d(0, 0, 0); /* Forces GPU compositing without z-index bugs */
}

/* Ensure images/children inside cards do not breach the backface mask */
.front *, .back * {
  -webkit-transform-style: flat;
  transform-style: flat;
}