* Add here all your CSS customizations */

a:hover, a:focus {text-decoration:none;}

.nopad-h1-bred {padding:0}

.nav > li > a:focus {background:transparent;}

h1, h2, h3, h4, h5, h6 {font-family:Source Sans Pro}

p {color:#333;}
body {color:#333; background:#e1e1e1;}

.block {display:block}

.noradi {border-radius:0}
.crtica-h1 {color: #ab0000;font-size: 25px;font-weight: 600;margin: 0 5px;font-family:Poppins;}
.bez-paddinga {padding:0px !important}
.marginauto {    margin: 0 auto;}
.oko-haudio {    background: #333333;}
.oko-haudio2 {    background: #333333;margin:0 -15px 15px -15px;}
.oko-haudio h2.entry2 {font-family: 'Poppins', sans-serif !important;color: #fff;font-size: 17px;font-weight: 500 !important;letter-spacing: normal;line-height: 26px;margin: 0;padding: 15px 20px 15px 20px;text-transform:uppercase}
.oko-haudio2 h2.entry3 {font-family: 'Poppins', sans-serif !important;color: #fff;font-size: 17px;font-weight: 500 !important;letter-spacing: normal;line-height: 26px;margin: 0;padding: 15px 20px 15px 20px;text-transform:uppercase}


.clear {clear: both; height: 0px}
.clear2 {clear: both; height: 2px}
.clear5 {clear: both; height: 5px}
.clear10 {clear: both; height: 10px}
.clear15 {clear: both; height: 15px}
.clear18 {clear: both; height: 18px}
.clear20 {clear: both; height: 20px}
.clear25 {clear: both; height: 25px}
.clear30 {clear: both; height: 30px}
.clear34 {clear: both; height: 34px}
.clear50 {clear: both; height: 50px}
.clear57 {clear: both; height: 57px}

.margin3px {margin:3px;}

.img100 {width:100%;}

.margin0 {margin:0 !important;}
.margin0auto {margin:0 auto;}

.margintop5 {margin-top:5px;}
.margintop10 {margin-top:10px;}
.margintop20 {margin-top:20px;}

.marginbottom30 {margin-bottom:30px;}
.marginbottom20 {margin-bottom:20px;}
.marginbottom10 {margin-bottom:10px;}
.marginbottom5 {margin-bottom:5px;}

.marginright10 {margin-right:10px;}
.marginright15 {margin-right:15px;}
.marginright20 {margin-right:20px;}
.marginright40 {margin-right:40px;}


.marginleft0 {margin-left:0px !important;}
.marginleft20 {margin-left:20px;}
.marginleft40 {margin-left:40px;}

.paddingleft20 {padding-left:20px;}
.paddingleft40 {padding-left:40px;}

.paddingbottom10 {padding-bottom:10px;}
.paddingbottom15 {padding-bottom:15px;}


.paddingtop40 {padding-top:40px;}
.paddingtop20 {padding-top:20px;}
.paddingtop15 {padding-top:15px;}
.paddingtopbot15 {padding-top:15px;padding-bottom:15px;}
.paddingtopbot20 {padding-top:20px;padding-bottom:20px;}


.padding15 {padding:15px;}

.padding0 {padding:0;}

.marginimgnovosti {margin:7px 28px 0 0}

.bigtar {cursor:pointer;}

.font12 {font-size:12px}

.success_message p {color:#018461; font-size:18px; font-weight:600;}
.success_message2 p {color:#018461; font-size:18px; font-weight:600;}

.error_message p {color:#AF0202; font-weight:400;}
.error_message2 p {color:#AF0202; font-weight:400;}

.sitemap {display:inline-block; width:49%; padding:1px 0;}
.sitemap a {display:block; color:#7c7c7c; transition:all ease 0.5s}

.sitemap a:hover {color:#bebebe;}
.sitemap a:hover i {color:#bebebe;}

.poc-container {padding:0;}



ul.social-icons li {margin-top:5px;}

a.crni:link, a.crni:visited, a.crni:active {color: #333; text-decoration: none;}
a.crni:hover {color: #666; text-decoration: none;}
a.plavi:link, a.plavi:visited, a.plavi:active {color: #1e2887; text-decoration: none;}
a.plavi:hover {color: #0066B3; text-decoration: none;}
a.svjetloplavi:link, a.svjetloplavi:visited, a.svjetloplavi:active {color: #a4b9ff; text-decoration: none;}
a.svjetloplavi:hover {color: #ffffff; text-decoration: none;}
a.sivi:link, a.sivi:visited, a.sivi:active {color: #7c7c7c; text-decoration: none;}
a.sivi:hover {color: #888; text-decoration: none;}
a.svjetlosivi:link, a.svjetlosivi:visited, a.svjetlosivi:active {color: #888; text-decoration: none;}
a.svjetlosivi:hover {color: #333; text-decoration: none;}
a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #ffffff; text-decoration: none;}
a.bijeli:hover {color: #ffffff; text-decoration: none;}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {color:#000; text-decoration:none; border:1px solid #eee; border-radius:2px; padding:0 4px; background:#eee; float:left; margin:0 4px 4px 0; font-size:11px !important;}
a.tagovi:hover {background:#aaa; border:1px solid #adadad; color:#fff}
a.partnertagovi:link, a.partnertagovi:visited, a.partnertagovi:active {color:#fff; text-decoration:none; border:1px solid #888; border-radius:2px; padding:0 4px; background:#888; float:left; margin:0 4px 4px 0; font-size:12px !important;}
a.partnertagovi:hover {background:#666; border:1px solid #666; color:#fff}
a.partnertagovibig:link, a.partnertagovibig:visited, a.partnertagovibig:active {color:#fff; text-decoration:none; border:1px solid #888; border-radius:2px; padding:0 6px; background:#888; float:left; margin:0 6px 6px 0; font-size:14px !important;}
a.partnertagovibig:hover {background:#666; border:1px solid #666; color:#fff}

a.purple:link, a.purple:visited, a.purple:active {color: #b40639; text-decoration: none; font-style: italic;}
a.purple:hover {color: #77102e; text-decoration: none;}

a.crveni:link, a.crveni:visited, a.crveni:active {color: #cc0400; text-decoration: none;}
a.crveni:hover {color: #e60300; text-decoration: none;}

a.brown:link, a.brown:visited, a.brown:active {color: #736056; text-decoration: none;}
a.brown:hover {color: #4c3f38; text-decoration: none;}

.breadcrumb {font-size:12px; color:#BB1728; margin:10px 0; background:transparent; padding:0; border-radius:0;    display: inline;}
.breadcrumb i {color:#BB1728}

.brea .breadcrumb {font-size:12px; color:#BB1728; margin:10px 0; background:transparent; padding:0; border-radius:0;}
.brea .breadcrumb i {color:#BB1728}
.brea .breadcrumb a {color:#BB1728;}
.brea .breadcrumb a:hover {color:#BB1728;}

.header-intro {text-align:right;}
.header-h1 {font-size:33px; line-height:40px; font-family:Poppins; color:#ab0000; margin:0; overflow:hidden; max-height:47px;text-indent:0;    font-weight: 400;    display: inline;}

img.bijeli {border-color:#fff !important;}


.darkbluebg {background:#0167b3;}
.darkredbg {background:#BB1728;}
.lightbluebg {background:#7ea7d9;}
.brownbg {background:#40312f;}
.darkbrownbg {background:#261d1d;}

.boks {

    width: 100%;
}

.podnaslovboks {
    /*height: 35px;*/
    width: 100%;
float:left;
}
.podnaslovboks h2 {
    font-family:trebuchet ms;
    color: #fff;
    float: left;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 56px;
    margin: 0;
    padding: 0 20px 0 20px;
}
.podnaslovboks h2 a {color: #fff;}

.whitebg {background:#fff;}


header {/*background:#0067bc;*/ min-height:60px; border-top:0; padding:0;}


header.flat-menu ul.nav-main {
    float: right;
    margin: 0;
}

header.flat-menu nav ul.nav-main li > a, header.flat-menu nav ul.nav-main li.active > a {
    border-bottom: 0;

}
header.flat-menu nav ul.nav-main li a {

    padding-bottom: 28px;
    padding-top: 28px;
}

header.flat-menu ul.nav-main > li > a {
    border-top: 0;
}

header.flat-menu nav ul.nav-main li.dropdown:hover > a {
    padding-bottom: 29px;
}

body.sticky-menu-active header {top:0}
body.sticky-menu-active header.flat-menu ul.nav-main > li > a, body.sticky-menu-active header.flat-menu ul.nav-main > li:hover > a {
    padding-bottom: 28px;
    padding-top: 28px;
}

body.sticky-menu-active header.flat-menu ul.nav-main > li.slik:hover > a {
    padding-bottom: 0;
    padding-top: 0;
}

.sticky-menu-active header.flat-menu > div.container {
    height: 60px;
    margin-bottom: -80px
}

header .logo a {font:normal 85px Arial;color:#ab0000;
}

header .logo a{
    position: relative;
    z-index: 2;
left:-6px;
}

header .logo img {
    color: transparent;
    margin-bottom: -190px;
    z-index: 2;
}

.logo {margin:14px 0 10px 0;}

.logo-sticky-active img {margin-bottom:-10px !important; border-radius:100%; padding:3px; filter: contrast(100%) grayscale(100%) brightness(100); -webkit-filter: contrast(100%) grayscale(100%) brightness(100); -o-filter: contrast(100%) grayscale(100%) brightness(100);
display:none !important;}

.logo-sticky-active a {width:60px; height:60px; background: url(https://romi.hr/slike/redovnistvo-logo-small.png) 0 0 no-repeat; display:block;}
header.flat-menu > div.container {margin-bottom:-77px;}

header.flat-menu nav ul.nav-main li > a {color:#fff;}
header.flat-menu nav ul.nav-main li.active > a {color:#fff;}
header nav ul.nav-main li a {font-weight:400; font-size:18px;}
header nav ul.nav-main ul.dropdown-menu {top:auto}

header nav ul.nav-main li a {text-transform:none;}

header.flat-menu nav ul.nav-main li > a:hover, header.flat-menu nav ul.nav-main li.dropdown:hover > a {color:#fff;}

.sadrzajbg {padding-top:30px; padding-bottom:15px; padding-left:30px; padding-right:30px;}
.graybg {background:#f3f3f3;}
.owl-carousel-wire.owl-theme .owl-controls .owl-buttons div {
    background: none repeat scroll 0 0 #222;
    border:0;
    border-radius:0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    margin: 0;
    opacity: 0.6;


}

.owl-carousel-wire.owl-theme .owl-controls {margin-top:0}
.owl-carousel-wire .owl-controls .owl-buttons .owl-prev {position: absolute; left: 0; top: 20%; z-index: 40; padding: 8px 14px 8px 12px;}
.owl-carousel-wire .owl-controls .owl-buttons .owl-next {position: absolute; right: 0; top: 20%; z-index: 40; padding: 8px 12px 8px 14px;}



.poc-rot-oko {border:1px solid #e3e3e3; background:#fff;}
.poc-rot-cont {margin:-50px 15px 0 15px; position:relative; padding:15px; background:#fff}
.poc-rot-h2 {font-family:Source Sans Pro; font-size:22px; margin-left:15px; margin-right:15px; line-height:28px; /*height:90px;*/ overflow:hidden; width: calc(100% - 100px); margin-bottom:5px;}
.poc-rot-h2 a {color:#000}
.poc-rot-h2 a:hover {color:#40312f}
.poc-rot-h3 {font-size:13px; line-height:26px; font-family:Source Sans Pro; margin-bottom:5px; width:100%; height:52px; overflow:hidden;}
.poc-rot-txt {color:#4d5258; height:100px; overflow:hidden; font-size:13px; line-height:20px;}

.datum-box {width:45px; font-family:trebuchet ms; color:#fff; background:#736056;}
.datum-box-mjesec {font-size:10px; line-height:20px; text-transform:uppercase;}
.datum-box-dan {font-size:18px; line-height:20px; font-weight:600;}
.datum-box-godina {color:#40312f; width:100%; font-size:12px; line-height:18px; background:#a69c94; padding:2px 0;}

.icon-box-vertical {width:25px; font-size:14px; color:#919191}

.poc-oko {border: 1px solid #e3e3e3; background:#fff;}
.datum-box-ostalo {width:45px; font-family:trebuchet ms; color:#fff; background:#736056; margin-top:-62px; float:right; position:relative; height:62px; overflow:hidden; border-left:1px solid #fff; border-top:1px solid #fff;}
.poc-txt {color:#4d5258; height:140px; overflow:hidden; font-size:13px; line-height:20px;}
.poc-h4 {font-size:14px; line-height:20px; font-family:Source Sans Pro; margin-bottom:5px; height:40px; overflow:hidden;}
.icon-box-horizontal {width:100%; height:18px; font-size:14px; color:#919191; text-align:right}
.arhivabtn {border-radius:0; height:35px;}

.btn-darkbrown {
	border-color: #261d1d !important;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #261d1d;
	border-color: #261d1d;
}

.btn-darkbrown:hover {
	border-color: #342828;
	background-color: #342828;
	color: #ffffff !important;
}

.btn-darkbrown:active {
	border-color: #342828;
	background-color: #342828;
	color: #ffffff !important;
}
.btn-darkbrown:focus{
	color: #ffffff !important;
}

.open .dropdown-toggle.btn-darkbrown {
	border-color: #342828;
	background-color: #342828;
	color: #ffffff !important;
}

.open .dropdown-toggle.btn-primary {
	border-color: #0075d6;
	background-color: #0075d6;
	color: #ffffff !important;
}


footer {background:transparent; color:#a69c94; border-top:0; padding-top:0; margin-top:0;}
footer ul {padding:0; list-style-type:none;}
.povjerenstvafoot {color:#a69c94 !important}
.footerbg {background:#261d1d; padding: 0 15px;}
.potpisbg {background:#171111}
.footer-naslov {font-size:20px; color:#fff; margin-bottom:20px;}
.footer-naslov span {color:#fd2d30;}

.footer-naslov2 {font-size:20px; color:#fff; margin-bottom:20px;text-align:center;}
.footer-naslov2 span {color:#fd2d30;}

.nakladnik1 {padding:0 0 0 29px;}

.twitterfeed {
background: rgb(54,45,44); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(54,45,44,1) 0%, rgba(38,29,29,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,45,44,1)), color-stop(100%,rgba(38,29,29,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(54,45,44,1) 0%,rgba(38,29,29,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(54,45,44,1) 0%,rgba(38,29,29,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(54,45,44,1) 0%,rgba(38,29,29,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(54,45,44,1) 0%,rgba(38,29,29,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362d2c', endColorstr='#261d1d',GradientType=0 ); /* IE6-9 */
}

ul.social-icons2 li {border: 2px solid #261d1d; border-radius: 50%; background-color:#3d3030; position:relative; top:-15px;}

.prva-kolona-cont {border:1px solid #e3e3e3; border-top:0; background:#fff; font-family:arial; padding:5px 0;}
.prva-kolona-cont-entry {padding: 5px 15px; border-bottom:1px solid #e3e3e3;}
.prva-kolona-cont .prva-kolona-cont-entry:last-child {border-bottom:0;}
.prva-kolona-cont-title {text-transform:uppercase; font-size:13px; line-height:22px; font-weight:600;}
.prva-kolona-cont-title a {color:#7ea7d9;}
.prva-kolona-cont-title a:hover {color:#0066b3}
.prva-kolona-cont-tekst {font-size:13px; line-height:22px; color:#7ea7d9;}
.prva-kolona-cont-datum {color:#ca1e1e; font-size:normal 13px 'Source Sans Pro';}

.prva-kolona-cont-entry1 {background:#fff;padding: 11px 20px;font:normal 12px 'Source Sans Pro';}
.prva-kolona-cont-title1 {font-size:15px; line-height:19px; font-weight:600; height:20px; overflow:hidden;}
.prva-kolona-cont-title1 a {color:#333;}
.prva-kolona-cont-title1 a:hover {color:#000}

.prva-kolona-cont-entry2 {background:#F4F4F4;padding: 11px 20px;font:normal 12px 'Source Sans Pro';}
.prva-kolona-cont-title2 {font-size:15px; line-height:19px; font-weight:600; height:20px; overflow:hidden;}
.prva-kolona-cont-title2 a {color:#333;}
.prva-kolona-cont-title2 a:hover {color:#000}

.prva-kolona-cont-title3 {font-size:13px; line-height:22px; font-weight:600; height:44px; overflow:hidden;}
.prva-kolona-cont-title3 a {color:#7ea7d9;}
.prva-kolona-cont-title3 a:hover {color:#0066b3}


.druga-kolona-cont {border:1px solid #e3e3e3; border-top:0; background:#fff; font-family:arial; padding:30px 15px 10px 15px;}
.druga-kolona-cont-entry {padding: 5px 0;}
.druga-kolona-dogadanja-gore {background:#c1bab4 url(https://romi.hr/slike/kalendar.png) no-repeat top right;  padding: 0 40px 0 10px; border-top: 1px solid #b8b1ac; border-left: 1px solid #b8b1ac; border-right: 1px solid #b8b1ac; text-transform:uppercase; font-family:tahoma; font-size:11px; line-height:26px; height:26px; overflow:hidden;}
.druga-kolona-dogadanja-gore a {color:#40312f;}
.druga-kolona-dogadanja-tekst {border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; padding: 5px 10px; color:#40312f; font-family:arial; font-size:12px;}
.druga-kolona-dogadanja-tekst a {color:#40312f;}
.druga-kolona-dogadanja-tekst p {margin:0; line-height:16px}
.druga-kolona-dogadanja-tekst ul {margin:0; padding-left:20px;}
.druga-kolona-dogadanja-tekst ul li {line-height:16px}

.druga-kolona-linkovi {font-size:13px;margin-top:7px;}

.druga-kolona-cont-izdavastvo {border:1px solid #e3e3e3; border-top:0; background:#fff; font-family:arial; padding:5px 15px;}

.druga-kolona-izdavastvo-naslov-bg {padding:15px; background:#c6dbf4; height:84px; border:1px solid #b9d0ea}

.druga-kolona-izdavastvo-naslov {height:54px; overflow:hidden; line-height:18px; font-size:12px; font-family:tahoma;}

h2.entry {font-size:24px; margin-bottom:18px; color:#333; line-height:1em;font-family:Poppins;font-weight:400}
h3.entry {font-size:18px; text-transform:none; margin-bottom:10px; color:#333; line-height:1.2em}


.punacrta {background:transparent;margin: 17px 0 17px 0;}
.glavna-tekst {text-align:justify;}

.glavna-tekst h1 {font-size:1.6em; text-transform:none; text-align:left;}
.glavna-tekst h2 {font-size:1.6em; text-transform:none; text-align:left;}
.glavna-tekst h3 {font-size:1.6em; text-transform:none; text-align:left;}


.glavna-tekst img {max-width:100%; height:auto; display:block;}

.glavna-tekst table {
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    width: 100%;
}

.glavna-tekst table p {margin:0;}

.glavna-tekst table > thead > tr > th, .glavna-tekst table > tbody > tr > th, .glavna-tekst table > tfoot > tr > th, .glavna-tekst table > thead > tr > td, .glavna-tekst table > tbody > tr > td, .glavna-tekst table > tfoot > tr > td {
    border: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}


.error_message p {color:#AF0202; font-weight:400;}
div.google-map {margin:0; border:1px solid #dfdfdf; -webkit-box-shadow: 0 0 20px rgba(200,200,200,0.5); -moz-box-shadow: 0 0 20px rgba(200,200,200,0.5); box-shadow: 0 0 20px rgba(200,200,200,0.5); height:500px;}

.zastavica {box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.55); display:inline !important;}

#socials {margin:0; padding:0;}
#socials a div {display:inline-block; margin-top:25px; margin-bottom:5px;}

#rss {width:31px; height:31px; background: url("https://romi.hr/slike/socials-gore-rss.png") top left no-repeat;}
#rss:hover {opacity:0.7}
#twitter {width:31px; height:31px; background: url("https://romi.hr/slike/icon-twitter.png") top left no-repeat;}
#twitter:hover {opacity:0.7}
#facebook {width:31px; height:31px; background: url("https://romi.hr/slike/icon-face.png") top left no-repeat;}
#facebook:hover {opacity:0.7}

#google {width:31px; height:31px; background: url("https://romi.hr/slike/icon-google.png") top left no-repeat;}
#google:hover {opacity:0.7}
#linkedin {width:31px; height:31px; background: url("https://romi.hr/slike/icon-ln.png") top left no-repeat;}
#linkedin:hover {opacity:0.7}
#pinterest {width:31px; height:31px; background: url("https://romi.hr/slike/icon-pinterest.png") top left no-repeat;}
#pinterest:hover {opacity:0.7}

#youtube {width:31px; height:31px; background: url("https://romi.hr/slike/icon-youtube.png") top left no-repeat;}
#youtube:hover {opacity:0.7}

#spotify {width:31px; height:31px; background: url("https://romi.hr/slike/icon-spotify.png") top left no-repeat;}
#spotify:hover {opacity:0.7}

#instagram {width:31px; height:31px; background: url("https://romi.hr/slike/icon-instagram.png") top left no-repeat;}
#instagram:hover {opacity:0.7}

#contact {width:31px; height:31px; background: url("https://romi.hr/slike/contact.png") top left no-repeat;}
#contact:hover {opacity:0.7}



/* MULTY LEVEL BOOTSTRAP DROPDOWN */


.dropdown-menu>li
{	position:relative;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	cursor:pointer;
}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    display:none;
    margin-top: -1px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-left-color:#fff;
	box-shadow:none;
}
.right-caret:after
 {	content:"";
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid #0167b3;
    display: inline-block;
    height: 0;
    opacity: 0.8;
    vertical-align: middle;
    width: 0;
	margin-left:5px;
}
.left-caret:after
{	content:"";
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid orange;
    display: inline-block;
    height: 0;
    opacity: 0.8;
    vertical-align: middle;
    width: 0;
	margin-left:5px;
}



.dropdown-menulispan {
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}


.dropdown-menu > li > a {color: #bb1728;}
.dropdown-menu > li > a:hover {color: #0075d6;}


header div.search2 input.search:first-child {border-radius:0px; background:#BB1728; border:0px solid #015594; font-size:13px; font-weight:300; font-style:italic; height:35px; padding-right:25px; max-width:170px; margin-left:0;}

.form-control {border-radius:0}
.form-control.search:-moz-placeholder {
  color: #fff;opacity:1
}
.form-control.search::-moz-placeholder {
  color: #fff;opacity:1
}
.form-control.search:-ms-input-placeholder {
  color: #fff;opacity:1
}
.form-control.search::-webkit-input-placeholder {
  color: #fff;opacity:1
}
.form-control.search {color:#fff;}

header div.search2 button.btn-default {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}

.padding-header {padding:0}



/* popup */


#slidebox {width:400px; max-width: 90%; max-height:600px;padding:0;background: #fff;border:0;z-index:10000; position:fixed; bottom:40%; right:35%; padding:15px; box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, 0.3);}

.pop-up-naslov, .pop-up-naslov2 {font-size: 18px; font-weight: 500; margin: 10px 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);}

.pop-up-naslov2 {font-size: 24px;}

.popup-tekst {font-size:13px;}

a.closepopup {background:#fff url(https://romi.hr/slike/zatvori.png) no-repeat center center;position:absolute;cursor:pointer; top:0; right:0; opacity:1 !important; padding:5px; height:30px; width:30px;}
a.closepopup:hover {background:#fff url(https://romi.hr/slike/zatvori2.png) no-repeat center center;  }

.izdavastvoul {width:250px;}
.izdavastvoli {width:50%; float:left;}

.headermail {margin-top:28px; display:inline-block;}

.multimedijapodnaslov p {margin:0}

.product-thumb-info {border-radius:0; padding:2px;}

div.shop ul.products li.product .add-to-cart-product,
.products.product-thumb-info-list .add-to-cart-product  {
    background: none repeat scroll 0 0 #bb1728;
    border-radius: 0;
    color: #fff;
    font-size: 0.9em;
    left: 2px;
    opacity: 0;
    padding: 8px 10px 5px;
    position: absolute;
    /*top: 2px;*/
    top: 0;
    transition: all 0.2s ease 0s;
    z-index: 1;
    /*width: calc(100% - 4px);*/
width: calc(100%);
}

div.shop ul.products li.product:hover .add-to-cart-product:hover {background: none repeat scroll 0 0 #bb1728;}

.product-thumb-info img {border-radius:0}


h4.galerijaindex {font-size:16px; line-height:20px; height:80px; text-transform:none; margin-bottom:10px; color:#333; line-height:1.2em; height:80px; overflow:hidden; font-weight:400; letter-spacing:0}
div.shop ul.products li.product .price .amount {font-size:1.1em}

.product-thumb-info span.product-thumb-info-image::before {background: none repeat scroll 0 0 #000;}

.solonaslov {
	-moz-border-radius: 0;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-webkit-border-radius: 0;
	-webkit-transition: all .15s ease-out;
	background: #F4F4F4;
	border-left: 3px solid #bb1728;
	border-radius: 0;
	color: #CCC;
	display: block;
	font-size: 1.1em;
	min-height: 20px;
	padding: 12px 20px 12px 10px;
	position: relative;
	cursor: pointer;
	font-weight: 400;
	transition: all .15s ease-out;
	margin-bottom:10px;
}
.solonaslov h2.entry {margin-bottom:0; font-size:20px; line-height:24px;}
.solonaslov:hover {background: #e4e4e4;}
.solonaslov a {display:block;}
.solonaslov a:hover {display:block; text-decoration:none;}


.objavljeno, .autorteksta {color:#777; font-size:13px;}

.product-thumb-info .objavljeno {color:#fff;    line-height: 24px;}
.products {
    line-height: 9px;
}

.menu-dolje {
    background: #CA1E1E;
}


.gridx1 {position:relative;}
.gridx-naslov {width:100%;padding:10px;position:absolute;bottom:0;background-color: rgba(0, 0, 0, 0.5);color:#fff;overflow:hidden;font:normal 17px/25px 'Source Sans Pro';height:65px;}
.gridx-naslov a:link {color:#fff !important;}
.gridx-naslov a:visited {color:#fff !important;}
.gridx-naslov a:hover {color:#fff !important;}
.gridx-naslov a:active {color:#fff !important;}

.row.grid2 {margin-left:0;margin-right:0;}
.grid2 .col-md-6,
.grid2 .col-md-12 {padding:1px;}

.nopad {
    padding: 0 !important;
    width: 100% !important;
}

.nopad .col-lg-3,
.nopad .col-md-6,
.nopad .col-sm-6,
.nopad .col-xs-12,
.nopad .col-md-12 {
    padding: 0;
}
.nopad2 .col-lg-3,
.nopad2 .col-md-6,
.nopad2 .col-sm-6,
.nopad2 .col-xs-12,
.nopad2 .col-md-12 {
    padding: 1px;
}


.backwhite {background:#fff;}

.row.nopad, .row.nopad2 {margin:0 !important;}

.paddd1 {padding:0 1px 0 0 !important;}
.paddd2 {padding:0 2px 0 0 !important;}
.sjena {background:url(https://romi.hr/slike/sjena.png) 50% 0 no-repeat;height:38px;}

.grad1 {
    border-width: 1px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-linear-gradient(top,  #cb595e 0%,#ffffff 38%,#ffffff 61%,#cb595e 100%);
    -moz-border-image:
      -moz-linear-gradient(top,  #cb595e 0%, #ffffff 38%, #ffffff 61%, #cb595e 100%);    
    -o-border-image:
      -o-linear-gradient(top,  #cb595e 0%,#ffffff 38%,#ffffff 61%,#cb595e 100%);
    border-image:
      linear-gradient(to bottom,  #cb595e 0%,#ffffff 38%,#ffffff 61%,#cb595e 100%);
	  }


.grad {background:url(https://romi.hr/slike/meni-d.png) 100% 0 no-repeat;}
header.flat-menu nav ul.nav-main li.slik a {padding-bottom:0;padding-top:0;}
ul#mainMenu li a {padding-left:12px;padding-right:12px;}
ul#mainMenu li ul li a {padding-left:10px;padding-right:0px;}
.nav > li.slik > a {padding-left:28px !important;padding-right:0 !important;}
.nav > li.slik > a img {float:right}




/*IVANA*/

.clear55 {clear: both; height: 55px}
.text-desno {text-align:right}
.pad60 {padding: 0 60px}
.pad6 {padding-left:6px}
.paddingr7 {padding-right:7px}
.najave-oko {background: #ffffff;width: 100%;padding: 0 15px;float: left;}
.drustvene-oko {background: #fff;float: left;padding: 10px 0 10px 10px;width: 100%;}
.drustvene-oko img {float:left;}
.font10 {font-size:10px}

.najava-kolona-datum {color:#ca1e1e ; font-weight: 500;font-style: italic;letter-spacing: -0.4px;line-height: 17px;font-family: 'Roboto', sans-serif;font-size:15px}
.najava-kolona-title {font-family: 'Roboto', sans-serif;font-size:15px; line-height: 19px ;font-weight: normal}
.najava-kolona-title a {color:#333333}
.najava-kolona-title a:hover {color:#333333}


.crta1 {border-bottom:1px solid #cfcfcf;    padding: 15px 0;}
.crta2 {border-bottom:none;    padding: 15px 0;}

.darkredbg {background:#ca1e1e !important;}
.darkgraybg {background:#333333}
.darkgraybg h3 {font-family: 'Poppins', sans-serif !important;color: #fff;font-size: 17px;font-weight: 500 !important;letter-spacing: normal;line-height: 56px;margin: 0;padding: 0 20px 0 20px;}
.darkgraybg h3 a {color: #fff;}


.link-vidisve {font-size:15px;font-style:italic;font-weight:100;    line-height: 56px;color: #ffffff;float: right;margin-right: 20px;}
.slika-strelica {position:relative}
.slika-strelica .testimonial-arrow-down {z-index: 4;position: absolute;border-bottom: 15px solid #fff;border-top: none;bottom: 0;margin: 0 0 0 20px;}


.textbox {height: 153px;overflow: hidden;margin:0 20px 12px 20px}
.poc-rot-h2 {font-family: 'Poppins', sans-serif !important;height: initial !important;width: initial !important; /*ovdje u pravom style treba maknuti width*/font-size: 16px !important;margin-left: 0 !important;margin-right: 0 !important;line-height: 23px !important;font-weight: 500 !important;letter-spacing: normal;} 
.poc-rot-h2 a {color:#333333 !important}
.poc-rot-h2 a:hover {color:#40312f !important}

.podnaslovboks h2 {font-family: 'Poppins', sans-serif !important;color: #fff;float: left;font-size: 17px !important;font-weight: 500 !important;letter-spacing: normal !important;line-height: 56px !important;margin: 0 !important;padding: 0 20px 0 20px !important;}
.podnaslovboks h2 a {color: #fff;}


.red-pod { color: #ca1e1e;font-size: 15px;font-weight: 500;font-style: italic;letter-spacing: -0.7px;line-height: 19px;font-family: 'Roboto', sans-serif;}
.red-pod a {color:#ca1e1e}
.red-pod a:hover {color:#db3131}
.text-velika {font-size: 13px;line-height: 20px;color: #5a5a5a;margin: 5px 0 0 0;font-family: 'Roboto', sans-serif;}

.prva-kolona-cont-title1 {font-family: 'Poppins', sans-serif;font-size:13px !important; line-height: 19px !important;font-weight: 500 !important;height: initial !important;}
.prva-kolona-cont-title1 a {color:#333333 !important;}
.prva-kolona-cont-title1 a:hover {color:#333333 !important}

.prva-kolona-cont-title2 {font-family: 'Poppins', sans-serif;font-size:13px !important; line-height: 19px !important;font-weight: 500 !important;height: initial !important;}
.prva-kolona-cont-title2 a {color:#333333 !important;}
.prva-kolona-cont-title2 a:hover {color:#333333 !important}


.btn-darkred {font-family: 'Poppins', sans-serif;border-color: #ca1e1e;color: #ffffff;text-shadow: none;background-color: #ca1e1e;margin:0 0 0 20px;padding:8px 20px 8px 20px ;font-size:12px; font-style:italic; border-radius:0}
.btn-darkred:hover {border-color: #df4d4d;background-color: #df4d4d;color: #ffffff !important;}
.btn-darkred:active {border-color: #df4d4d;background-color: #df4d4d;color: #ffffff !important;}
.btn-darkred:focus{color: #ffffff !important;}


.prva-kolona-cont-datum {color:#ca1e1e; font-weight: 500;font-style: italic;letter-spacing: -0.4px;line-height: 17px;font-family: 'Roboto', sans-serif;font-size:13px}
.prva-kolona-cont-datum a {color:#ca1e1e}
.prva-kolona-cont-datum a:hover {color:#db3131}



.text-mala{font-size: 12px;line-height: 17px;color: #5a5a5a;margin: 5px 0 0 0;font-family: 'Roboto', sans-serif;}


footer {background:#28282e !important; color:#7b7f88 !important; border-top:0; padding-top:0; margin-top:0;line-height:24px;}
div.footer-copyright {background: #ca1e1e;border-top: none;margin-top: 0;padding: 20px 0 10px 0;}
div.footer-copyright p {color: #fff;margin: 0;padding: 0;font-size: 14px;line-height: 18px;font-weight: normal;}


#owl-casopis .owl-buttons div {    top: 0;position: absolute;font-size: 24px;opacity: 1;color:#ffffff}
#owl-casopis .owl-prev {left:0;background: transparent;border-right: 2px solid #3d3d3d;border-radius: 0;margin: 0;    padding: 16px 22px;}
#owl-casopis .owl-next {right:0;background: transparent;border-left: 2px solid #3d3d3d;border-radius: 0;margin: 0;    padding: 16px 22px;}

.galerijaoko  {background:#ffffff;float:left;width:100%;}
.galerijaoko span.thumbnail {border:none;margin: 0;    padding: 4px 4px 6px 4px;}
.galerijaoko ul.thumbnail-gallery {    margin: 10px 0 10px 10px;}
.galerijaoko ul.thumbnail-gallery li {margin: 0;}

#owl-video .owl-buttons div {    top: -56px;position: absolute;font-size: 24px;opacity: 1;color:#ffffff}
#owl-video .owl-prev {left:0;background: transparent;border-right: 2px solid #3d3d3d;border-radius: 0;margin: 0;    padding: 16px 22px;}
#owl-video .owl-next {right:0;background: transparent;border-left: 2px solid #3d3d3d;border-radius: 0;margin: 0;    padding: 16px 22px;}



.prva-kolona-cont-entry1 {padding: 20px !important;}
.druga-kolona-cont-entry2 {padding: 20px !important;}

span.whitey {color:#fff;}
span.red {color:#fd2d30;}
.white {color:#fff;}

.poveznice {margin-top:20px;}

h2.entry a:link {color:#333;}
h2.entry a:visited {color:#333;}
h2.entry a:hover {color:#333;}
h2.entry a:active {color:#333;}

.vijesti-index {padding-top:15px;margin-bottom:15px;height: 152px;overflow:hidden}
.video-index {padding-top:15px;margin-bottom:15px;height: 120px;overflow:hidden}
.najava-index {padding-top:15px;margin-bottom:15px;height: 100px;overflow:hidden}

.paddingtopbot15.nopad {padding-top:15px !important;padding-bottom:15px !important;}

.paddingtopbot15.nopad .col-lg-3,
.paddingtopbot15.nopad .col-md-6,
.paddingtopbot15.nopad .col-sm-6,
.paddingtopbot15.nopad .col-xs-12,
.paddingtopbot15.nopad .col-md-12 {padding-left:15px;padding-right:15px;}

div.products div.product:hover .add-to-cart-product {opacity:1;}

.bigtitle {font-size:30px;margin:0 0 20px 0;display:block;line-height:30px;}
.podnaslov {font-size:19px;margin:10px 0 20px 0;display:block;}
.podnaslov p {text-align: justify;}
.kultura {margin:0 0 0 20px;width:140px;}
.zaklada {margin:0 0 0 30px;}
.print {float:right;margin:14px 12px 0 0;}
.rnvnajave {font-size:1.3em !important;margin:2px 0 0 40px !important;height:10px;}





* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}

.navbar-nav {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
}

.navbar-nav > li {
  float: left;
}

.navbar-nav > li > a {
  border-radius: 0;
}

.navbar-nav.pull-right {
  width: auto;
}

.navbar-toggle {
  position: relative;
  top: auto;
  left: auto;
  display: none;
}

.nav-collapse.collapse {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}

html.pdf-viewer-full-screen,
html.pdf-viewer-full-screen > body {
  height: 100%;
}

.pdf-viewer:-webkit-full-screen {
  position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; min-height: 100% !important; overflow: hidden;
}
.pdf-viewer:-moz-full-screen {
  position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; min-height: 100% !important; overflow: hidden;
}
.pdf-viewer:full-screen {
  position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; min-height: 100% !important; overflow: hidden;
}

.pdf-viewer {
  background: #909090;
  border: 1px solid #ddd;
  margin: 10px;
  height: 600px !important;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
}

.pdf-viewer > .navbar {
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.pdf-viewer .nav > .divider {
  border-left: 1px solid #ccc;
  margin: 10px 0 0;
  width: 0;
  height: 30px;
}

.pdf-viewer .dropdown > a {
  outline: none;
}

.pdf-viewer .dropdown-menu i {
  display: inline-block;
  width: 1.5em !important;
  text-align: left;
}

.pdf-viewer .tooltip {
  white-space: nowrap;
}

.pdf-viewer-container {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 1;
  overflow: hidden;
}

.pdf-viewer-page-view-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 1;
  overflow: hidden;
}

.pdf-viewer-page-view-container > .pdf-scroll-view-content {
  background: none;
}

.pdf-viewer-page-view {
  background: #fff;
  position: relative;
  margin: 10px auto;
}

.pdf-viewer-page-view.pdf-viewer-page-view-visible,
.pdf-viewer-page-view.pdf-viewer-page-view-visible + .pdf-viewer-page-view {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.pdf-viewer-page-view::after {
  content: '';
  display: block;
  position: relative;
  width: 100%;
  height: 10px;
}

.pdf-viewer-page-view > canvas {
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.pdf-viewer-page-view > .icon-spinner {
  color: #888;
  font-size: 36px;
  line-height: 2em;
  position: absolute;
  margin: -1em 0 0 -1em;
  top: 50%;
  left: 50%;
  width: 2em;
  height: 2em;
  text-align: center;
}

.pdf-viewer-text-layer {
  color: #000;
  font-family: sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.pdf-viewer-text-layer > div {
  color: transparent;
  cursor: text;
  line-height: 1;
  white-space: pre;
  position: absolute;
  margin: -0.5em 0 0 -0.5em;
  padding: 0.5em;
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.pdf-scroll-view-no-touch {
  overflow: auto;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

.pdf-scroll-view-no-touch > .pdf-scroll-view-content {
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

.pdf-scroll-view-content {
  position: absolute;
  min-width: 100%;
  width: auto;
  min-height: 100%;
  height: auto;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0s ease;
     -moz-transition:    -moz-transform 0s ease;
      -ms-transition:     -ms-transform 0s ease;
       -o-transition:      -o-transform 0s ease;
          transition:         transform 0s ease;
}

.pdf-scroll-indicator {
  background: rgba(0, 0, 0, 1);
  border: 1px solid rgba(255, 255, 255, 0.8);
  position: absolute;
  width: 5px;
  height: 5px;
  margin: 2px;
  opacity: 0.5;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
       -o-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 0s ease;
     -moz-transition: opacity 0.1s ease 0s,    -moz-transform 0s ease;
      -ms-transition: opacity 0.1s ease 0s,     -ms-transform 0s ease;
       -o-transition: opacity 0.1s ease 0s,      -o-transform 0s ease;
          transition: opacity 0.1s ease 0s,         transform 0s ease;
}

.pdf-scroll-indicator.pdf-scroll-indicator-hidden {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0.3s, -webkit-transform 0s ease;
     -moz-transition: opacity 0.3s ease 0.3s,    -moz-transform 0s ease;
      -ms-transition: opacity 0.3s ease 0.3s,     -ms-transform 0s ease;
       -o-transition: opacity 0.3s ease 0.3s,      -o-transform 0s ease;
          transition: opacity 0.3s ease 0.3s,         transform 0s ease;
}

.pdf-form-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


.block-lijevo {float:left;margin:0 20px 20px 0;}
.block-desno {float:left;margin:0 0 20px 20px;}


/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */
/*
.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#FF9800;background:rgba(255,152,0,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }


.cc-cookies{border: 1px solid #DCDCDC;box-shadow:3px 3px 10px 5px rgba(0, 0, 0, 0.1);position:fixed;width:230px;right:30px;bottom:50px;padding:20px;background:#fff;background:rgba(255,255,255,.95);font-size:13px;font-weight:400;z-index:99999;text-align:center;color:#333}
.cc-cookies a,.cc-cookies a:hover{color:#3175A4;text-decoration:underline;}
.cc-cookies a:hover{text-decoration:none;}
.cc-overlay{height:100%;padding-top:25%}
.cc-cookies-error{float:left;width:90%;text-align:center;margin:1em 0 2em;background:#fff;padding:2em 5%;border:1px solid #ccc;font-size:18px;color:#333}
.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset,.cc-cookies-error a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-decline{display:inline-block;color:#fff;text-decoration:none;background:#7DAF3B;padding:.5em .75em;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.25);text-shadow:0 -1px 0 rgba(0,0,0,.35);-o-transition:background .5s ease-in;-webkit-transition:background .25s ease-in;-moz-transition:background .25s ease-in}
.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline{background:#af3b3b;margin-left:.5em}
.cc-cookies a.cc-cookie-reset{background:#f15b00}
.cc-cookies a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-decline{background:#000;-o-transition:background .5s ease-in;-webkit-transition:background .25s ease-in;-moz-transition:background .25s ease-in}
.cc-cookies-error a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-decline{display:block;margin-top:1em}
.cc-cookies.cc-discreet{width:auto;padding:.5em 1em;left:auto;top:auto}
.cc-cookies.cc-discreet a.cc-cookie-reset{background:0 0;text-shadow:none;padding:0;text-decoration:underline}
.cc-cookies.cc-discreet a:hover.cc-cookie-reset{text-decoration:none}
.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{display:block;margin:1em 0}
*/

.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }



.width-40{width: 40%;}
.width-100{width: 100%;}
.mb-lg{margin-bottom: 20px;}
.mr-lg{margin-right: 20px;}
.mt-md{margin-top: 15px;}


.logicif img {margin-right: 10px}


/*TOMISLAV*/

.owl-slideshow-pocetna-item {
    position: relative;
    min-height: 520px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    width: 100%;
}

.owl-slideshow-pocetna-item-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 30px;
    box-sizing: border-box;
}

.owl-slideshow-pocetna-item-title h2,
.owl-slideshow-pocetna-item-title h2 a {
    color: #fff !important;
    margin: 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.2;
}

.owl-slideshow-pocetna-item-title h2 a:hover,
.owl-slideshow-pocetna-item-title h2 a:focus {
    color: #ca1e1e !important; /* Zlatna na hover/focus */
    text-decoration: none;
    outline: none;
}

/* Responzivnost za tablete */
@media (max-width: 991px) {
    .owl-slideshow-pocetna-item {
        min-height: 380px;
    }
    .owl-slideshow-pocetna-item-title {
        padding: 20px;
    }
    .owl-slideshow-pocetna-item-title h2 {
        font-size: 1.3rem;
    }
}
/* Responzivnost za mobitele */
@media (max-width: 575px) {
    .owl-slideshow-pocetna-item {
        min-height: 180px;
    }
    .owl-slideshow-pocetna-item-title {
        padding: 10px 6px;
    }
    .owl-slideshow-pocetna-item-title h2 {
        font-size: 1rem;
    }
}


#owl-slideshow-pocetna {
    position: relative; /* ključno! */
}

/* Pozicioniraj kontrole */
#owl-slideshow-pocetna .owl-controls .owl-buttons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* da ne blokira klik na slider */
    z-index: 20;
}

/* Stil i pozicija pojedinih gumbića */
#owl-slideshow-pocetna .owl-controls .owl-buttons .owl-prev,
#owl-slideshow-pocetna .owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #fff;
    border-radius: 50%;
    font-size: 32px;
    opacity: 1;
    cursor: pointer;
    pointer-events: auto; /* bitno! */
    transition: background 0.2s, opacity 0.2s;
    border: none;
    box-shadow: none;
}

#owl-slideshow-pocetna .owl-controls .owl-buttons .owl-prev {
    left: 12px;
}
#owl-slideshow-pocetna .owl-controls .owl-buttons .owl-next {
    right: 12px;
}

#owl-slideshow-pocetna .owl-controls .owl-buttons .owl-prev:hover,
#owl-slideshow-pocetna .owl-controls .owl-buttons .owl-next:hover {
    background: rgba(0,0,0,0.75);
    opacity: 1;
}

/* Za ikone koje već koristiš (icon-angle-left/right) - ništa ne mijenjaj! */

@media (max-width: 575px) {
    #owl-slideshow-pocetna .owl-controls .owl-buttons .owl-prev,
    #owl-slideshow-pocetna .owl-controls .owl-buttons .owl-next {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }
}


.uvod-box {    background: #cdc6c6;padding: 20px;margin-bottom: 30px;}