/*--------------
| Add your custom CSS rules to this file
| Make sure to back this file up before updating your theme!
--------------*/
/*
#bonus-holder div {float:left;}
#bonus-modal div { margin:20px; max-width: 500px; max-height: 500px;}
*/

.bonus-modal-html img  { 
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
   }
.bonus-modal-html img.active  { 
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
   }
.bonus-modal-html img.img0 { width:85%; }
.bonus-modal-html img.img1 { width:90%; }
.bonus-modal-html img.img2 { width:95%; }
.bonus-modal-html img.img3 { width:100%; }

.bonus-modal-html h5.active{color:#fff;}
.bonus-modal-html h5{
	color: #859fc7;
}
.bonus-modal-html {
	max-width: 25%;
	text-align: center;
	display: table-cell;
	vertical-align: bottom;
}
.bonus-list-modal-html {
margin: 0px 50px;
}
#bonus-modal .title-top div{text-transform: uppercase;  text-align: center;margin-top:30px;}
#bonus-modal .title-top div:nth-of-type(1){	color:#7ad2f3; font-size: calc(22px + (36 - 22) * ((100vw - 320px) / (1300 - 320)));}
#bonus-modal .title-top div:nth-of-type(2){	color:#fff; font-size: calc(36px + (52 - 36) * ((100vw - 320px) / (1300 - 320))); font-weight: 600; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
#bonus-modal .title-top {
	margin-top:20%;
}
#bonus-modal .title-bottom div{text-transform: uppercase;  text-align: center;margin-top:30px;}
#bonus-modal .title-bottom div:nth-of-type(1){	color:#7ad2f3; font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1300 - 320)));}
#bonus-modal .title-bottom div:nth-of-type(2){	color:#fff; font-size: calc(26px + (42 - 26) * ((100vw - 320px) / (1300 - 320))); font-weight: 600; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
#bonus-modal .title-bottom {
	margin-bottom:20%;
}

.control-group.company { display: none;}
.control-group.company.visible { display: block !important;}

div.image .imgico { position: absolute; bottom: 0px; left:0px; width: 75px; height: 100px; background-repeat: no-repeat; background-position: center center;}
div.image .imgico.akcija.SI {   background-image: url('../../img/akcija_SI.png'); }
div.image .imgico.akcija.HR, div.image .imgico.akcija.BA {   background-image: url('../../img/akcija_SI.png'); }
div.image .imgico.sanjska.SI {   background-image: url('../../img/sanjska_SI.png'); }
div.image .imgico.sanjska.HR, div.image .imgico.sanjska.BA {   background-image: url('../../img/sanjska_HR.png'); }
div.image .imgico.vrazja.SI {   background-image: url('../../img/vrazja_SI.png'); }
div.image .imgico.vrazja.HR, div.image .imgico.vrazja.BA {   background-image: url('../../img/vrazja_HR.png'); }
div.image .imgico.novo.SI {   background-image: url('../../img/novo_SI.png'); }
div.image .imgico.novo.HR, div.image .imgico.novo.BA {   background-image: url('../../img/novo_HR.png'); }


div.image .imgico {
	background-size: 100%;
	height: 120px;
}

/* div.image .imgico.helij.SI {   background-image: url('../../img/helij_icone_slo.png'); } */
div.image .imgico.helij.SI {   background-image: url('../../img/helij_icone_text_si.png'); }
div.image .imgico.helij.HR {   background-image: url('../../img/helij_icone_text_hr.png'); }
/* div.image .imgico.helij.BA {   background-image: url('../../img/helij_icone_ba.png'); } */
div.image .imgico.helij.BA {   background-image: url('../../img/helij_icone_text_hr.png'); }