.ultramax { font-family:Tele-grotesk;}
.ultramax h1 { font: normal 3.75em/1 Tele-groteskfet; margin: 0.2em 0 0.35em;  }
.ultramax h2 { font: normal 2.125em/1 Tele-groteskfet; margin: 0 0 0.5em; clear:both;}

.ultramax h3 { font: normal 1.375em/1 Tele-groteskfet; margin: 0 0 0.5em; }
.ultramax p { font: normal 1.125em/1.25 Tele-grotesk; margin: 0 0 1.25em; }
.ultramax p.note {font-size:0.9375em; clear:both; margin:0 0 2.5em;}
.ultramax .kvacica li { font:normal 1.0625em/1.25 Tele-grotesk; background-position:0 0.25em; margin:0 0 0.5em; clear:both;}
.ultramax .kvacica li.nobg {background-image:none;}
.ultramax .kvacica li input {margin:0.125em 0.375em 0 0; float:left; cursor:pointer;}
.ultramax .kvacica li label {cursor:pointer; float:left; margin:0 0 0.5em;}
.ultramax .kvacica li strong {font-weight:normal; font-family:Tele-groteskfet;}
.ultramax .kvacica.highlight li { font-family:Tele-groteskfet;}
.ultramax .gradient-box { border-color:#dfdfdf; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.ultramax .ec-new { background: #53b7e8; color:#fff; font: normal 1.25em/1.1 Headline; text-transform: uppercase; padding: 0.5em 0.75em; -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
.ultramax .ec-new span { font-family: Headline-ult; }
.ultramax-bann { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: 0; padding-bottom: 42%; position: relative;  margin: 0 0 1.5em; -moz-border-radius:0.25rem; -webkit-border-radius:0.25rem; border-radius:0.25rem;}
.ultramax-bann.ultramax-bann-bus { background: transparent url(../images/banners/ultraMAX_vizual.jpg) no-repeat 0 0; padding-bottom: 37%; }
.ultramax-bann .brandon { position:absolute; left:1.5em; top:1.5em; width:22em; height: 12em;}

.ultramax-bann .brandon h2 { font-size: 1.825em; margin-top:0.5; font-family:Headline;}

.ultramax-bann .ec-new { position:absolute; left:6em; top:10em; font-family:Headline-ult; z-index:2;}
.ultramax-bann .ec-new.tablet {left:25em; top:12.5em; font-family:Headline;}
.ultramax-bann .ec-new.tablet span {font-size:1.5em; font-family:Headline-ult;}

.ultramax .third, .ultramax .twothirds, .ultramax .half {float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:2%;}
.ultramax .third.last, .ultramax .twothirds.last, .ultramax .half.last {margin-right:0;}
.ultramax .half {width:49%;}
.ultramax .third {width:32%;}
.ultramax .twothirds {width:66%;}

.ultramax .tabs {list-style-type:none; position:relative; top:-1px; z-index:1;}
.ultramax .tabs > li {display:none;}
.ultramax .tab-control {list-style-type:none; position:relative; z-index:2;}
.ultramax .tab-control:after, .ultramax .tabs:after {content:''; display:table; clear:both;}
.ultramax .tab-control li {float:left; width:50%; padding:0 0 0 1px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ultramax .tab-control li:first-child {padding:0;}
.ultramax .tab-control li a {display:block; font-size:1.1875em; text-align:center; padding:0.75em 0; background:#f2f2f2; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e6e6e6)); background: -moz-linear-gradient(top,  #f2f2f2 0%, #e6e6e6 100%); background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e6e6e6 100%); background: -o-linear-gradient(top,  #f2f2f2 0%,#e6e6e6 100%); background: -ms-linear-gradient(top,  #f2f2f2 0%,#e6e6e6 100%); background: linear-gradient(to bottom,  #f2f2f2 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e6e6',GradientType=0 ); color:#333;}
.ultramax .tab-control li.selected a {background:#fff; filter:none; border:1px solid #dfdfdf; border-bottom:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.ultramax .number-check {padding:0.75em 1.75em; margin:0 0 2em; -moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.ultramax .number-check label {margin:0.5em 0 0.25em; display:block;}
.ultramax .number-check input.text {margin:0 0 0.25em;}
.ultramax .number-check input.text.address-txt {float:left; margin-right:2%; width:70%;}
.ultramax .number-check input.text.address-nr {float:left; width:28%;}
.ultramax .number-check .adress-input-box {margin:0 0 1em;}
.ultramax .number-check .adress-input-box:after {content: ''; display: table; clear: both;}
.ultramax .number-check .adress-input-box label {margin-top:0.5em; float:left; width:100%;}
.ultramax .number-check .button-magenta {display:block; text-align:center; margin:0 0 1.5em;}
.ultramax .number-check p {font-size:1em;}
.ultramax .number-check p.input-note {font-size:0.8125em; font-style:italic; clear:both;}
.ultramax .number-check .loading {width:100%; margin:2em 0 1.5em; display:none;}
.ultramax .number-check .loading img {width:100%;}

.ultramax .promobox {padding:1em 1.25em; margin:0 0 2.5em;}
.ultramax .promobox h3 {font-size:1.625em; color:#e20074; background:transparent url(https://www.hrvatskitelekom.hr/webresources/images/info-star-blue-small.png) no-repeat 0 0; padding:0 0 0 1.25em;}
.ultramax .promobox .ec-new {float:right; margin:1em 0.5em 0 2em;}
.ultramax .promobox p {line-height:1.4; margin:0 0 0.5em;}
.ultramax .promobox .button-holder {float:right; width:10em; margin:-0.5em 0 0;}
.ultramax .promobox .button-holder p.promo-price {font:normal 1.625em/1.5 Tele-groteskfet; color:#e20074; margin:0; text-align:center;}
.ultramax .promobox .button-holder .button-magenta {display:block; text-align:center;}

.ultramax .package-box {padding:1em 1.25em 0; margin-bottom:1em;}
.ultramax .package-box h3 {margin:0 0 0.75em;}
.ultramax .package-box h4 {font:normal 1em/1 Tele-groteskfet; text-transform:uppercase; margin:0 0 0.5em;}
.ultramax .package-box ul.kvacica {margin:0 0 1.5em;}
.ultramax .package-box ul.kvacica li {font-size:1em;}
.ultramax .description {float:left; width:100%;}
.ultramax .prices-box {border-top:1px solid #dbdbdb; clear:both;}
.ultramax .prices-box h5 {font:normal 1em/2 Tele-grotesk; margin:0; cursor:pointer;}
.ultramax .prices-box h5.selected {cursor:default;}
.ultramax .prices-box h5.highlight {font-family:Tele-groteskfet;}
.ultramax .prices-box h5:after {display:inline-block; content:""; font-size:16px; font-size:1rem; width:0.5em; height:0.5em; background:transparent url(../images/addinfo.png) no-repeat 0 0; float:right; margin:0.6875em 0 0;}
.ultramax .prices-box h5:hover:after {background-position:0 -4.75em;}
.ultramax .prices-box h5.selected:after {background-position:0 -2.375em;}
.ultramax .prices-box .prices {display:none; position:relative;}
.ultramax .prices-box .prices.opened {display:block;}
.ultramax .prices-box .promonote {font-size:0.9375em; margin:0 0 0.5em; height:1em;}
.ultramax .prices-box .prices p {text-align:right;}
.ultramax .prices-box .price {font:normal 1.625em/1.5 Tele-groteskfet; height:1.5em; color:#e20074; margin:0;}
.ultramax .prices-box .price.small {font-size:1.25em;}
.ultramax .prices-box .price.monthly span:after, .ultramax .upsalebox p.price:after {content:"kn/mj"; font-size:15px; font-size:0.9375rem; margin:0 0 0 0.25em; font-family:Tele-grotesk; color:#999;}
.ultramax .prices-box .price.promo:before {display:inline-block; content:""; background:transparent url(https://www.hrvatskitelekom.hr/webresources/images/info-star-blue-small.png) no-repeat 0 0; width:24px; height:24px; width:1.5rem; height:1.5rem; margin:0 0.2em 0 0; position:relative; top:0.125em;}
.ultramax .prices-box .button-magenta {display:block; text-align:center; margin:0.5em 0;}
.ultramax .prices-box .prices .ec-new {position:absolute; font-size:0.875em; left:-1.5em; top:0.5em;}
.ultramax .prices-box .prices .ec-new span {font-size:1.14em;}

.ultramax .upsalebox {padding:1.25em; margin-bottom:2em;}
.ultramax .upsalebox .icon {float:left; width:22%; margin:0 3% 0 0; text-align:center;}
.ultramax .upsalebox .tekst {float:left; width:75%;}
.ultramax .upsalebox h4 {font-size:1.25em; margin:0 0 0.5em;}
.ultramax .upsalebox ul.kvacica li {font-size:1em; margin:0 0 0.25em;}
.ultramax .upsalebox ul.kvacica {margin:0 0 1.5em;}
.ultramax .upsalebox p.price {font:normal 1.625em/1 Tele-groteskfet; color:#e20074; margin:0 0 0.5em;}
.ultramax .upsalebox p.note {margin:0;}
.ultramax .upsalebox .button-magenta {display:block; width:60%; text-align:center; margin:0 0 0.5em;}

.ultramax .upsalebox.full .icon {float:left; width:10%; margin:0 2% 0 0; text-align:center;}
.ultramax .upsalebox.full .tekst {float:left; width:63%; margin-right:5%;}
.ultramax .upsalebox.full .tekst p {margin:0;}
.ultramax .upsalebox.full .cijena {float:left; width:20%; text-align:center;}
.ultramax .upsalebox.full .cijena .button-magenta {float:none; display:inline-block; width:auto;}
.ultramax .upsalebox.full .cijena p.price:after {display:none;}

@media screen and (max-width: 980px) {
}