.ultra-max .page-header .grid { position: relative; }
.ultra-max .page-header a.button { position: absolute; right: 0; top: 2.5em; }
.ultra-max h1.xxxl { letter-spacing: -0.025em; }
.ultramax p { font: normal 1.125em/1.25 Tele-grotesk; margin: 0 0 1.25em; }
.ultra-max .section-cover-image { background: #141149 url(https://static.hrvatskitelekom.hr/webresources/images/banners/ultramax-03.jpg) no-repeat top center; height: 20em; background-size: auto auto!important; }
.ultra-max .section-cover-image:before { background: none; }
.ultra-max .section-cover-image .hero { position: relative; }
.ultra-max .section-cover-image .hero .eye-catcher-yellow { position: absolute; z-index: 2; left: 13em; right: auto; top: 4em; width: auto; font-size: 1.625em; line-height: 1; font-family: Headline; }
.ultra-max .section-cover-image .hero .eye-catcher-yellow span { font-size: 1.154em; font-family: Headline-ult; white-space: nowrap; }
.ultra-max .hero .box-purple { max-width: 370px; }
.ultra-max .hero .box-purple:before { height: 125%; }
.ultra-max .ig-ultra-max { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/ostalo/ig-orb.png) no-repeat center 10em; position: relative; height: 38em; }
.ultra-max .ig-ultra-max > div { position: absolute; width: 17.5em; padding: 1em 0 0 7.5em; transition: all 0.3s ease 0s; }
.ultra-max .ig-ultra-max > div:hover { z-index: 1; }
.ultra-max .ig-ultra-max > div:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 6.250em; height: 6.250em; -webkit-border-radius: 50%; border-radius: 50%; transition: all 0.3s ease 0s; }
.ultra-max .ig-ultra-max > div:hover:after { background-color: #e20074; }
.ultra-max .ig-ultra-max > div.right { width: 8.5em; padding: 1em 0 0 0; }
.ultra-max .ig-ultra-max > div.right:after { left: 9.5em; }
.ultra-max .ig-ultra-max > div > h4 { font: 1em/1 Tele-grotesk; /*text-transform: uppercase;*/ }
.ultra-max .ig-ultra-max > div > h4 .italic { font-style: italic; }
.ultra-max .ig-ultra-max > div > p { font: 0.850em/1 Tele-grotesk; }
.ultra-max .ig-ultra-max .ig-best-experience { left: 0; top: 19.5em; }
.ultra-max .ig-ultra-max .ig-best-experience:after { background-color: #3e77ab; background-image: url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-best-experience.png); background-repeat: no-repeat; background-position: center center; }
.ultra-max .ig-ultra-max .ig-best-experience:hover { left: 0.5em; top: 18.75em; }
.ultra-max .ig-ultra-max .ig-best-experience:hover:after { background-color: #e20074; }
.ultra-max .ig-ultra-max .ig-ultra-speed { left: 3em; top: 10em; }
.ultra-max .ig-ultra-max .ig-ultra-speed:after { background: #3e77ab url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-ultra-speed.png) no-repeat center center; }
.ultra-max .ig-ultra-max .ig-ultra-speed:hover { left: 3.5em; top: 9.25em; }
.ultra-max .ig-ultra-max .ig-share { left: 11.5em; top: 3.5em; }
.ultra-max .ig-ultra-max .ig-share:after { background: #3e77ab url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-share.png) no-repeat center center; }
.ultra-max .ig-ultra-max .ig-share:hover { left: 12em; top: 2.75em; }
.ultra-max .ig-ultra-max .ig-fun { left: 32em; top: 3.5em; }
.ultra-max .ig-ultra-max .ig-fun:after { background: #3e77ab url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-fun.png) no-repeat center center; }
.ultra-max .ig-ultra-max .ig-fun:hover { left: 32.5em; top: 2.75em; }
.ultra-max .ig-ultra-max .ig-home-office { left: 40.5em; top: 10em; }
.ultra-max .ig-ultra-max .ig-home-office:after { background: #3e77ab url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-home-office.png) no-repeat center center; }
.ultra-max .ig-ultra-max .ig-home-office:hover { left: 41em; top: 9.25em; }
.ultra-max .ig-ultra-max .ig-winners { left: 43.5em; top: 19.5em; }
.ultra-max .ig-ultra-max .ig-winners:after { background: #3e77ab url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-winners.png) no-repeat center center; }
.ultra-max .ig-ultra-max .ig-winners:hover { left: 44em; top: 18.75em; }
.ultra-max .ig-container { position: relative; width: 63.188em; height: 46em; background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/design/ig-bg-alt.png) no-repeat 2.5em top; }
.ultra-max .ig-container div { width: 8.813em; border-left: 2px solid #e20074!important; text-align: left; padding: 0 0 0 0.5em; color: #1d1d1b; }
.ultra-max .ig-container .ig-speed { position: absolute; top: 30em; left: 6em; }
.ultra-max .ig-container .ig-speed:after { content: ""; display: block; position: absolute; width: 4.375em; height: 4.375em; top: -5.5em; left: -0.5em; background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-speed-black.png) no-repeat 0 0; }
.ultra-max .ig-container .ig-game { position: absolute; top: 41em; left: 12.5em; }
.ultra-max .ig-container .ig-game:after { content: ""; display: block; position: absolute; width: 4.375em; height: 4.375em; top: -5.5em; left: -0.5em; background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-game-black.png) no-repeat 0 0; }
.ultra-max .ig-container .ig-family { position: absolute; top: 30em; left: 19.5em; }
.ultra-max .ig-container .ig-family:after { content: ""; display: block; position: absolute; width: 4.375em; height: 4.375em; top: -5.5em; left: -0.5em; background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-family-black.png) no-repeat 0 0; }
.ultra-max .ig-container .ig-videocall { position: absolute; top: 41em; left: 26em; }
.ultra-max .ig-container .ig-videocall:after { content: ""; display: block; position: absolute; width: 4.375em; height: 4.375em; top: -5.5em; left: -0.5em; background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-videocall-black.png) no-repeat 0 0; }
.ultra-max .ig-container .ig-sport { position: absolute; top: 30em; left: 32.8em; }
.ultra-max .ig-container .ig-sport:after { content: ""; display: block; position: absolute; width: 4.375em; height: 4.375em; top: -5.5em; left: -0.5em; background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-sport-black.png) no-repeat 0 0; }
.ultra-max .ig-container .ig-homeoffice { position: absolute; top: 41em; left: 39em; }
.ultra-max .ig-container .ig-homeoffice:after { content: ""; display: block; position: absolute; width: 4.375em; height: 4.375em; top: -5.5em; left: -0.5em; background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/icons/ig-homeoffice-black.png) no-repeat 0 0; }
.ultra-max .table-wrapper { overflow: visible; }
.ultra-max .key-information { border-color: #e5e5e5!important; padding: 1.5em 0; }
.ultra-max .key-information p { margin: 0; }
.ultra-max .key-information li { color: #333333; }
.ultra-max .packages-overview h3 { margin-bottom: 0.625rem; }
.ultra-max .packages-overview .price { position: relative; border-top: 1px solid #e5e5e5; padding: 1em 0 0 0; }
.ultra-max .packages-overview .price-promo .eye-catcher-lightblue { color: #000; background: rgb(100,185,228); background: rgba(100,185,228,1); width: 160px; text-align: left; left: -3em; top: 1em; }
.ultra-max .ultra-max-try .sh-trigger { padding: 0 1em 0 0; background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/arrow-down-blue.png) no-repeat right center; }
.ultra-max .ultra-max-try .sh-trigger:hover { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/arrow-down-magenta.png) no-repeat right center; }
.ultra-max .ultra-max-try .sh-trigger.active { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/arrow-up-blue.png) no-repeat right center; }
.ultra-max .ultra-max-try .sh-trigger.active:hover { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/arrow-up-magenta.png) no-repeat right center; }
.ultra-max .ultra-max-try .box-group { margin-top: 2em; display: none; }
/*.ultra-max .double-featured > p { padding: 0 1em; }
.ultra-max .double-featured .box-item { margin-bottom: 1em; }
.ultra-max .double-featured .box-item .product-description:first-child { float: none; width: 100%; clear: both; padding-bottom: 0; }
.ultra-max .double-featured .box-item .product-description .margin-up-6 { margin-top:6em; }
.ultra-max .double-featured .box-item .product-image { padding-right: 0; }
.ultra-max .double-featured .box-item .price .price-unit { top: 1.25em; }
.ultra-max .double-featured .box-item .price .price-term { clear: both; }
.ultra-max .double-featured .box-item .or.horizontal { border: none; border-left: 1px solid #e5e5e5; bottom: 2em; clear: both; left: -2em; position: absolute; top: 2em; }
.ultra-max .double-featured .box-item .or.horizontal strong { top: 50%; left: -1.25em; margin-top: -20px; }*/
.ultra-max .top-speed { padding: 2em 2em 2em 8em; display: table; width: 100%; vertical-align: middle; background: #ffffff url(https://static.hrvatskitelekom.hr/webresources/images/icons/icon-brzina-black-small.png) 1.5em 1.5em no-repeat; }
.ultra-max .package-table table tr td .key-information { border-top: 1px solid #e20074; }

.ultra-max .product-horizontal.existing-users.single-service { margin: 0 0 1em; }
.ultra-max .product-horizontal.existing-users.single-service .packages-overview { margin: 0; }
.ultra-max .product-horizontal.existing-users.single-service .packages-overview ul { margin: 0; border: none; }
.ultra-max .product-horizontal.existing-users.single-service .packages-overview ul .icon { width: 7%; vertical-align: top; }
.ultra-max .product-horizontal.existing-users.single-service .packages-overview ul .text { width: 72%; }
.ultra-max .product-horizontal.existing-users.single-service .packages-overview ul .icon .um-icons-small { text-align: left!important; }
.ultra-max .product-horizontal.existing-users.single-service .packages-overview ul .action .price { margin: 0; padding: 0; border: none; }
.ultra-max .product-horizontal.existing-users.single-service .packages-overview ul .action .price * { float: none; }
.ultra-max .product-horizontal.existing-users.single-service .packages-overview ul .action .price strong.xxl { margin: 0; }
.ultra-max .product-horizontal.existing-users.single-service .packages-overview ul .action .price .price-unit { }

.ultra-max .check-availibility fieldset { margin-bottom: 2.5em; border: none; }
.ultra-max .check-availibility fieldset.radio-filter { margin-bottom: 0; }
.ultra-max .check-availibility .radio-filter .label-radio { font: 1.125em/1 Tele-grotesk; text-transform: uppercase; color: #494949; }
.ultra-max .check-availibility .radio-filter .input-radio { margin: 0 10px 0 0; }
.ultra-max .check-availibility .fields-pair .field-inline { width: 50% !important; }
.ultra-max .optical-service { }
.ultra-max .optical-service table tr td .key-information { border-top: 1px solid #e20074; }
.ultra-max .existing-users { }
.ultra-max .existing-users > ul { list-style-type: none; }
.ultra-max .existing-users > ul > li { border-top: 1px solid #e5e5e5; clear: both; padding: 2em; width: 100%; }
.ultra-max .existing-users > ul > li:first-child { border: none; }
.ultra-max .existing-users > ul > li > ul { list-style-type: none; display: table; width: 100%; }
.ultra-max .existing-users > ul > li > ul > li { display: table-cell; vertical-align: middle; }
.ultra-max .existing-users > ul > li > ul > li p a { color: #4379ab; text-decoration: none; }
.ultra-max .existing-users > ul > li > ul > li p a:hover { color: #e20074!important; text-decoration: underline; }
.ultra-max .existing-users > ul > li > ul > li.icon { width: 15%; }
.ultra-max .existing-users > ul > li > ul > li.text { width: 65%; }
.ultra-max .existing-users > ul > li > ul > li.action { width: 20%; text-align: center; }
.ultra-max .existing-users > ul > li > ul > li.action strong { display: block; margin: 0 0 0.5em 0; }
.ultra-max .packages-overview .cta a { width: auto; display: inline-block; }
.ultra-max .input-check, .ultra-max .input-radio { float: none; }

.ultra-max .section-cover-image.ultra-max-2l { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/banners/ultramax-2l-banner.png) no-repeat top center; height: 20em; margin: 0 0 3em 0; }
.ultra-max .section-cover-image.ultra-max-3l { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/banners/ultramax-3l-banner.png) no-repeat top center; height: 20em; margin: 0 0 3em 0; }
.ultra-max .section-cover-image.ultra-max-3m { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/banners/ultramax-3m-banner.png) no-repeat top center; height: 20em; margin: 0 0 3em 0; }
.ultra-max .section-cover-image.ultra-max-nettv { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/banners/ultramax-3m-banner.png) no-repeat top center; height: 20em; margin: 0 0 3em 0; }

.ultra-max-2l .grid, .ultra-max-3l .grid, .ultra-max-3m .grid { position: relative; }
.ultra-max-2l .grid .featured-gadget, .ultra-max-3l .grid .featured-gadget, .ultra-max-3m .grid .featured-gadget { left: 22em; position: absolute; top: 6em; width: 113px; z-index: 1; }
.ultra-max-2l .grid .eye-catcher, .ultra-max-3l .grid .eye-catcher, .ultra-max-3m .grid .eye-catcher { color: #ffffff; left: 15em; position: absolute; text-align: center; top: 10em; width: 160px; z-index: 1; }
.ultra-max-2l .grid .eye-catcher strong, .ultra-max-3l .grid .eye-catcher strong, .ultra-max-3m .grid .eye-catcher strong { font-size: 1.35em; }

.um-paketi .um-icons { position: relative; text-align: center; margin: 0 auto 2.5em; list-style-type: none; }
.um-paketi .um-icons li { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/sprite/ultramax-icons-sprite.png) no-repeat 0 0; width: 7.5em; height: 7.5em; margin: 0 -4px 0 0; color: transparent; text-indent: -9999px; white-space: nowrap; overflow: hidden; display: inline-block; }
.um-paketi .um-icons li.tel { background-position: -15em 0; }
.um-paketi .um-icons li.int { background-position: -7.5em 0; }
.um-paketi .um-icons li.tv { }
.um-paketi .um-icons li.plus { background-position: -22.5em 0; }

#tarifs .um-icons-small, #tarifs2 .um-icons-small { position: relative; text-align: center; margin: 0 auto 2.5em; list-style-type: none; }
#tarifs .um-icons-small li, #tarifs2 .um-icons-small li { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/sprite/ultramax-icons-small-sprite.png) no-repeat 0 0; width: 2.625em; height: 2.625em; margin: 0 -4px 0 0.375em; color: transparent; text-indent: -9999px; white-space: nowrap; overflow: hidden; display: inline-block; }
#tarifs .um-icons-small li:first-child, #tarifs2 .um-icons-small li:first-child { margin-left: 0; }
#tarifs .um-icons-small li.tel, #tarifs2 .um-icons-small li.tel { background-position: -5.25em 0; }
#tarifs .um-icons-small li.int, #tarifs2 .um-icons-small li.int { background-position: -2.625em 0; }
#tarifs .um-icons-small li.tv, #tarifs2 .um-icons-small li.tv { }
#tarifs .um-icons-small li.hbo, #tarifs2 .um-icons-small li.hbo { background-position: -7.875em 0; }

.speed-test .up { display: none; }
.speed-test fieldset { margin: 0 0 1em 0!important; border: none; }
.speed-test fieldset.radio-filter { padding: 2em 0 0 0; }
.speed-test .input-check, .speed-test .input-radio { margin: 3px 5px 0 0; }
.speed-test input, .speed-test label { cursor: pointer; display: inline; }
/*.speed-test #screen-two { display: none; }*/
.speed-test div.option-desc { margin: 0 0 2em 0; padding: 1em 0 1em 4em; text-align: left; display: none; }
.speed-test div.option-desc-foto { display: block; background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/icons/icon-img-black.png) no-repeat left center; }
.speed-test div.option-desc-app { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/icons/icon-game-black.png) no-repeat left center; }
.speed-test div.option-desc-music { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/icons/icon-music-black.png) no-repeat left center; }
.speed-test div.option-desc-video { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/icons/icon-video-black.png) no-repeat left center; }
.speed-test div.option-desc-data { background: transparent url(https://static.hrvatskitelekom.hr/webresources/images/icons/icon-img-black.png) no-repeat left center; }
.speed-test select { margin: 0; }
.speed-test a.button { width: auto; margin: 0 0 1em 0; }
.speed-test ul.race li.adsl, .speed-test ul.race li.ultra { position: relative; height: 2.25em; margin: 0 0 1.5em 0; border: 1px solid #d0d0d0; border-color: #777 #d0d0d0 #ddd; -webkit-box-shadow: 0 0 0 4px transparent, inset 0 1px 1px 1px #ededed; -moz-box-shadow: 0 0 0 4px transparent, inset 0 1px 1px 1px #ededed; -o-box-shadow: 0 0 0 4px transparent, inset 0 1px 1px 1px #ededed; box-shadow: 0 0 0 4px transparent, inset 0 1px 1px 1px #ededed; }
.speed-test ul.race li.adsl span.time, .speed-test ul.race li.ultra span.time { display: block; position: absolute; height: 2.25em; right: 1em; top: -2.25em; font: 1em/2.25em Tele-groteskFet; }
.speed-test ul.race li div { display: inline-block; width: auto; height: 2.25em; }
.speed-test .graph ul.race .unit { font-family: Tele-grotesk; }

.um-paketi .box-group .box-item { text-align: left; }
.um-paketi .box-group .box-item .list-features-tabular li { padding-left: 30px!important; padding-left: 1.875rem!important; text-align: left; }
.um-paketi .box-group .box-item .list-features-tabular li:before { content: "+ "; }
.um-paketi .box-group .box-item .product-name { min-height: 0; }

.section-magenta .price strong { color: #ffffff; }

.um-order .box-group .box-item { border-left: 1px solid #ffffff; }
.um-order .box-group .box-item:first-child { border-left: none; }
.um-order .box-group .box-item p strong { display: block; font: 1.5em/1 Tele-groteskFet; }
.um-order .box-group .box-item .price { }
.um-order .box-group .box-item .price strong { font-family: Tele-Grotesk; }

.ultra-max .promo .list-device-box { height: 18em; }


@media screen and (max-width: 960px) {
	.ultra-max .section-cover-image { height: auto!important; margin: 0!important; background-size: cover!important; }
	.ultra-max .hero .box-purple { max-width: 100%; }
	.ultra-max .section-cover-image .hero .eye-catcher-yellow { position: static; }
	.ultra-max .ig-ultra-max { height: auto; background: none; list-style-type: none; }
	.ultra-max .ig-ultra-max > div { display: list-item; float: left; height: auto; min-height: 6.25em; left: 0 !important; margin: 0 0 1em 0; padding: 0 1em 0 7.5em !important; position: relative; top: 0 !important; width: 50% !important; text-align: left; }
	.ultra-max .ig-ultra-max > div:after { left: 0!important; top: 0!important; }
	.ultra-max .ig-ultra-max > div > h4, .ultra-max .ig-ultra-max > div > p { font-size: 1em; }
	/*.ultra-max .double-featured .box-item { width: 100%; margin: 0 0 1em !important; }
	.ultra-max .double-featured .box-item .product-image img { max-width: initial; width: initial; }
	.ultra-max .double-featured .box-item .or.horizontal { width: 100%; bottom: auto; top: 0; border: none; border-top: 1px solid #e5e5e5; left: 1em; right: 1em; margin: 0; }
	.ultra-max .double-featured .box-item .or.horizontal strong { left: 0; margin-top: 0; top: -20px; }
.ultra-max .double-featured .box-item .product-description .margin-up-6 { margin-top:1.5em; }*/
	.ultra-max-2l .grid .eye-catcher, .ultra-max-3l .grid .eye-catcher, .ultra-max-3m .grid .eye-catcher { display: none; }
	.ultra-max-2l .grid .tablet-img, .ultra-max-3l .grid .tablet-img, .ultra-max-3m .grid .tablet-img { display: none; }
}

@media screen and (max-width: 767px) {
	.ultra-max .top-speed { padding: 4.5em 1em 1em 1em; display: table; width: 100%; vertical-align: middle; background: #ffffff url(https://static.hrvatskitelekom.hr/webresources/images/icons/icon-brzina-black-small.png) center 1em no-repeat; }
	.ultra-max .existing-users > ul > li { padding: 1em; }
	.ultra-max .existing-users > ul > li > ul > li { display: list-item; width: 100%!important; }
	.ultra-max .existing-users > ul > li > ul > li.icon { text-align: center; }
	.ultra-max .existing-users > ul > li > ul > li.icon img { margin-bottom: 1em; }
	.ultra-max .ig-container { height: auto; width: auto; background: none; list-style-type: none; }
	.ultra-max .ig-container > div { position: relative!important; display: list-item; float: left; border: none; height: auto; min-height: 4.375em; left: 0 !important; top: 0 !important; margin: 0 0 1em 0; padding: 1em 1em 0 5.5em !important; width: 50% !important; }
	.ultra-max .ig-container > div br { display: none; }
	.ultra-max .ig-container > div:after { left: 0.5em!important; top: 0!important; }
}

@media screen and (max-width: 735px) {
	.ultra-max .ig-ultra-max > div { float: none; width: 100% !important; }
	.ultramax .prices-box .prices .ec-new { position: static; }
}

@media screen and (max-width: 600px) {
	.um-icons { display: none; }
	.um-order .box-group .box-item { float: none; width: 100%!important; margin: 0 0 5% 0; padding: 5% 0 0 0; border: none; border-top: 1px solid #ffffff; }
	.um-order .box-group .box-item:first-child { border: none; }
	.ultra-max .table-wrapper { overflow: auto; }
	.ultra-max .page-header a.button { position: static; top: auto; right: auto; margin: 1em 0 0 0; }
	/*.ultra-max .double-featured .box-item { width: 100%!important; margin: 0 0 1em !important; }
	.ultra-max .double-featured .box-item .product-image, .ultra-max .double-featured .box-item .product-description { width: 100%!important; max-width: initial; }
	.ultra-max .double-featured .box-item .product-image a { text-align: left; }*/
	.ultra-max .ig-container > div { width: 100%!important; }
	.ultramax .package-box, .ultramax .upsalebox { float: none; width: 100%; }
	.ultramax .prices-box .prices .ec-new { position: absolute; }
}

@media screen and (max-width: 499px) {
	.speed-test fieldset.radio-filter { padding: 0; }
}

@media screen and (max-width: 450px) {
	.ultra-max .ig-ultra-max > div:after { background-size: 50% auto !important; height: 4em; width: 4em; }
	.ultra-max .ig-ultra-max > div { padding: 0 1em 0 5em !important; }
	/*.ultra-max .double-featured .box-item .product-image a { text-align: center; }*/
}
