html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
object, embed {display: block; overflow: hidden;}
body {line-height: 1;}
ul {list-style: none;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

body {background:#fff url(https://bombon.hr/slike/header-001.jpg) top center no-repeat; font:normal 12px Tahoma, Arial, "Trebuchet MS", Verdana, Sans-serif; color:#111; text-align:left}


#supersized-loader {position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em;}
	
#supersized {display:block; position:fixed; left:50%; top:-5px; overflow:hidden; z-index:-999; height:313px; width:1456px; margin:0 0 0 -728px; min-width:1100px; padding:0; border:0;}
#supersized img { width:100%; height:100%; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#fff; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading {width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

#slidecaption {overflow:hidden; float:left; width:700px; height:90px;}


h1 {font-size: 35px; color: #000; font-weight: normal}
h2 {font-size: 30px; color: #000; font-weight: normal; margin: 0 0 10px 0}
h3 {font-size: 22px; color: #000; font-weight: normal; margin: 0 0 10px 0}
h4 {font-size: 18px; color: #000; font-weight: normal; margin: 0 0 15px 0}
h5 {font-size: 14px; color: #000; font-weight: normal; margin: 0 0 15px 0}

.clear {clear: both; height: 0px}
.clear5 {clear: both; height: 5px}
.clear10 {clear: both; height: 10px}
.clear15 {clear: both; height: 15px}
.clear20 {clear: both; height: 20px}
.clear30 {clear: both; height: 30px}
.clear70 {clear: both; height: 70px}

.slika {float:left; margin:0 0 10px 0; padding:0; border:0}
.slika-lijevo {float:left; margin:0 15px 5px 0; padding:0; border:0}
.slika-desno {float:right; margin:0 0 5px 15px; padding:0; border:0}
.galerijamala-l {float:left; margin:0 9px 9px 0; padding:3px; border:1px solid #efd2b8; background:#fbe3ce; border-radius:3px}
.slika-small {float:right; margin:0 0 0 10px; padding:3px; border:1px solid #efd2b8; background:#fbe3ce; border-radius:7px}

.lijevo {float:left}
.desno {float:right}
.none {display:none !important}

.mar-go-10 {margin: 10px 0 0 0}
.mar-de-10 {margin: 0 10px 0 0}
.mar-do-10 {margin: 0 0 10px 0}
.mar-li-10 {margin: 0 0 0 10px}

.zoom {float:left; position:relative}
.zoom span {display:block; background:transparent url(https://bombon.hr/slike/full.png) 0 0 no-repeat; width:26px; height:28px; position:absolute; right:3px; top:3px}

a:link {color: #ae0000; text-decoration: none;}
a:visited {color: #ae0000; text-decoration: none;}
a:active {color: #ae0000;}
a:hover {color: #d60202; text-decoration: none;}

a.sivi:link, a.sivi:visited, a.sivi:active {color: #666; text-decoration: none;}
a.sivi:hover {color: #aaa; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff !important; text-decoration: none;}
a.bijeli:hover {color: #fff !important; text-decoration: none;}

/*ul {list-style-type:disc; margin:20px 0 0 20px}*/
p {margin:0 0 10px}

.btn {
background: #2fb022; /* old browsers */
background: -moz-linear-gradient(top, #2fb022 0%, #028b3c 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2fb022), color-stop(100%,#028b3c)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fb022', endColorstr='#028b3c',GradientType=0 ); /* ie */
width: 99.8%;
height: 50px;
font: bold 16px/50px Arial;
float: left;
display: block;
margin: 0;
padding: 0 15px;
text-align: center;
color: #fff;
text-decoration: none;
text-transform:uppercase;
cursor: pointer;
border: 1px solid #018137;
border-radius: 4px;
}

input.btn {float: left;}

.btn:hover, .btn:focus, input.btn:focus {
background: #028b3c; /* old browsers */
background: -moz-linear-gradient(top, #028b3c 0%, #2fb022 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#028b3c), color-stop(100%,#2fb022)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#028b3c', endColorstr='#2fb022',GradientType=0 ); /* ie */
border: 1px solid #018137;
color: #fff;
}

a.btn:link, a.btn:visited, a.btn:active, a.btn:hover {color: #fff;}



.btnnaruci {
background: #fd951b; /* old browsers */
background: -moz-linear-gradient(top, #fd951b 0%, #e45301 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd951b), color-stop(100%,#e45301)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd951b', endColorstr='#e45301',GradientType=0 ); /* ie */
width:40%;
height: 40px;
font: bold 14px/40px Arial;
clear:both;
display: block;
margin: 0 0 20px 0;
padding: 0 15px;
text-align: center;
color: #fff;
text-decoration: none;
text-transform:uppercase;
cursor: pointer;
border: 1px solid #d44d01;
border-radius: 4px;
}

input.btnnaruci {float: left;}

.btnnaruci:hover, .btnnaruci:focus, input.btnnaruci:focus {
background: #e45301; /* old browsers */
background: -moz-linear-gradient(top, #e45301 0%, #fd951b 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e45301), color-stop(100%,#fd951b)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45301', endColorstr='#fd951b',GradientType=0 ); /* ie */
border: 1px solid #d44d01;
color: #fff;
}

a.btnnaruci:link, a.btnnaruci:visited, a.btnnaruci:active, a.btnnaruci:hover {color: #fff;}


#wrapperstranica {margin:0 auto; width:1100px;}

#header {width:1100px; height:60px; overflow:hidden; background:url(https://bombon.hr/slike/podloga-h1.png) 0 0 no-repeat; float:left;}
#header h1 {font-family: 'Signika', sans-serif; font-weight:400; font-size:22px; color:#fff; line-height:60px; margin:0; padding-left:20px; text-align:right}
#logo {margin:15px 0px 0 0; padding:0; float:right}
.oblacic {width:510px; height:224px; overflow:hidden; background:url(https://bombon.hr/slike/oblacic.png) 0 0 no-repeat; float:left; margin:68px 0 0 0;}
.oblacictekst {width:360px; padding:90px 30px 0 30px; text-align:center; font-family: 'Signika', sans-serif; font-weight:700; font-size:28px; color:#d4c3af; line-height:40px;}

#ispodheadera {width:1100px; height:390px; float:left; position:relative;}

#back-to-top {background: url("https://bombon.hr/slike/triangle.png") no-repeat scroll 12px 16px #bbbbbb;border-radius: 2px 2px 2px 2px;bottom: 20px;cursor: pointer;display: none;height: 40px;line-height: 1em;opacity: 0.8;position: fixed;right: 20px;width: 40px;z-index: 2;}
#back-to-top:hover {background-color:#aaaaaa;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity:0.8;}

#navigation {float:left; width:1100px; background:#333}
#navigation ul {margin:0; padding:0}
#navigation ul li {list-style-type:none; display:inline}
#navigation li a {float:left; padding:5px 10px; color:#fff; text-decoration:none; border-right:1px solid #fff}
#navigation li a.aktiv {background:#383}
#navigation li a:hover {background:#383}

#content-container {float:left; width:1100px; background-color:#fff;}
#content {float:left; width:695px; padding:0; margin:0 0 30px 0}
.kontakt-lijevo {float:left; width:330px;}
.kontakt-desno {float:right; width:330px;}

.entry {line-height:1.6em; margin:0; position:relative; padding:0 0 15px 0; font-size:13px}
.entry h3 {font-family: 'Signika', sans-serif; font-weight:600; font-size:30px; color:#ae0000; margin:0 0 15px 0; line-height:1.2em; text-shadow:1px 1px 1px rgba(0,0,0,.15);}
.entry h3 a:link, .entry h3 a:visited, .entry h3 a:active {color:#ae0000; text-decoration: none;}
.entry h3 a:hover {color:#d60202; text-decoration:none;}
.entry p {margin:0 0 1.2em 0}
.entry ul{list-style-type:none;padding:0px;margin:0 0 1.2em 24px;}
.entry ul li{background-image:url("https://bombon.hr/slike/entry-lista.gif");background-repeat:no-repeat;background-position:0px 7px; padding-left:14px;margin:0}
.entry ol {margin:0 0 1.2em 40px; list-style-type:decimal;}
.entry ol li {margin:0}

.entry-pitanja {line-height:1.6em; margin:0 0 30px 0; position:relative; padding:0 0 15px 0; font-size:13px; border-bottom:1px solid #ddd}
.entry-pitanja h3 {font-family: 'Signika', sans-serif; font-weight:600; font-size:20px; color:#ae0000; margin:0 0 15px 0; line-height:1.2em; text-shadow:1px 1px 1px rgba(0,0,0,.15);}
.entry-pitanja h3 a:link, .entry h3 a:visited, .entry h3 a:active {color:#ae0000; text-decoration: none;}
.entry-pitanja h3 a:hover {color:#d60202; text-decoration:none;}
.entry-pitanja p {margin:0 0 1.2em 0}
.entry-pitanja ul{list-style-type:none;padding:0px;margin:0 0 1.2em 24px;}
.entry-pitanja ul li{background-image:url("https://bombon.hr/slike/entry-lista.gif");background-repeat:no-repeat;background-position:0px 7px; padding-left:14px;margin:0}
.entry-pitanja ol {margin:0 0 1.2em 40px; list-style-type:decimal;}
.entry-pitanja ol li {margin:0}

.entry-search {float:left; width:670px; height:106px; margin:0; padding:10px; cursor:pointer}
.entry-search:hover {background-color:#eee; border-radius:3px 3px 3px 3px}
.entry-search div {height:80px; overflow:hidden}

.poc-box1, .poc-box2, .poc-box3 {background: #f3f2e1; border-radius:50px; float:left; width:350px; height:480px; overflow:hidden;cursor:pointer; border:0;}
.poc-box1, .poc-box2 {margin:0 25px 0 0}
.poc-box3 {margin:0}
.pocbox-unutra {width:350px; height:305px; overflow:hidden;}
.pocbox-unutra p {font:normal 13px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif; line-height:1.6em; color:#000; padding:30px 50px 0 50px; text-align:right}

.poc-box1 h3, .poc-box2 h3, .poc-box3 h3 {font-family: 'Signika', sans-serif; font-weight:700; font-size:54px; color:#d4c3af; line-height:54px; margin:0; padding:40px 50px 0 50px; text-align:right; text-shadow:1px 1px 2px rgba(0,0,0,.40)}
.poc-box1 h3 a:link, .poc-box1 h3 a:visited, .poc-box1 h3 a:active, .poc-box2 h3 a:link, .poc-box2 h3 a:visited, .poc-box2 h3 a:active, .poc-box3 h3 a:link, .poc-box3 h3 a:visited, .poc-box3 h3 a:active {color:#d4c3af; text-decoration: none;}
.poc-box1 h3 a:hover, .poc-box2 h3 a:hover, .poc-box3 h3 a:hover {color:#bfaa92; text-decoration: none;}

.poc-box1 .pocbox-unutra .podnaslov, .poc-box2 .pocbox-unutra .podnaslov, .poc-box3 .pocbox-unutra .podnaslov {font-family: 'Signika', sans-serif; font-weight:700; font-size:30px; line-height:30px; margin:0; padding:10px 50px 0 50px; text-align:right; text-shadow:1px 1px 2px rgba(0,0,0,.40)}
.poc-box1 .pocbox-unutra .podnaslov {color:#e94653;}
.poc-box2 .pocbox-unutra .podnaslov {color:#fd6001;}
.poc-box3 .pocbox-unutra .podnaslov {color:#b0074f;}

.podloga-dolje {background: url("https://bombon.hr/slike/podloga-dolje.png") 0 0 no-repeat; height:280px; margin:0 0 50px 0}

.poc-box4, .poc-box5 {float:left; width:510px; height:260px; overflow:hidden;cursor:pointer; border:0;}
.poc-box4 {float:left; text-align:right}
.poc-box5 {float:right;}

.poc-box4 h3, .poc-box5 h3{font-family: 'Signika', sans-serif; font-weight:700; font-size:38px; color:#009a73; line-height:38px; margin:0; padding:0 0 30px 0; text-shadow:1px 1px 2px rgba(0,0,0,.40)}
.poc-box4 h3 {text-align:right}
.poc-box5 h3 {text-align:left}
.poc-box4 h3 a:link, .poc-box4 h3 a:visited, .poc-box4 h3 a:active, .poc-box5 h3 a:link, .poc-box5 h3 a:visited, .poc-box5 h3 a:active {color:#009a73; text-decoration: none;}
.poc-box4 h3 a:hover, .poc-box5 h3 a:hover {color:#16be94; text-decoration: none;}

.poc-box4 p, .poc-box5 p {font:normal 13px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif; line-height:1.6em; color:#000;}

.paginationw {margin-top:10px; height:52px; overflow:hidden; float:right; font-size:12px}
.paginationw a, .paginationw strong {float:left; margin-left:5px; color:#474747; text-decoration:none; padding:7px 10px; border:solid 1px #B6B6B6; background:#E6E6E6; background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6); background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6))}
.paginationw a, .paginationw strong {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.paginationw a:first-child {margin-left:0px}
.paginationw img {border:none}
.paginationw a:hover, .paginationw strong {background:#fff}

.missing-link-btn {position:absolute; bottom:0; right:0}
.google-karta {float:left; margin:0; width:100%; height:600px}

#smaller {float:left;width:390px; padding:0; margin:0 15px 30px 0; background: url(https://bombon.hr/slike/smaller-podloga.gif) top right no-repeat;min-height:230px; text-align:right; line-height:1.6em;}
#smaller h4 {font-family: 'Signika', sans-serif; font-weight:600; font-size:24px; color:#fd6001; text-shadow:1px 1px 1px rgba(0,0,0,.15); line-height:1.2em;}
#smaller h4 a:link, #smaller h4 a:visited, #smaller h4 a:active {color: #fd6001; text-decoration: none;}
#smaller h4 a:hover {color: #fe7c2e; text-decoration:none;}
#smaller a:link, #smaller a:visited, #smaller a:active {color:#fd6001; text-decoration:none;}
#smaller a:hover {color:#fe7c2e; text-decoration:none}

#smaller ul{list-style-type:none;padding:0px;margin:0;}
#smaller ul li{border-bottom: 1px dotted #bbb; padding:7px 0;}
#smaller ol {margin:0 0 1.2em 40px; list-style-type:decimal;}
#smaller ol li {margin:0}


#smallerunutra {padding:0 55px 0 30px}
.small-box {margin:0 0 40px 0}

#trazilica {float:right; width:204px; height:32px}
.search-d {width:32px; height:32px; float:right; cursor:pointer}
.search-l {float:right; background: url("https://bombon.hr/slike/search-l.png") top right no-repeat; border:none; width:152px; height:32px; line-height:32px; margin:0; font-family:Arial; font-size:12px; color:#ccc; padding:0 10px}

#breadcrumb {height:32px; border:0; color:#7C735B; padding:0; overflow:hidden; float:left; margin:0 0 0 126px;position:relative; top:-110px}
#breadcrumb h2 {font-size:12px; line-height:32px; margin:0; color:#444}
#breadcrumb img {float:left}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {color:#444; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumb a:hover {color:#888; text-decoration:none; line-height:32px; float:left; border:0}

#breadcrumbd {height:32px; border:0; color:#000; padding:0; overflow:hidden; width:710px; float:left}
#breadcrumbd h5 {font:normal 13px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif; line-height:32px; margin:0; color:#000; float:left}
#breadcrumbd img {float:left}
#breadcrumbd a:link, #breadcrumbd a:visited, #breadcrumbd a:active {color:#000; text-decoration:none; line-height:32px; float:left; border:0}
#breadcrumbd a:hover {color:#444; text-decoration:none; line-height:32px; float:left; border:0}

.rss {float:right}
#footer {clear:both; background: url("https://bombon.hr/slike/footer-podloga.jpg") bottom center no-repeat; text-align:right; margin:0; padding:0; min-height:320px; width:100%;}
.foot-unutra {width:1100px; margin:0 auto; min-height:320px; position:relative;}
.foot-karta {position:absolute; bottom:-3px; right:0}
.footerkontaktforma {float:left; width:400px}
.kontaktfooter {font-family: 'Signika', sans-serif; font-weight:700; font-size:40px; color:#fff; line-height:46px; margin:0; padding:0 0 15px 0; text-align:left; text-shadow:1px 1px 2px rgba(0,0,0,.40)}
.foot-potpis {float:right; text-align:right; width:130px; font:normal 11px Tahoma,Arial,"Trebuchet MS",Verdana,Sans-serif; line-height:18px; margin:-40px 0 0 0; color:#a6a6a6}

/* Kontakt forma */
.kontaktforma, #contactForm, .notification, .contactForm {width:100%}

.notification {width:98%; height:auto; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:10px}
.notification div {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success {border:1px solid #54aa29; background:#d3f4c0; font-size:14px; color:#477e2b; position:relative; margin:12px 0 0}
.notification.success li {list-style-type:none; border-radius:3px; padding:5px 5px 5px 30px}
.notification.success div {border:1px solid #fff; padding:0 0 0 22px; background:url(https://bombon.hr/slike/offline/notification_success_icon.png); background-repeat:no-repeat; background-position:5px center}
.notification.error {border:1px solid #aa2929; background:#f4c0c0; font-size:14px; color:#7e2b2b; z-index:100; position:relative; margin:12px 0 0}
.notification.error li {list-style-position:inside; border-radius:5px; padding:5px 5px 5px 10px}
.notification.error div {border:1px solid #fae0e0; padding:0 0 0 22px; background:url(https://bombon.hr/slike/offline/notification_error_icon.png); background-repeat:no-repeat; background-position:5px center}

.contactForm {margin:0; padding:0; height:auto; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.contactForm div{position:relative}
.contactForm label {font-size:14px; font-weight:normal; color:#646464; display:block; padding-bottom:3px; float:left; font-family:Arial; display:none}
.contactForm input[type=text],
.contactForm input[type=email],
.contactForm textarea {font-family:Arial; font-size:12px; width:97%; margin-bottom:3px; padding:5px; border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}
.contactForm input:focus, 
.contactForm textarea:focus {background:#FEFFB7}
.contactForm input[type=text].error,
.contactForm input[type=email].error {border:1px solid #b78585; background:#fff0f0 url(https://bombon.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm textarea.error {border:1px solid #b78585; background: #fff0f0 url(https://bombon.hr/slike/offline/input_background_error.png); background-repeat:repeat-x}
.contactForm label.error {color:#ff0000; width:auto; font-size:12px; position:absolute; top:26px; right:6px}
.contactForm input[type=checkbox], .contactForm input[type=radio] {float:left;clear:both}
#freeform_multiselect {float:left;clear:both}
#freeform_checkbox {float:none}
.freeform_polje {background:#eee; float:left; width:96%; margin-bottom:12px; padding:7px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -khtml-border-radius:3px; border-radius:3px}
.freeform_polje_label {margin:0 10px 10px 0; font-size:15px; font-weight:bold; float:left; color:#000}
.general_errors, .error_message {color: #ff0000;display: none;margin-bottom: 10px;font-size: 11px;}

/* Tablica */
#box-table-a {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; width:100%; text-align:left; border-collapse:collapse}
#box-table-a th {font-size:13px; font-weight:normal; padding:8px; background:#033F63; border-top:4px solid #00385C; border-bottom:1px solid #fff; color:#fff}
#box-table-a td {padding:8px; background:#e8edff; border-bottom:1px solid #fff; color:#669; border-top:1px solid transparent}
#box-table-a tr:hover td {background:#d0dafd; color:#339}

#socials {margin:0; padding:0 0 0 150px; float:left; position:relative; top:-110px}
#rss {width:38px; height:38px; float:left; background: url("https://bombon.hr/slike/socials-rss.png") top left no-repeat; margin:0 5px 0 0}
#rss:hover {width:38px; height:38px; float:left; background: url("https://bombon.hr/slike/socials-rss.png") bottom left no-repeat; cursor:pointer;}
#twitter {width:38px; height:38px; float:left; background: url("https://bombon.hr/slike/socials-twitter.png") top left no-repeat;margin:0 5px 0 0}
#twitter:hover {width:38px; height:38px; float:left; background: url("https://bombon.hr/slike/socials-twitter.png") bottom left no-repeat; cursor:pointer;}
#facebook {width: 38px; height:38px; float: left;background: url("https://bombon.hr/slike/socials-facebook.png") top left no-repeat;margin:0 5px 0 0}
#facebook:hover {width:38px; height:38px; float:left; background: url("https://bombon.hr/slike/socials-facebook.png") bottom left no-repeat;cursor: pointer;}

/* Mega izbornik */
#mega-navigation {width:1100px; height:52px; float:left; background:#888}

ul.mega-container{width:1100px; padding:10px 0 10px 70px; margin:0}
li.mega{list-style-type:none; float:left; padding:0; margin:0 .65em; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position:relative; z-index:10px}
 /*Ako stavljate sliku morate pisati na ovaj način zbog IE
 li.mega.mega-active {color:#254809; border:1px solid #9dc259; background-image:url(https://bombon.hr/slike/active_bg.gif); background-position:top left;}
 */
li.mega.mega-active {background-color:#e77302}
li.mega:hover{}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}

/* Basic menu item styles */
li.mega a.mega-tab{color:#FFF; text-decoration:none; font:bold 16px "Trebuchet MS",Arial,Sans-serif; display:inline-block; padding:5px 10px 5px 10px; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(0,0,0,.35)}
li.mega a.mega-tab:hover {color:#f6cda4; text-decoration:none; font:bold 16px "Trebuchet MS",Arial,Sans-serif; display:inline-block; padding:5px 10px 5px 10px; outline:none; position:relative; z-index:20px; text-shadow:1px 1px 2px rgba(0,0,0,.35)}

/* Menu item with dropdown arrow */
li.mega a.mega-sub{background:url(https://bombon.hr/slike/down.png) no-repeat right center; padding-right:26px !important}
li.mega.mega-sub:hover{z-index:10000; border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0}

/* Content container */
.mega-content{width:175px; display:none; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; padding:0; position:absolute; top:96%; left:-1px; border:1px solid #888; border-top:none; text-align:left; color:#222; font-size:11px; z-index:6; display:none; background:#888}
li:hover .mega-content{display:block}
.mega-content h3{font-size:13px; border-bottom:1px dotted #666; padding-bottom:4px; margin-bottom:1em}
.mega-content ul{list-style-type:disc; margin-left:18px}
.mega-content p{margin-bottom:1em}

/* Drop Menu Styling */
.mega-menu{padding:7px 7px 3px !important; z-index:10000 !important; text-transform:uppercase; min-width:250px}
.mega-menu ul{list-style-type:none; margin:0; min-width:250px}
.mega-menu li a{background-color:#F9F9F9; display:block; padding:3px 10px; color:#333; text-decoration:none; font-weight:normal; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-shadow:none; margin-bottom:.5em}
*+html .mega-menu li a{padding:8px 10px; margin-bottom:.15em}
.mega-menu li a.mega-sub{background-color:#fff; background-image:url(https://bombon.hr/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%}
.mega-menu li a:hover{background-color:#fee2c6}
.mega-menu li{position:relative}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#e77302; width:175px; padding:7px 7px 3px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:1000; position:absolute; left:100%; top:0; display:none}

/* Grid Layout Styling */
.mega-grid{background:#FFF; background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EAEAEA)); background:-moz-linear-gradient(top, #FFF, #EAEAEA); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EAEAEA'); padding:15px 0; margin:10px 5px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.mega-grid-1{width:110px !important}
.mega-grid-2{width:210px !important}
.mega-grid-3{width:310px !important}
.mega-grid-4{width:410px !important}
.mega-grid-5{width:510px !important}
.mega-grid-6{width:610px !important}
.mega-col-1, .mega-col-2, .mega-col-3, .mega-col-4, .mega-col-5, .mega-col-6{margin:0 10px 1.25em; float:left}
.mega-col-1{width:80px}
.mega-col-2{width:180px}
.mega-col-3{width:280px}
.mega-col-4{width:380px}
.mega-col-5{width:480px}
.mega-col-6{width:580px}

/* Utility classes */
.mega-open-right .mega-content{left:auto; right:0}

/* Clearfix 'hack' for mega-container */
.mega-container:after, 
.mega-grid:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.mega-container, .mega-grid{display:inline-block}
html[xmlns] .mega-container, 
html[xmlns] .mega-grid{display:block}
* html .mega-container, 
* html .mega-grid{height:1%}


/*ROTATOR*/
.slider {float:left; width:1000; height:300px}
.slider-movie-example {width:320px;height:156px;background: url(https://bombon.hr/slike/jquery-slider-background.png) top left no-repeat;color:#FFFFFF;padding:20px;position:absolute;top:50px;left:55px;font-size: 12px;line-height: 18px}
.slider-movie-example h4 {font-size:18px; color:#fff; width:320px; height:20px; overflow:hidden; float:left; margin:0 0 10px 0; font-weight:bold}
.jquery-slider-wrapper {position:relative;clear:both;zoom:1}
.jquery-slider-slide {display: none;float: left;margin: 0;padding: 0;position: absolute;width: 100%}
.jquery-slider-slide img {border:0;margin:0;padding:0}
.jquery-slider-slide-current {display:block;z-index:2}
.jquery-slider-slide-next {display:block;z-index:1}
.jquery-slider-selectors {display:inline;float:left;overflow:hidden;position:absolute;bottom:5px;left:50%;z-index:4;color:#FFFFFF}
.jquery-slider-selector {background:url(https://bombon.hr/slike/jquery-slider-theme.png) no-repeat 0px -59px;display:inline;float:left;width:10px;height:10px;margin:0 0 0 3px}
.jquery-slider-selector-current {background:url(https://bombon.hr/slike/jquery-slider-theme.png) no-repeat -10px -59px}
.jquery-slider-selector span {display:none}
.jquery-slider-control {position:absolute;right:13px;top:11px;cursor: pointer;width:9px;height:14px;z-index:4}
.jquery-slider-control span {display:none}
.jquery-slider-control-play {background:url(https://bombon.hr/slike/jquery-slider-theme.png) no-repeat 0px -42px}
.jquery-slider-control-pause {background:url(https://bombon.hr/slike/jquery-slider-theme.png) no-repeat -10px -42px}
.jquery-slider-navigation {display:block}
.jquery-slider-navigation-prev {background:url(https://bombon.hr/slike/jquery-slider-theme.png) no-repeat 0 0;left:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-prev span {display:none}
.jquery-slider-navigation-next {background:url(https://bombon.hr/slike/jquery-slider-theme.png) no-repeat -21px 0;right:-21px;top:50%;position:absolute;cursor: pointer;width:21px;height:40px;margin-top:-20px;z-index:4}
.jquery-slider-navigation-next span {display:none}
.jquery-slider-wrapper .caption {padding:6px 10px;background:#333333;font-size:13px;position:absolute;bottom:10px;left:10px;color:#FFFFFF}
.jquery-slider-timer {color:#FFFFFF;position:absolute;top:5px;right:5px;z-index:4;overflow:hidden;width:26px;height:26px}
.jquery-slider-timer-rotator {background:url(https://bombon.hr/slike/jquery-slider-rotator-left.png) no-repeat 0 0;overflow:hidden;width:26px;height:26px;position:absolute;top:0;left:-13px;z-index:3}
.jquery-slider-timer-mask {overflow:hidden;width:13px;height:26px;position:absolute;top:0;right:0px;z-index:2}
.jquery-slider-timer-rotator-move {left:0}
.jquery-slider-timer-mask-move {width:26px;left:0;background:url(https://bombon.hr/slike/jquery-slider-rotator-right.png) no-repeat 0 0}


/* lightbox */
#overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:9999; display:none}
#lightbox{position:fixed; top:50%; left:50%; font-family:Arial,Helvetica,sans-serif; color:#333; border:1px solid #CCC; background-color:#FFF; padding:10px 10px 0 10px; z-index:10000; display:none; overflow:hidden; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000}
#lightbox .inner-box{position:relative; width:100%; height:100%; overflow:hidden}
#lightbox .content{z-index:1}
#lightbox .content img{display:block; position:absolute; top:0; left:0; border:0}
#lightbox .cpanel{position:relative; width:100%; height:30px; overflow:hidden; display:none}
#lightbox #close-btn{position:relative; width:76px; height:30px; cursor:pointer; float:right; background:url(https://bombon.hr/js/wt-scroller/lightbox/icons.png) 0 0 no-repeat; z-index:2}
#lightbox #play-btn{position:relative; width:26px; height:30px; cursor:pointer; float:left; background:url(https://bombon.hr/js/wt-scroller/lightbox/icons.png) 0 -30px no-repeat; z-index:2}
#lightbox #play-btn.pause{background-position:-30px -30px}
#lightbox .info{position:absolute; width:100%; color:#222; height:30px; line-height:30px; font-size:16px; z-index:0; text-align:center}
#lightbox .back-btn, 
#lightbox .fwd-btn{position:absolute; width:20px; height:70px; top:50%; margin-top:-35px; cursor:pointer}
#lightbox .back-btn{left:0; margin-left:-20px; background:#000 url(https://bombon.hr/js/wt-scroller/lightbox/d_arrows.png) 0 center no-repeat; background:rgba(0,0,0,0.75) url(https://bombon.hr/js/wt-scroller/lightbox/d_arrows.png) 0 center no-repeat; border-top-right-radius:4px; border-bottom-right-radius:4px}
#lightbox .fwd-btn{left:100%; background:#000 url(https://bombon.hr/js/wt-scroller/lightbox/d_arrows.png) -20px center no-repeat; background:rgba(0,0,0,0.75) url(https://bombon.hr/js/wt-scroller/lightbox/d_arrows.png) -20px center no-repeat; border-top-left-radius:4px; border-bottom-left-radius:4px}
#lightbox .btn-panel{background:url(https://bombon.hr/js/wt-scroller/lightbox/spacer.png) no-repeat; position:relative; float:left; width:50%; height:0; z-index:3; cursor:pointer}
#lightbox .timer{position:absolute; left:0; background-color:#FFF; filter:alpha(opacity=50); opacity:.5; width:0; height:5px; z-index:2; visibility:hidden; font-size:0}
#lightbox .desc{position:absolute; left:0; color:#FFF; font-size:14px; text-align:left; width:100%; z-index:4; overflow:hidden; display:none; background:#000; background:rgba(0,0,0,0.75)}
#lightbox .inner-text{padding:5px}


/*channel images galerija slika*/
.containerscroll {float:left}
.wt-scroller{position:relative; display:block; font-family:Arial,Helvetica,sans-serif; background-color:#FBE3CE; width:100%; height:150px; padding:0; margin:0; border-radius:3px;}
.wt-scroller .slides{position:relative; width:100%; height:150px; float:left; overflow:hidden; z-index:1}
.wt-scroller .slides ul{list-style:none; position:relative; width:99999px; margin:0; padding:0; z-index:0; overflow:hidden}
.wt-scroller .slides ul li{position:relative; display:block; float:left; overflow:hidden; width:300px; height:130px}
.wt-scroller .slides ul li img{position:absolute; top:0; left:0; z-index:0; border:0}
.wt-scroller .slides ul li p{position:absolute; top:0; left:0; z-index:1; color:#FFF; font-size:12px; width:150px; padding:5px; margin:0; visibility:hidden}
.wt-scroller .outside{background-color:#222}
.wt-scroller .inside{background:#000; background:rgba(0,0,0,0.75)}
.wt-scroller .prev-btn, 
.wt-scroller .next-btn{float:left; position:relative; width:50px; height:55px; cursor:pointer;}
.wt-scroller .prev-btn{background:url(https://bombon.hr/js/wt-scroller/prev.png) center no-repeat}
.wt-scroller .next-btn{background:url(https://bombon.hr/js/wt-scroller/next.png) center no-repeat}
.wt-scroller .lower-panel{display:block; position:relative; clear:both; text-align:center; font-size:0}
.wt-scroller .scroll-bar{position:relative; background-color:#E45301; border-radius:2px; width:100%; height:5px; cursor:pointer; overflow:hidden}
.wt-scroller .thumb{position:absolute; top:0; left:0; width:100px; height:5px; border-radius:2px; background-color:#FC9219}
.wt-scroller .index, 
.wt-scroller .index-hl{position:relative; display:inline-block; width:7px; height:7px; margin:0 4px; background-image:url(https://bombon.hr/js/wt-scroller/circle.png); background-repeat:no-repeat}
.wt-scroller .index{background-position:0 0; cursor:pointer}
.wt-scroller .index-hl{background-position:-7px 0; cursor:default}




/*IZBORNIK */

.container {position:relative; left:396px; top:-120px; width:706px; padding:0; margin:0; z-index: 1000; display:inline-block}
ul#topnav {margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 1.1em; z-index: 1000;display:inline-block}
ul#topnav li {float: left;margin: 0; padding: 0;position: relative;z-index: 1000;}
ul#topnav li a {float: left; text-indent: -9999px;height: 126px;z-index: 1000;}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom;z-index: 1000;}
ul#topnav a.pocetna {background: url("https://bombon.hr/slike/menu-gumb-poc.png") no-repeat;width: 126px; }
ul#topnav a.pocetna-a {background: url("https://bombon.hr/slike/menu-gumb-poc-a.png") no-repeat;width: 126px; }
ul#topnav a.onama {background: url("https://bombon.hr/slike/menu-gumb-onama.png") no-repeat;width: 126px; margin: -6px 0 0 -10px;z-index: 1000;}
ul#topnav a.onama-a {background: url("https://bombon.hr/slike/menu-gumb-onama-a.png") no-repeat;width: 126px; margin: -6px 0 0 -10px;z-index: 1000;}
ul#topnav a.bomboni {background: url("https://bombon.hr/slike/menu-gumb-bomboni.png") no-repeat;width: 126px; margin: -12px 0 0 -10px;z-index: 1000;}
ul#topnav a.bomboni-a {background: url("https://bombon.hr/slike/menu-gumb-bomboni-a.png") no-repeat;width: 126px; margin: -12px 0 0 -10px;z-index: 1000;}
ul#topnav a.slatkisi-slike {background: url("https://bombon.hr/slike/menu-gumb-galerija.png") no-repeat;width: 126px; margin: -18px 0 0 -10px;}
ul#topnav a.slatkisi-slike-a {background: url("https://bombon.hr/slike/menu-gumb-galerija-a.png") no-repeat;width: 126px; margin: -18px 0 0 -10px;}
ul#topnav a.bomboni-narudzba {background: url("https://bombon.hr/slike/menu-gumb-narudzba.png") no-repeat;width: 126px; margin: -24px 0 0 -10px;}
ul#topnav a.bomboni-narudzba-a {background: url("https://bombon.hr/slike/menu-gumb-narudzba-a.png") no-repeat;width: 126px; margin: -24px 0 0 -10px;}
ul#topnav a.kontakt {background: url("https://bombon.hr/slike/menu-gumb-kontakt.png") no-repeat;width: 126px; margin: -30px 0 0 -10px;}
ul#topnav a.kontakt-a {background: url("https://bombon.hr/slike/menu-gumb-kontakt-a.png") no-repeat;width: 126px; margin: -30px 0 0 -10px;}

ul#topnav li .sub {
	position: absolute;
        width: 285px;
        height: 275px;
	top: 100px; left: -160px;
	background: url("https://bombon.hr/slike/sub_bg.png") no-repeat;
	padding: 65px 0 0 75px;
	float: left;
	display: none;
        z-index: -1;
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 10px 15px;
	display: block;
	text-decoration: none;
}



ul#topnav li .sub ul#nav{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
	font-size: 14px;
        overflow:visible;
}

ul#topnav li .sub ul#nav li ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
	font-size: 14px;
        overflow:visible;
}

ul#topnav .sub ul#nav li {
	width: 520px;
	color: #fff;
}

ul#topnav .sub ul#nav li a {
    display: block;
    float: none;
    height: auto;
    padding: 5px 5px 7px 15px;
    text-decoration: none;
    text-indent: 0;
    color: #fff;
}

ul#topnav .sub ul#nav li a:hover {
    color: #ccc;
}

ul#topnav .sub ul#nav li ul li {
	width: 520px;
	color: #fff;
padding: 0;
}

ul#topnav .sub ul#nav li ul li ul li {
	width: 490px;
	color: #fff;
padding: 0 0 0 30px;
}


.overlayl {position:relative; display:inline-block; width:210px; height:150px; overflow:hidden; float:left; margin:0 12px 12px 0; padding:5px; border:1px solid #efd2b8; background:#fbe3ce; border-radius:4px; cursor:pointer}
.overlayl img{display:block}
.overlayl .description{position:absolute; left:5px; width:210px; filter:alpha(opacity=0); opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background:#000000; background:rgba(0,0,0,0.7);  -webkit-transition:opacity 0.4s ease-in-out; -moz-transition:opacity 0.4s ease-in-out; -o-transition:opacity 0.4s ease-in-out; transition:opacity 0.4s ease-in-out}
.description p{padding:5px 10px 5px 10px; color:#ffffff}
.overlayl:hover .description{filter:alpha(opacity=100); opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}

.overlayd {position:relative; display:inline-block; width:210px; height:150px; overflow:hidden; float:left; margin:0 0 12px 0; padding:5px; border:1px solid #efd2b8; background:#fbe3ce; border-radius:4px; cursor:pointer}
.overlayd img{display:block}
.overlayd .description{position:absolute; left:5px; width:210px; filter:alpha(opacity=0); opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background:#000000; background:rgba(0,0,0,0.7);  -webkit-transition:opacity 0.4s ease-in-out; -moz-transition:opacity 0.4s ease-in-out; -o-transition:opacity 0.4s ease-in-out; transition:opacity 0.4s ease-in-out}
.description p{padding:5px 10px 5px 10px; color:#ffffff}
.overlayd:hover .description{filter:alpha(opacity=100); opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}

.bottom{bottom:5px}
.top{top:0px}

.ljevo-forma {float:left; width:340px;}
.ljevo-forma-kratko {float:left; width:220px;}
.ljevo-forma-dugo {float:left; width:690px;}
.desno-forma {float:right; width:340px;}

label.duzi {float:left; display:inline; margin:0; width: 100px; color: #444; vertical-align:middle;}
.txtinp55 {display:block !important; width:97%; height:200px; padding:6px; color: #000; background:#fafafa; border:1px solid #d4d4d4;}
.txtinp3 {display:inline; float:left; margin:2px 0 7px 12px; padding:6px; width:200px; height:20px; color: #000; background:#fafafa; border:1px solid #d4d4d4;}
.txtinp2 {display:inline; float:left; margin:2px 0 7px 12px; padding:6px; width:80px; height:20px; color: #000; background:#fafafa; border:1px solid #d4d4d4;}
.select3 {display:inline; float:left; margin:2px 0 7px 12px; padding:7px; width:214px; color: #000; background:#fafafa; border:1px solid #d4d4d4;}
.radio3 {display:inline; float:left; margin:2px 0 7px 12px; padding:7px; width:214px; color: #000;}
.radio3 li {float:left; width:214px;}
.radio3 li label {float:right; width:180px;}
.obrubi-bombona {display: inline-block; font-size: 15px; height: 116px; margin: 0 0 8px; overflow: hidden; text-indent: -999px; width: 148px;}
.obrub1 {background: url(https://bombon.hr/slike/img_form_candy_casing_block.jpg)}
.obrub2 {background: url(https://bombon.hr/slike/img_form_candy_casing_halfhalf.jpg)}
.obrub3 {background: url(https://bombon.hr/slike/img_form_candy_casing_4stripe.jpg)}
.obrub4 {background: url(https://bombon.hr/slike/img_form_candy_casing_6stripe.jpg)}
.obrub5 {background: url(https://bombon.hr/slike/img_form_candy_casing_lots.jpg)}
.naslovi-narudzbenica {font-family: 'Signika', sans-serif; font-weight:600; font-size:30px; color:#ae0000; display: block; margin-bottom: 20px; padding: 0 10px 0 0; line-height:1.2em; text-shadow:1px 1px 1px rgba(0,0,0,.15);}
.podnaslovi-narudzbenica {color: #009a73; font-size: 14px; font-weight: bold; margin:10px 0;}
.obrub {float:left; width:226px;}


.narudzbaokvir {padding:15px 15px 0 15px; margin:0 0 30px 0; background:#24959d; border-radius:12px; border:1px solid #19878f; color:#fff; font:normal 17px "Trebuchet MS", Arial, Tahoma, Verdana, Sans-serif;}
.narudzbaokvir p {padding:0}
.galerijaokvir {padding:15px 15px 0 15px; margin:0 0 30px 0; background:#9e1270; border-radius:12px; border:1px solid #900964; color:#fff; font:normal 17px "Trebuchet MS", Arial, Tahoma, Verdana, Sans-serif;}
.galerijaokvir p {padding:0; line-height:1em}


/* Cookie skripta */

.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; }


.social-icons {
  margin: 0;
  padding: 0;
  width: auto;
  float: right;
}

.social-icons li {
  display: inline-block;
  margin: -1px 5px 5px 0;
  padding: 0;
  border-radius: 100%;
  overflow: visible;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.social-icons li i {
  position: relative;
  top: 0px;
}

.social-icons li a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 100%;
  display: block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  color: #fff!important;
  text-decoration: none;
  font-size: 30px;
}

/* Normalna pozadina za svaki <li> a */
.social-icons li:nth-child(1) a {
  background: #e94653;
}

.social-icons li:nth-child(2) a {
  background: #fd6001;
}

.social-icons li:nth-child(3) a {
  background: #b0074f;
}

.social-icons li:nth-child(4) a {
  background: #009a73;
}

.social-icons li:nth-child(5) a {
  background: #ffa07a;
}

/* Hover efekti s kombinacijom boja (linearni gradient) */
.social-icons li:nth-child(1) a:hover {
  background: linear-gradient(45deg, #e94653, #fd6001);
}

.social-icons li:nth-child(2) a:hover {
  background: linear-gradient(45deg, #fd6001, #b0074f);
}

.social-icons li:nth-child(3) a:hover {
  background: linear-gradient(45deg, #b0074f, #009a73);
}

.social-icons li:nth-child(4) a:hover {
  background: linear-gradient(45deg, #009a73, #ffa07a);
}

.social-icons li:nth-child(5) a:hover {
  background: linear-gradient(45deg, #ffa07a, #e94653);
}