.nav li { list-style: none; }
.grid { max-width: 960px; margin: 0 auto; }
.hidden { display: none; }
#header-and-site-nav:target { display: block; }
#master-header, #process-header { border-bottom: 1px solid #d0d0d0; margin-bottom: 24px; background: #fff; background-image: -webkit-linear-gradient(#fff, #f6f6f6); background-image: -moz-linear-gradient(#fff, #f6f6f6); background-image: -o-linear-gradient(#fff, #f6f6f6); background-image: -ms-linear-gradient(#fff, #f6f6f6); background-image: linear-gradient(#fff, #f6f6f6); background: #f6f6f6; }
#master-header:after { content: ''; display: table; clear: both; }
#master-header.master-header-site-3 { margin-bottom: 0; }

#process-header .master-main-nav ul.level-1-ul { float: right; }
#process-header .master-main-nav li a { line-height: 40px; }
#process-header.open { border-top: 1px solid #d0d0d0; border-bottom-color: #fff; background: #fff; }
#process-header.open #logo { opacity: 0; }
#process-header.open .master-main-nav li, #process-header.open .master-main-nav li a { border-color: #fff; }
#process-header, #process-header #logo { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.footer { clear: both; width: 100%; color: #fff; background: #333; border-top: 5px solid #000; padding-left: 20px; padding-left: 1.25rem; padding-right: 20px; padding-right: 1.25rem; margin-top: 0; }
.footer .grid { padding: 1.5em 0; }
.footer a { color: #fff; text-decoration: underline; }
.footer a:hover, .footer a:focus { color: #fff; text-decoration: none; }
#footer-faq { background: #e20074; text-align: center; }
#footer-faq .grid { background: #e20074; }
#footer-faq h1 { padding-top: 100px; background: url(i/illustrations/customer-support-70x80-white.png) no-repeat 50% 0; }
#footer-faq .list-columns-2 { }
#footer-faq .list-columns-2 ul { margin: 0!important; }
#footer-faq .list-columns-2 li { list-style: none; padding: .5em 0; }
#footer-kako-kupovati { margin-bottom: 20px; border-bottom: 1px solid #4b4b4b; }
#footer-kako-kupovati .box-item { margin-bottom: 40px; }
#footer-kako-kupovati h2 { font-weight: 400; margin-bottom: 20px; }
#footer-kako-kupovati li a, #footer-kako-kupovati p a { color: #fff; border-bottom: 1px solid #a4a4a4; text-decoration: none; }
#footer-kako-kupovati p { margin: 0; }
#footer-kako-kupovati li a:hover, #footer-kako-kupovati p a:hover { border-bottom-color: #4b4b4b; }
#footer-social-bar { clear: both; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #4b4b4b; }
#footer-social-bar:after { content: ''; display: table; clear: both; }
#footer-social { float: left; }
#footer-social ul { float: left; width: 100%; }
#footer-social li { float: left; list-style: none; margin: 12px 2em 0 0; }
#footer-social a { display: block; text-indent: -9999px; overflow: hidden; width: 36px; height: 36px; background: url(i/sn/sn-footer.png) no-repeat 0 0; }
#footer-link-fb a { background-position: 0 0; }
#footer-link-tw a { background-position: -36px 0; }
#footer-link-yt a { width: 48px; background-position: -108px 0; }
#footer-link-gg a { background-position: -72px 0; }
#footer-link-li a { background-position: -144px 0; }
#footer-socially-devoted { float: right; }
#footer-socially-devoted a { text-transform: uppercase; display: block; padding-right: 70px; line-height: 60px; height: 60px; background: url(/webresources/img/social-networks/devoted-sticker@2x.png) no-repeat 100% 0; background-size: 60px 54px; text-indent: -9999px; overflow: hidden; }
#footer-copyright { float: left; clear: both; width: 100%; font-size: .875em; text-align: center; }
#footer-copyright a { color: #f2f2f2; text-decoration: none; }
#footer-copyright a:hover { text-decoration: underline; }

@media only screen and (max-width:480px) {
	//#footer .grid { padding-left: 20px; padding-right: 20px; }
	#footer-social, #footer-socially-devoted { float: none; clear: both; width: 100%; text-align: center; }
	#footer-socially-devoted a { background-position: 50% 0; }
	#footer-social ul { margin-bottom: 20px; }
	#footer-social ul li { float: none; display: inline-block; margin-right: 20px; }
}

@media only screen and (min-width:800px) {
	#footer-faq { text-align: left; }
	#footer-faq h1 { float: left; width: 34.33333333%; padding: 3px 0 0 95px; margin: 0; background-position: 0 0; }
	#footer-faq .list-columns-2 { float: left; width: 65.66666666%; }
	#footer-faq .list-columns-2 li { float: left; width: 47.715736039%; }
	#footer-faq .list-columns-2 li:nth-child(odd) { margin-right: 4.568527922%; }
	#footer-faq .list-columns-2 li { padding: 3px 0; }
}

@media only screen and (min-width:960px) {
	#footer-faq { background: #e20074; background-image: 0; background-image: 0; background-image: 0; background-image: 0; background-image: linear-gradient(toright,#b5015c,#b5015c50%,#e2007450%); }
	#footer-faq .grid { background: #e20074; background-image: 0; background-image: 0; background-image: 0; background-image: 0; background-image: linear-gradient(toright,#b5015c,#b5015c30%,#e2007430%); }
	#footer-faq h1 { width: 34.33333333%; }
	#footer-faq .list-columns-2 { width: 65.66666666%; }
	#footer-faq .list-columns-2 li { width: 47.715736039%; }
	#footer-faq .list-columns-2 li:nth-child(odd) { margin-right: 4.568527922%; }
}

@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	#footer-faq h1 { background: url(i/illustrations/customer-support-140x160-white.png) no-repeat; background-size: 70px 80px; }
	#footer-social a { background-image: url(i/sn/sn-footer-@2x.png); background-size: 156px 36px; }
}

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font: 100%/20px 'Tele-grotesk', Arial, sans-serif; color: #333; background: #fff; }
a { text-decoration: none; color: #427bab; }
a img { border: 0; }
.link-top { color: #e20074; font-size: .875rem; font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: .05em; }
.link-top:hover { color: inherit; }
.link-box { color: #000; }
.link-box h2, .link-box h3, .link-box h4 { color: #e20074; }
h2 a, h3 a, h4 a { color: #000; }
h2 a:hover, h3 a:hover, h4 a:hover { color: #e20074; }
pre { background: #ffc; padding: 2em 4em; }
pre + pre { margin-top: 20px; }
img { max-width: 100%; }
.page-header, .section { padding: 0 20px; padding: 0 1.25rem; }
.grid { width: 100%; max-width: 960px; margin: 0 auto; }
.grid:after { content: ''; display: table; clear: both; }
.pipe { padding: .5em; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
.right-arrow-html { display: inline-block; font-size: .5em; vertical-align: middle; padding: 0 1.25em; }
.text-right { text-align: right; }
.box-item-icon.text-right { background-position: 100% 0; }
.or { border-top: 1px solid #e5e5e5; clear: both; margin: 50px 0 10px; text-align: center; }
.or span, .or strong { display: block; position: relative; top: -20px; width: 40px; height: 40px; margin: 0 auto; padding: 10px; background: #e5e5e5; text-transform: lowercase; font-family: Tele-groteskFet; border: 1px solid #e5e5e5; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
.section-gray-dark .or { border-top: 1px solid #fff; }
.section-gray-dark .or span, .section-gray-dark .or strong { background: #fff; }
.section-magenta .or { border-top: 1px solid #fff; border-top-color: rgba(255,255,255,.5); }
.section-magenta .or span, .section-magenta .or strong { color: #000; background: #fff; border: 1px solid #fff; }
.price { margin-bottom: 1.5em; }
.price strong { float: left; margin-right: .25em; color: #e20074; }
.price .price-unit { display: block; font-size: 1em; line-height: 1.5em; position: relative; top: 3px; top: .1875rem; color: #e20074; }
.price .price-term { display: block; color: #333; }
.box-group-20 .price, .box-group-25 .price, .box-group-33 .price, td .price { text-align: center; }
.box-group-20 .price strong, .box-group-25 .price strong, .box-group-33 .price strong, td .price strong { display: block; float: none; margin: 0; }
.circle { display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
a.link-tile { display: block; color: inherit; }
a.link-tile h1 { margin: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
a.link-tile:hover h1 { color: #e20074; }
a.link-tile .device-image { padding-bottom: 20px; }
a.link-tile .more-link { Â clear:both; margin-top: .75em; }
.hidden { display: none; }
.center { text-align: center; }
.magenta { color: #e20074; }
.float-left { float: left; }
.float-right { float: right; }
.close-button { text-align: right; }
.nav li { list-style: none; }
.pseudo-sup { font-size: .5em; line-height: 1.5em; margin-left: -.25em; text-transform: none; vertical-align: top; }
h1, h2, h3, h4 { text-rendering: optimizeLegibility; }
h1 a, h2 a, h3 a, h4 a { text-decoration: none !important; color: #000; }
.font-400 { font-family: Tele-grotesk; }
.font-600 { font-family: Tele-groteskHal; }
.font-700 { font-family: Tele-groteskFet; }
.font-800 { font-family: Tele-groteskUlt; }
h1 { font: normal 36px/40px 'Headline', Arial, sans-serif; font-size: 2.25rem; line-height: 2.5rem; text-transform: uppercase; margin-bottom: 5px; margin-bottom: 1.25rem; }
h2 { font: normal 24px/30px 'Headline', Arial, sans-serif; font-size: 1.5rem; line-height: 1.875rem; text-transform: uppercase; letter-spacing: .025em; margin-bottom: 10px; margin-bottom: .625rem; }
h3, dt { font: normal 100%/20px 'Tele-GroteskFet', Arial, sans-serif; font-size: 1rem; line-height: 1.25rem; text-transform: uppercase; letter-spacing: .025em; margin-bottom: 10px; margin-bottom: .625rem; }
h4 { font: normal 100%/20px 'Tele-GroteskFet', Arial, sans-serif; font-size: 1rem; line-height: 1.25rem; margin: 0 0 10px; margin: 0 0 .625rem; }
h3 + h4,
p + h4 { margin-top: 30px; margin-top: 1.875rem; }
h1 span, h2 span { font-family: Headline-ult; }

.xxs { font-size: 10px !important; line-height: 15px !important; line-height: 0.9375rem !important; }
.xs { font-size: 12px !important; line-height: 20px !important; line-height: 1.25rem !important; }
.s { font-size: 16px !important; line-height: 20px !important; line-height: 1.25rem !important; }
.sm { font-size: 18px !important; line-height: 22px !important; line-height: 1.375rem !important; }
.m { font-size: 21px !important; line-height: 25px !important; line-height: 1.5625rem !important; }
.l { font-size: 24px !important; line-height: 30px !important; line-height: 1.875rem !important; }
.xl { font-size: 36px !important; line-height: 40px !important; line-height: 2.5rem !important; }
.xxl { font-size: 48px !important; line-height: 50px !important; line-height: 3.125rem !important; }
.xxxl { font-size: 72px !important; line-height: 80px !important; line-height: 5rem !important; }
.xxxxl { font-size: 144px !important; line-height: 152px !important; line-height: 9.5rem !important; }
.uppercase { text-transform: uppercase; }
.nowrap { white-space: nowrap; }
.drop-cap { float: left; margin: 0 .1em 0 0; font-size: 2.75em !important; line-height: .85em !important; height: .81em; overflow: hidden; }
.h1-no-margin { margin-bottom: 0; }
p, ul, ol, dl { margin-bottom: 10px; margin-bottom: .625rem; }
div.small-print { border-top: 1px solid #d0d0d0; margin-top: 20px; margin-top: 1.25rem; padding-top: 20px; padding-top: 1.25rem; }
.small-print, .small-note, .caption, small { font: 600 14px/20px 'Tele-grotesk', Arial, sans-serif !important; font-size: .875rem; line-height: 1.25rem; color: #7c7c7c; }
p small { display: block; }
p strong { font-family: Tele-groteskFet; }
p em { font-family: Tele-groteskhal; }
table th { text-align: left; }
.content p + ul { }
.prev-next-nav:after { content: ''; display: table; clear: both; }
.prev-next-nav .prev { float: left; }
.prev-next-nav .next { float: right; }
.prev-next-nav a { display: block; text-indent: -9999px; overflow: hidden; background: url(i/icons/arrows-large.png) no-repeat 0 0; background-size: 111px 221px; }
.prev a { background-position: 10px -75px; }
.next a { background-position: right 10px top -75px; }
.prev a:hover { background-position: 10px 25px; }
.next a:hover { background-position: right 10px top 25px; }
.prev a:active { background-position: 10px -175px; }
.next a:active { background-position: right 10px top -175px; }
.section p a { text-decoration: underline; }
.section p a:hover { text-decoration: none; }
.page-header { text-align: center; }
.page-header .grid { padding: 10px 0 30px; padding: .625rem 0 1.875rem; }
.page-header h1 { margin: 0; }
.page-header h1 + p { margin-top: 10px; margin-top: .625rem; }
.page-header a:hover, .page-header a:focus { text-decoration: underline; }
.page-header-desc { text-align: left; }
.page-header-desc p { font-size: 18px; font-size: 1.125rem; color: #6c6c6c; margin: 0; }
.page-header-center { text-align: center; }
.page-header-left { text-align: left; }
.cta-bar-bottom { padding-top: 40px; border-top: 1px solid #e20074; }
.cta-service-upgrade { clear: both; padding-top: 20px; border-top: 1px solid #e5e5e5; }
.content-2014 { overflow: hidden; }
.content-2014:after { content: ''; display: table; clear: both; }
.graph { width: 100%; margin-bottom: 20px; }
.graph-mini { width: 30%; }
.graph li { list-style: none; margin-bottom: 10px; }
.graph .bar { height: 30px; line-height: 30px; width: 100%; text-align: right; color: #fff; background: #e20074; }
.graph .value { padding: 0 10px; font-family: Tele-groteskFet; }
.graph .unit { font-size: 12px; font-family: Tele-groteskFet; }
.graph .caption { margin: 0; }
.graph .bar-standard { background: #d0d0d0; }
.graph .bar-unlimited { width: 1000%; }
.graph .bar-tiny { position: relative; padding: 0; color: #e20074; }
.graph .bar-tiny .value { position: absolute; width: 60px; left: 0; text-align: right; }
.key-information:after, .key-information ul:after { content: ''; display: table; clear: both; }
.key-information li { list-style: none; float: left; width: 50%; padding: 10px; color: #e20074; background: #fff; border: 1px solid #e20074; border-width: 1px 1px 1px 0; text-align: center; }
.key-information li:first-child { border-left-width: 1px; }
.key-information li strong { display: block; }
.key-information li span { text-transform: uppercase; white-space: nowrap; font-size: 11px; line-height: 15px; }
.key-information li.hidden-cost { color: #7c7c7c; border-color: #7c7c7c; }
.key-3-information li { width: 33.33333333%; }
.box-item .key-information, table .key-information { }
.box-item .key-information ul, table .key-information ul { margin: 0; }
.box-item .key-information li, table .key-information li { width: 100%; min-height: 82px; border-width: 0 0 1px; }
.box-item .key-information li:first-child, table .key-information li:first-child { border-width: 1px 0; }
.box-item .key-information li:last-child, table .key-information li:last-child { border-width: 0; }
.section-service { border-top: 0 !important; }
.section-service .grid { border-top: 1px solid #d0d0d0 !important; }
.option-price-activation { display: none; }
.section { clear: both; }
.section:after { content: ''; display: table; clear: both; }
.section-white + .section-white, .page-header + .section-white .grid, .section-gray + .section-gray { border-top: 1px solid #d0d0d0; }
.section-service .grid, .page-header + .section-white .grid { position: relative; }
.page-header + .section-white + #max-paketi-promo .grid:before, .section-cover-image:before, .section-service .grid:before, .page-header + .section-white .grid:before { position: absolute; top: 0; left: 0 !important; content: ''; width: 100%; height: 5px; background: rgba(0,0,0,.05); }
/*.section:first-child .grid { padding-top: 20px; }*/
.section .grid, .page-header + .section .grid { padding: 40px 0; padding: 2.5rem 0; }
.page-header + .section-complex-table .grid:before { content: none; }
.page-header + .section-complex-table .grid { border: 0; padding-top: 0; }
.section-header { margin-bottom: 40px; margin-bottom: 2.5rem; }
.section-header:after { content: ''; display: table; clear: both; }
.section-header h1, .section-header h2, .section-header h3, .section-header h4 { margin-bottom: 0; }
.section-header p { margin-left: auto; margin-right: auto; }
.section-header h1 + p, .section-header h2 + p, .section-header h3 + p, .section-header h4 + p { margin-top: .625rem; }
.section-header .all-link a { text-decoration: none; text-transform: uppercase; }
.section-header-focus { max-width: 37.5em; margin-left: auto; margin-right: auto; text-align: center; }
#quick-actions-existing-customers .section-header { border-bottom: 5px solid #fff; padding-bottom: 20px; }
#quick-actions-existing-customers .grid { padding: 60px 0; padding: 3.75rem 0; }
#quick-actions-existing-customers .box-item .actions { margin-top: 30px; margin-top: 1.875rem; }
.section-black { color: #fff; background: #000; }
.section-black-light { color: #fff; background: #222; }
.section-gray { background: #f2f2f2; }
.section-gray-dark { background: #e5e5e5; }
.section-magenta { color: #fff; background: #e20074; }
.section-cyan { color: #fff; background: #64b9e4; }
.section-magenta-gradient { background: #e20074; background-image: -webkit-linear-gradient(#b5015c, #e20074); background-image: -moz-linear-gradient(#b5015c, #e20074); background-image: -o-linear-gradient(#b5015c, #e20074); background-image: -ms-linear-gradient(#b5015c, #e20074); background-image: linear-gradient(#b5015c, #e20074); }
.section-black-gradient { background: #222; background-image: -webkit-linear-gradient(#000, #444); background-image: -moz-linear-gradient(#000, #444); background-image: -o-linear-gradient(#000, #444); background-image: -ms-linear-gradient(#000, #444); background-image: linear-gradient(#000, #444); }
.section-gray-gradient { background: #e5e5e5; background-image: -webkit-linear-gradient(#d0d0d0, #fff); background-image: -moz-linear-gradient(#d0d0d0, #fff); background-image: -o-linear-gradient(#d0d0d0, #fff); background-image: -ms-linear-gradient(#d0d0d0, #fff); background-image: linear-gradient(#d0d0d0, #fff); }
.section-gray-gradient-radial { background: #5a5a5a; background-position: 0 50%; background-size: 100% 100%; background-image: -webkit-radial-gradient(50% 70%, #ddd, #5a5a5a); background-image: -moz-radial-gradient(50% 70%, #ddd, #5a5a5a); background-image: -o-radial-gradient(50% 70%, #ddd, #5a5a5a); background-image: -ms-radial-gradient(50% 70%, #ddd, #5a5a5a); }
.section-pattern-01 { background: url(i/patterns/01.png) !important; }
.section-pattern-02 { background: url(i/patterns/02.png) !important; }
.section-pattern-03 { background: url(i/patterns/03.png) !important; }
.section-pattern-04 { background: url(i/patterns/04.png) !important; }
.section-pattern-05 { background: url(i/patterns/05.png) !important; }
.section-pattern-06 { background: url(i/patterns/06.png) !important; }
.section-pattern-07 { background: url(i/patterns/wood.png) !important; }
.section-black h2, .section-black h2 a { color: #fff; }
.section-no-padding .grid { padding: 0; }
.section-cover-image { position: relative; }
.section-cover-image + .section-gray, .section-cover-image + .section-gray-dark { border-top: 1px solid #fff; }
.section-cover-image + .section-magenta, .section-cover-image + .section-magenta-gradient { border-top: 1px solid #b5015c; }
.section-cover-image { background-position: 50% 0 !important; background-size: 100% auto !important; }
.section-cover-image .grid { padding: 0 !important; }
.section-cyan a, .section-magenta a { color: #fff; text-decoration: underline; }
.section-cyan a:hover, .section-magenta a:hover { color: #fff !important; text-decoration: none; }
.list-thumbnail-abstract { }
.list-thumbnail-abstract li { list-style: none; border-bottom: 1px solid #d0d0d0; }
.list-thumbnail-abstract li img { float: left; }
.list-faqs dd { max-width: 35em; }
.list-faqs ul { margin-bottom: 30px; }
.list-faqs ul li { list-style: none; }
.list-faqs > ul > li { }
.list-faqs ul li dl { padding: 15px 0; }
.list-faqs ul li:target { padding: 20px 0; }
.list-faqs ul li:target dl { border: 2px solid #e20074; margin-left: -20px; padding-left: 20px; background: #fff; }
.list-faqs ul li:target dt { color: #e20074; }
.list-faqs li ul li { margin-left: 2em; }
.list-faqs li ul li:before { content: '– '; float: left; margin-left: -1em; }
.list-faq-shortcuts li h3 { margin: 0; }
.list-faq-shortcuts li h3 a { color: #e20074; }
.list-faq-shortcuts li ul { border-top: 1px solid #d0d0d0; }
.list-faq-shortcuts li li { border-bottom: 1px solid #d0d0d0; border-top: 1px solid #fff; margin: 0 !important; }
.list-faq-shortcuts a { display: block; padding: .75em 0; color: #000; text-decoration: none; }
.list-faq-shortcuts a:hover, .list-faq-shortcuts a:focus { color: #e20074; }
.list-faq-shortcuts li { margin-bottom: 30px; }
.list-faq-shortcuts li li { margin-bottom: .5em; }
.list-terms-of-service li { list-style: none; margin-left: 2em; }
.list-terms-of-service li:before { content: '– '; float: left; margin-left: -1em; }
.list-actions { max-width: 350px; margin: 20px 0; }
.list-actions-columns { max-width: 100%; }
.list-actions ul { margin: 0; }
.list-actions li { list-style: none; }
.list-actions li + li { margin-top: 20px; }
.list-actions li a { width: 100%; }
.more-link a, .list-actions-basic a { text-decoration: none !important; color: #e20074; border-bottom: 1px solid #e20074; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.more-link a:hover, .more-link a:focus, .list-actions-basic a:hover, .list-actions-basic a:focus { border-bottom-color: #e5e5e5; }
.section-magenta .more-link a, .section-magenta .list-actions-basic a { color: #fff; border-bottom-color: #fff; }
.section-magenta .more-link a:hover, .section-magenta .more-link a:focus, .section-magenta .list-actions-basic a:hover, .section-magenta .list-actions-basic a:focus { border-bottom-color: #e20074; border-bottom-color: rgba(255,255,255,.25); }
.center .list-actions, .layout-focus .list-actions { margin-left: auto; margin-right: auto; }
.list-activation-steps { }
.list-activation-steps ol { }
.list-activation-steps ol:after { content: ''; display: table; clear: both; }
.box-sms-activation { }
button, .button, input[type="radio"], input[type="checkbox"] { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.section-service-overview .pseudo-form { clear: both; }
.pseudo-form h2 { color: #e20074; margin-bottom: 0; }
.pseudo-form ul { margin-bottom: 0; }
.pseudo-form p { margin-bottom: 10px; }
fieldset { border: 0; }
fieldset + fieldset { clear: both; margin-top: 20px; border-top: 1px solid #d0d0d0; }
.fields-pair .field-inline:last-child { padding-right: 0; }
.field { padding: 10px 0; }
.field + .field, .fields-pair .field { padding-top: 0; }
.field-inline { }
.form-focus .fields-pair .field-inline { width: auto !important; }
.fields-pair:after { content: ''; display: table; clear: both; }
.field label { font-family: Tele-groteskFet; padding-bottom: 6px; }
.field label .optional { font-family: Tele-grotesk; color: #a4a4a4; }
.field > label { display: block; }
label .price-hint { display: block; }
label .price-hint.hidden { display: none; }
.label-helper { font-family: Tele-grotesk; float: right; }
.group-check li, .group-radio li { list-style: none; padding: 10px 0 0 20px; }
.group-check li:first-child, .group-radio li:first-child { }
.group-check li label, .group-radio li label { cursor: pointer; }
.field-select-products { padding: 0 !important; background: #fff; }
.field-select-products .group-radio li, .field-select-products .group-check li { border-top: 1px solid #d0d0d0; padding: 0; }
.field-select-products .group-radio li:first-child, .field-select-products .group-check li:first-child { border-top: 0; }
.field-select-products .group-radio li label, .field-select-products .group-check li label { padding: 16px 36px !important; border: 4px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.field-select-products .group-radio li label:hover, .field-select-products .group-check li label:hover { border-color: #f2f2f2; }
.field-select-products .group-radio li.li-checked label, .field-select-products .group-check li.li-checked label { border-color: #e20074; }
.input-check, .input-radio { float: left; margin: 3px 5px 0 -20px; }
td.cta .label-check, td.cta .label-radio { display: block; text-align: center; }
td.cta .input-check, td.cta .input-radio { float: none; margin: 0 0 15px; }
.group-check li label, .group-radio li label { display: block; font-family: Tele-grotesk; padding: 0 0 10px; }
.group-check li.li-checked, .group-radio li.li-checked { }
.li-checked .li-checked, .li-checked .li-checked { color: #000 !important; background: none !important; border: 0 !important; }
.group-check li.li-checked > label, .group-radio li.li-checked > label { }
.advanced-options { clear: both; margin: 0 20px 20px 0; padding: 20px 0 10px 30px; color: #000; background: #f2f2f2; border-top: 5px solid #e5e5e5; }
.advanced-options .advanced-options { padding-left: 0; margin-bottom: 0; }
.advanced-options h3 { margin-top: 0; }
.advanced-options .input-text { margin-bottom: 20px; }
.advanced-options li { border: 0; padding: 0 30px; }
.advanced-options li:first-child { border: 0; }
.advanced-options .advanced-options { padding-top: 0; border: 0; }
.offer-reminder { }
.offer-reminder-group { padding: .75em 1em .25em; border-bottom: 1px solid #d0d0d0; }
.offer-reminder-conditions { padding: .75em 1em .25em; font-family: Tele-groteskFet; color: #e20074; }
.offer-reminder p, .offer-reminder ul { margin-bottom: 10px; }
.offer-reminder li { list-style: none; padding: 0 0 10px 30px; }
.offer-reminder li:before { content: '–'; float: left; margin-left: -1em; }
.field-inline-validation:after { content: ''; display: table; clear: both; }
.field-inline-validation .input-text { float: left; }
.availability-check { float: left; padding: 8px 0 5px 20px; }
.small-note { margin: 0; }
.small-note-standalone { clear: both; margin: 0; }
.small-note-error { font-family: Tele-groteskFet; color: #D90000; }
.small-note-confirmation { font-family: Tele-groteskFet; color: #6BB324; }
.small-note-confirmation:before, .small-note-error:before { content: ''; float: left; display: block; width: 30px; height: 30px; background: url(i/icons/exclamation.png) no-repeat; background-size: 20px 19px; }
.group-check .small-note-error:before, .group-radui .small-note-error:before { margin-left: -20px; }
.small-note-confirmation:before { background: red url(i/icons/checkmark-small.png) no-repeat 50% 50%; background-size: 10px 8px; }
input[readonly], input[readonly]:focus, .read-only, .read-only:focus, .input-text, textarea { font: normal 16px/20px 'Tele-groteskfet', Arial, sans-serif; padding: 5px 10px; margin-bottom: 5px; 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; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; }
.field-error .input-text, .field-error textarea { border: 1px solid #D90000; -webkit-box-shadow: 0 0 0 2px #D90000, inset 0 1px 1px 1px #ededed; -moz-box-shadow: 0 0 0 2px #D90000, inset 0 1px 1px 1px #ededed; -o-box-shadow: 0 0 0 2px #D90000, inset 0 1px 1px 1px #ededed; box-shadow: 0 0 0 2px #D90000, inset 0 1px 1px 1px #ededed; }
.input-text:focus, textarea:focus { border: 1px solid #e20074; outline: none !important; -webkit-box-shadow: 0 0 4px 2px #ffdeef, inset 0 1px 1px 1px #ededed; -moz-box-shadow: 0 0 4px 2px #ffdeef, inset 0 1px 1px 1px #ededed; -o-box-shadow: 0 0 4px 2px #ffdeef, inset 0 1px 1px 1px #ededed; box-shadow: 0 0 4px 2px #ffdeef, inset 0 1px 1px 1px #ededed; }
.input-text { width: 100%; max-width: 280px; height: 36px; }
.input-text-240 { width: 240px !important; }
.input-text-200 { width: 200px !important; }
.input-text-150 { width: 150px !important; }
.input-text-100 { width: 100px !important; }
.input-text-75 { width: 75px !important; }
.input-text-50 { width: 50px !important; }
.input-oib { }
.input-city, .input-street { min-width: 200px; }
textarea { width: 100%; }
input:focus::-webkit-input-placeholder, input:focus::-moz-placeholder, input:focus::input-placeholder { -webkit-transition: opacity .5s .5s ease; -moz-transition: opacity .5s .5s ease; -o-transition: opacity .5s .5s ease; -ms-transition: opacity .5s .5s ease; transition: opacity .5s .5s ease; opacity: 0; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button, input[type="number"] { -webkit-appearance: none !important; }
input[readonly], input[readonly]:focus, .read-only, .read-only:focus { background: #f2f2f2; }
.form-alt-actions { position: relative; margin-top: 40px; padding-top: 20px; border-top: 1px solid #d0d0d0; }
.form-alt-actions h3 { position: relative; display: table; top: -30px; margin: 0 auto; padding: 0 10px !important; color: #a4a4a4; background: #fff; text-align: center; }
.form-alt-actions .button { margin-bottom: 10px; }
.pseudo-form .buttons { padding-top: 10px; }
.pseudo-form .buttons:after { content: ''; display: table; clear: both; }
.buttons .button { margin-bottom: 10px; }
.buttons button + button, .buttons .button + .button { margin-right: 10px; }
.app-store-link img { height: 36px; width: auto; max-width: 1000px; }
button, .button { -webkit-appearance: none; font: normal 14px/24px 'Tele-groteskfet', Arial, sans-serif; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: .05em; display: inline-block; vertical-align: bottom; overflow: hidden; white-space: nowrap; cursor: pointer; height: 36px; padding: 5px 20px; color: #333; background: #ededed; border: 1px solid #a4a4a4; text-shadow: 0 1px 0 #fff; text-decoration: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #fff; background-image: -webkit-linear-gradient(#fff, #ededed); background-image: -moz-linear-gradient(#fff, #ededed); background-image: -o-linear-gradient(#fff, #ededed); background-image: -ms-linear-gradient(#fff, #ededed); background-image: linear-gradient(#fff, #ededed); -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -o-transition: all .1s ease; -ms-transition: all .1s ease; transition: all .1s ease; }
button:hover, .button:hover, button:focus, .button:focus { -webkit-box-shadow: 0 0 .4em .2em rgba(0,0,0,.05); -moz-box-shadow: 0 0 .4em .2em rgba(0,0,0,.05); -o-box-shadow: 0 0 .4em .2em rgba(0,0,0,.05); box-shadow: 0 0 .4em .2em rgba(0,0,0,.05); }
.button-active, button:active, .button:active { -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.2) !important; -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.2) !important; -o-box-shadow: inset 0 2px 2px rgba(0,0,0,.2) !important; box-shadow: inset 0 2px 2px rgba(0,0,0,.2) !important; }
.button-mini { padding: 0 5px; font-size: 10px; line-height: 19px; height: 20px; }
a.button-mini { padding: 0 8px; }
.button-primary { color: #fff; border: 1px solid #b5015c; text-shadow: 0 -1px 0 #ce006a; background: #ce006a; background: -webkit-linear-gradient(#fe319b,#ce006a); background: -moz-linear-gradient(#fe319b, #ce006a); background: -o-linear-gradient(#fe319b,#ce006a); background: -ms-linear-gradient(#fe319b,#ce006a); background: linear-gradient(#fe319b,#ce006a); }
.button-primary:hover, .button-primary:focus { -webkit-box-shadow: 0 0 .4em .2em rgba(226,0,116,.2); -moz-box-shadow: 0 0 .4em .2em rgba(226,0,116,.2); -o-box-shadow: 0 0 .4em .2em rgba(226,0,116,.2); box-shadow: 0 0 .4em .2em rgba(226,0,116,.2); }
.button-mega { font-size: 21px; height: 60px; line-height: 50px; padding: 5px 30px; margin-bottom: 20px; }
.button-mega + .button-mega { margin-left: 1em; }
.button-gray-dark { color: #fff; border: 1px solid #b5015c; text-shadow: 0 -1px 0 #ce006a; background: #777; background: -webkit-linear-gradient(#777,#333); background: -moz-linear-gradient(#777, #333); background: -o-linear-gradient(#777,#333); background: -ms-linear-gradient(#777,#333); background: linear-gradient(#777,#333); }
.button-gray-dark:hover, .button-gray-dark:focus { -webkit-box-shadow: 0 0 4px 2px #ffdeef; -moz-box-shadow: 0 0 4px 2px #ffdeef; -o-box-shadow: 0 0 4px 2px #ffdeef; box-shadow: 0 0 4px 2px #ffdeef; }
.button-tertiary { color: #7c7c7c !important; background: #fff !important; border-color: #d0d0d0 !important; }
.button-disabled { color: #a4a4a4 !important; background: #e5e5e5 !important; border-color: #d0d0d0 !important; }
.button-disabled:hover, .button-disabled:focus, .button-disabled:active { cursor: default; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; }
.box-purple .button, .section-magenta .button { border-color: #fff; color: #333; }
.box-purple .button:hover, .box-purple .button:focus, .section-magenta .button:hover, .section-magenta .button:focus { border-color: #fff; color: #e20074 !important; }
.box-purple .button:active, .section-magenta .button:active { border-color: #e20074; }
.button + .small-note { margin-top: 0; }
.button-process:after { content: '\25BA'; font-size: .75em; margin: 0 -.5em 0 .75em; }
.buttons-next .button { margin-right: 0 !important; margin-left: 10px; }
.form-focus { width: 100%; margin: 0 auto; }
.form-focus fieldset { max-width: 320px; margin: 0 auto; }
.form-focus .input-text { width: 100%; max-width: 100%; }
.form-focus .buttons { padding: 5px 0 10px; }
.form-focus button, .form-focus .button { width: 100%; }
.layout-focus .pseudo-form:not(.form-focus) fieldset { border: 1px solid #d0d0d0; margin-bottom: 30px; background: #fff; -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.025); -moz-box-shadow: 0 0 0 5px rgba(0,0,0,.025); -o-box-shadow: 0 0 0 5px rgba(0,0,0,.025); box-shadow: 0 0 0 5px rgba(0,0,0,.025); }
.layout-focus .pseudo-form:not(.form-focus) fieldset h2 { border-bottom: 1px solid #d0d0d0; font-size: 100%; font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; padding: 10px 1rem; background: #f2f2f2; }
.layout-focus .pseudo-form:not(.form-focus) fieldset .field { padding: .625rem 1rem; border-top: 1px solid #d0d0d0; }
.layout-focus .pseudo-form:not(.form-focus) fieldset h2 + .field { border: 0; }
.layout-focus .buttons { text-align: center; }
.layout-focus .form-focus .group-check li, .layout-focus .form-focus .group-radio li { border-top: 1px solid #d0d0d0; }
.form-inline fieldset:after { content: ''; display: table; clear: both; }
.form-inline label { float: left; font-family: Tele-groteskFet; padding-right: 10px; line-height: 34px; }
.form-inline .input-text { float: left; width: 100%; margin: 0 !important; }
.input-text + button, .input-text + .button { margin-left: 2px; }
.form-flex { display: block; max-width: 450px; margin: 0 auto; }
.field-flex { width: 100%; display: flex; flex-flow: row wrap; justify-content: left; }
.field-flex .input-text { float: left; min-width: 270px; width: auto !important; }
.field-flex .button { float: left; width: auto; }
.form-inline .field-phone { position: relative; padding: 0 119px 0 0; }
.form-inline .field-phone .button { position: absolute; right: 0; top: 0; width: 120px; }
.field .area-code { display: block; float: left; margin-right: 1%; width: 24% !important; }
.field .phone-number { display: block; width: 75% !important; }
table { border-collapse: collapse; border-spacing: 0; }
.table-wrapper { width: 100%; margin-bottom: 20px; overflow: auto; }
.table-wrapper table { table-layout: fixed; min-width: 100%; border-bottom: 1px solid #d0d0d0; }
.packages-overview > ul::-webkit-scrollbar, .table-wrapper::-webkit-scrollbar { -webkit-appearance: none; width: 20px; height: 20px; }
.packages-overview > ul::-webkit-scrollbar-thumb, .table-wrapper::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; border: 5px solid #e5e5e5; background: #e20074; }
.packages-overview > ul::-webkit-scrollbar-track, .table-wrapper::-webkit-scrollbar-track { background: #e5e5e5; }
.section-white ::-webkit-scrollbar-thumb { border-color: #fff; }
.section-white ::-webkit-scrollbar-track { background: #fff; }
.section-gray ::-webkit-scrollbar-thumb { border-color: #f2f2f2; }
.section-gray ::-webkit-scrollbar-track { background: #f2f2f2; }
.section-gray-dark ::-webkit-scrollbar-thumb { border-color: #e5e5e5; }
.section-gray-dark ::-webkit-scrollbar-track { background: #e5e5e5; }
.section-grass { color: #fff; background: url(i/patterns/grass.jpg) repeat 0 0; background-size: 675px 648px !important; }
.section-grass a { color: #fff; }
.table-wrapper thead th { background-color: #f2f2f2; }
.table-comparison-prices-matrix thead th { background: none; }
table th { font-family: Tele-groteskHal; }
.table-wrapper table th, .table-wrapper table td { border-top: 1px solid #d0d0d0; padding: 10px 16px; padding: 10px 1rem; vertical-align: top; }
.table-wrapper table .y { text-transform: uppercase; font-size: 20px; }
.table-wrapper table .n { text-transform: uppercase; color: #fff; }
.page-header + .table-wrapper table tr:first-child th, .page-header + .table-wrapper table tr:first-child td { border-top: 1px solid #6c6c6c; }
.table-wrapper table .number { white-space: nowrap; }
.table-wrapper table .number, .table-wrapper table .instalments { text-align: right; }
.table-wrapper table .nowrap { white-space: nowrap; }
.table-tiny-properties th { width: 33%; }
td.actions { width: 10%; }
td.actions .button-mini { display: inline-block !important; }
td.time-frame-condition { text-align: left !important; }
.standard-conditions { font-family: Tele-grotesk !important; color: #a4a4a4 !important; }
tfoot { border-top: 5px solid #e20074; }
.table-comparison-prices-matrix tfoot tr:first-child th, .table-comparison-prices-matrix tfoot tr:first-child td { border-top-color: #d0d0d0; }
.total-row th, .total-row td { font-family: Tele-groteskFet; color: #e20074; }
.total-row th { text-transform: uppercase; }
.table-comparison thead th { vertical-align: middle; }
.table-comparison tbody th { text-align: left; width: 28%; padding: 0; }
.table-comparison tbody th a, .table-comparison tbody th span { display: block; padding: 10px 0; }
.table-comparison tbody th a:hover, .table-comparison tbody th a:focus { color: #333; }
.table-comparison tbody td { text-align: center; width: 18%; }
.table-comparison-prices-matrix td, .table-comparison-prices-matrix th { border-left: 1px solid #ededed; padding: 10px 7px !important; }
.table-comparison-prices-matrix td:first-child, .table-comparison-prices-matrix th:first-child { border-left: 0; }
.quick-comparison { margin-bottom: 20px; background: #fff; }
.table-order-specification tr th { width: 33%; }
.preview-panel { margin-bottom: 30px; background: #fff; -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.025); -moz-box-shadow: 0 0 0 5px rgba(0,0,0,.025); -o-box-shadow: 0 0 0 5px rgba(0,0,0,.025); box-shadow: 0 0 0 5px rgba(0,0,0,.025); }
.preview-panel .inner { clear: both; border: 1px solid #d0d0d0; padding: 16px 16px 8px; padding: 1rem 1rem .5rem; }
.preview-panel .table-wrapper { clear: both; margin-bottom: 0; }
.preview-panel table { border: 1px solid #d0d0d0; }
.preview-panel table th { width: 33%; }
.title-row, .preview-panel-header { padding: 10px 16px; padding: 10px 1rem; background: #f2f2f2; }
.preview-panel-header { float: left; width: 100%; border: 1px solid #d0d0d0; border-bottom-width: 0; }
.title-row h2, .preview-panel-header h2 { color: #e20074; font-size: 16px; font-size: 1rem; line-height: 20px; white-space: nowrap; margin: 0 !important; }
.title-row .edit-link, .preview-panel-header .edit-link { text-transform: none; line-height: 20px; line-height: 1.25rem; margin-bottom: 0; }
.title-row .edit-link a, .preview-panel-header .edit-link a { font-family: Tele-grotesk; color: #7c7c7c; text-decoration: none; }
.title-row .edit-link a:hover, .title-row .edit-link a:focus, .preview-panel-header .edit-link a:hover, .preview-panel-header .edit-link a:focus { text-decoration: underline; }
.box-group { clear: both; }
.box-group:after { content: ''; display: table; clear: both; }
p + .box-group, ol + .box-group, ul + .box-group { margin-top: 40px; }
.box-group-products { display: table; border: 1px solid #d0d0d0; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.box-group-products .box-item { display: table-cell !important; height: 100%; width: 33.33333333% !important; margin: 0 !important; padding: 30px; border-left: 1px solid #e5e5e5; }
.list-device-box, .box-item { list-style: none; margin: 0; padding: 0; width: 100%; }
.box-item-device-simple { text-align: center; padding-bottom: 60px; }
.box-item { margin: 0 0 30px; }
.box-item h1 { float: none !important; }
.box-item-header h2 { text-transform: uppercase; font-family: 'Headline'; }
.box-item .figure { position: relative; padding-top: 56.25%; width: 100%; max-width: 100%; height: 0; margin-bottom: 1em; }
.box-item .figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.box-item .figure + h3 { margin-top: 20px; }
.box-item p + h2, .box-item p + h3 { margin-top: 30px; }
.box-item .overview-links ul { margin-bottom: 1.5em; }
.box-item .overview-links li { list-style: none; margin-bottom: .375em; }
.box-item .overview-links li a { text-decoration: none !important; color: #e20074; border-bottom: 1px solid #e20074; }
.box-item .overview-links li a:hover { border-bottom-color: #e5e5e5; }
.box-item-icon { padding-top: 70px; margin-bottom: 10px !important; max-width: 450px; background: url(i/icons/default-icon.png) no-repeat 0 20px; background-size: 35px 35px; }
.box-item-icon-large { padding-top: 140px; margin-bottom: 10px !important; max-width: 450px; background: url(i/icons/default-icon-@2x.png) no-repeat 0 40px; background-size: 70px 70px; }

@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.box-item-icon { background-image: url(i/icons/default-icon-@2x.png); }
	.box-item-icon-large { background-image: url(i/icons/default-icon-@4x.png); }
}

.shortcuts-list li { list-style: none; }
.shortcuts-list li:first-child { border: 0; }
.shortcuts-list li a { display: block; padding: 10px 0; }
.shortcuts-list li a:hover, .shortcuts-list li a:hover strong { color: #e20074; }
.shortcuts-list li a strong { }
.shortcuts-list-icons ul { float: left; width: 100%; margin: 0; border-left: 1px solid #7c7c7c; }
.shortcuts-list-icons li { float: left; width: 20%; border-right: 1px solid #7c7c7c !important; }
.shortcuts-list-icons li a { color: #fff; text-align: center; font-family: Tele-groteskFet; min-height: 190px; padding: 140px 20px 20px; background: none no-repeat 50% 50%; }
.shortcuts-list-icons li a:hover { color: #fff; background: #e20074; }
.shortcuts-list-icons li#shortcut-01 a { background-image: url(i/icons/shortcut-01.png); }
.shortcuts-list-icons li#shortcut-02 a { background-image: url(i/icons/shortcut-02.png); }
.shortcuts-list-icons li#shortcut-03 a { background-image: url(i/icons/shortcut-03.png); }
.shortcuts-list-icons li#shortcut-04 a { background-image: url(i/icons/shortcut-04.png); }
.shortcuts-list-icons li#shortcut-05 a { background-image: url(i/icons/shortcut-05.png); }
.list-features { margin-bottom: 10px; }
.list-features li { list-style: none; margin-bottom: 10px; }
.list-features li:before { content: '+ '; float: left; margin-left: -1em; font-family: Tele-groteskFet; color: #e20074; }
.list-features-tabular { margin: 0; }
.list-features-tabular li { list-style: none; border-top: 1px solid #e5e5e5; padding-top: 10px; padding-left: 30px; padding-left: 1.875rem; padding-bottom: 10px; }
.list-features-tabular li:before { content: '+ '; float: left; margin-left: -1em; font-family: Tele-groteskFet; color: #e20074; }
.section-service .list-features, .section-story .list-features, .section-value-feature .list-features { padding-left: 1.25em; margin-bottom: 20px; }
.section-service .list-features li, .section-story .list-features li, .list-features-tabular li, .section-story .list-actions li { font-size: 21px; font-size: 18px; line-height: 25px; }
.section-scream .list-actions li a, .section-story .list-actions li a { font-family: Tele-groteskFet; text-decoration: underline; }
.section-story .list-actions li a:hover, .section-story .list-actions li a:focus { text-decoration: none; }
.more-link-list li { list-style: none; margin-bottom: 5px; }
.more-link-list li a:not(.button):hover { text-decoration: underline; }
.buttons-list li { list-style: none; float: left; padding: 0 10px 0 0; }
.box-group-20 .list-features li, .box-group-25 .list-features li, .box-group-33 .list-features li, .box-group-20 .list-features-tabular li, .box-group-25 .list-features-tabular li, .box-group-33 .list-features-tabular li { text-align: center; padding-left: 0 !important; }
.box-group-20 .list-features li:before, .box-group-25 .list-features li:before, .box-group-33 .list-features li:before, .box-group-20 .list-features-tabular li:before, .box-group-25 .list-features-tabular li:before, .box-group-33 .list-features-tabular li:before { content: none; }
.section-tiles { padding: 20px 0 0 !important; }
.section-tiles .grid { padding: 0 !important; }
.section-tiles .box-item { margin-bottom: 20px; }
.section-tiles .box-item a { display: block; color: #fff; }
.section-tiles .box-item img { float: left; min-width: 100%; margin-bottom: 2px; }
.box-group-banners { background: #f2f2f2; border-bottom: 2px solid #fff; }
.box-group-banners:after { content: ''; display: table; clear: both; }
.box-banner { float: left; width: 100%; }
.box-banner a { display: block; position: relative; padding-top: 66.25%; color: #000; border-top: 2px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.box-banner a:hover, .box-banner a:focus { color: #e20074; }
.box-banner-content { position: absolute; top: 0; left: 0; width: 100%; padding: 0.75em 2em; text-align: center; }
.box-banner-content h3 { font-family: Tele-grotesk; }
.section-pinterest { padding-bottom: 20px !important; }
.section-pinterest { }
.section-pinterest .box-group { -webkit-columns: 3; -moz-columns: 3; columns: 3; }
.section-pinterest .box-item { float: none !important; width: 100% !important; margin: 0 0 30px !important; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; }
.ribbon { position: relative; color: #fff; background: #e20074; padding: 10px 20px; }
.ribbon h2 { font-family: Headline; text-transform: uppercase; margin: 0; }
.ribbon p { margin: 0; }
.ribbon .button { position: absolute; top: 15px; right: 20px; }
.figure { margin-bottom: 10px; }
.figure-tv { margin-bottom: 10px; }
.message { width: 100%; max-width: 960px; padding: 35px 40px 15px; margin: 0 auto 20px; border: 2px solid #d0d0d0; text-align: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.message p.disclaimer { color: #333333!important; margin: 0!important; border: none; }
.message h1 { margin-bottom: 20px; margin-bottom: 1.25rem; }
.message h1.xxl { margin-bottom: 15px; }
.message p { font-size: 21px; line-height: 25px; margin: 0 auto 15px; }
.message-tiny { padding: 10px 20px; border-width: 1px; }
.message-tiny p { font-size: 14px; line-height: 18px; margin: 0 auto; }
.message-error { color: #D90000; border-color: #D90000; }
.message-error h1, .message-error p, .message-error li { color: #D90000; }
.message-confirmation { color: #6BB324; border-color: #6BB324; }
.message-confirmation h1, .message-confirmation p, .message-confirmation li { color: #6BB324; }
.message-thankyou { color: #000; border-color: #6BB324; }
.message-thankyou h1 { color: #6BB324; }
.message-thankyou p { max-width: 25em; }
.message-system { color: #427bab; border-color: #427bab; }
.message-system h1, .message-system p, .message-system li { color: #427bab; }
.message-info { color: #64b9e4; border-color: #64b9e4; }
.message-info h1, .message-info p, .message-info li { color: #64b9e4; }
.message-promo { color: #e20074; border-color: #e20074; }
.message-promo h1 { color: #e20074; }
.message-promo p, .message-promo li { color: #000; }
.layout-focus .message { padding-left: 20px; padding-right: 20px; padding-left: 1.25rem; padding-right: 1.25rem; }
.layout-focus .message h1 { margin-bottom: 10px; margin-bottom: .625rem; }
.page-header .message { margin-bottom: 0; }
.error { color: #D90000; }
.confirmation { color: #6BB324; }
.layout { margin: 0 auto; }
.layout:after { content: ''; display: table; clear: both; }
.section-story { width: 100%; }
.layout-focus .grid { max-width: 37.5em !important; }
#layout-empty-cart .grid { max-width: 37.5em !important; }
#layout-empty-cart h1 { padding-top: 210px; margin-left: -37px; padding-left: 37px; background: url(i/icons/cart-empty.png) no-repeat 10px 30px; background-size: 151px 139px; }
#layout-empty-cart .section .grid { padding-bottom: 60px; padding-bottom: 3.75rem; }
#layout-empty-cart .actions { margin-top: 30px !important; }
.section-scream .grid { padding: 80px 0 60px; }
.section-scream .box-item { padding-bottom: 20px; }
.section-scream .box-item p { margin-bottom: 20px; }
.section-scream .box-item p a { font-family: Tele-groteskFet; text-decoration: none; border-bottom: 1px solid #fff; padding-bottom: 2px; }
.section-scream .box-item p a:hover { border-bottom-color: rgba(255,255,255,.5); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.section-scream.section-white .box-item p a { color: #e20074; border-bottom-width: 1px; border-bottom-color: #e20074; }
.section-scream.section-white .box-item p a:hover { color: #e20074; border-bottom-color: #e5e5e5; }
.section-scream.section-gray .box-item p a { color: #e20074; border-bottom-width: 1px; border-bottom-color: #e20074; }
.section-scream.section-gray .box-item p a:hover { color: #e20074; border-bottom-color: #d0d0d0; }
.section-story { }
.section-story:first-child { border-top: 0; }
.section-story .figure { margin-left: auto; margin-right: auto; line-height: 0; }
.section-story .section-header { margin-bottom: 30px; }
.section-story p { max-width: 600px; font-size: 21px; font-size: 18px; line-height: 25px; text-transform: none; }
.section-story p.center { margin-left: auto; margin-right: auto; }
.section-story .more-link { padding-top: 30px; }
.section-story li { list-style: none; }
.section-story .table-wrapper table, .table-comparison-prices-matrix table { border-top: 5px solid #000; }
.section-story ol { counter-reset: item; font-size: 21px; font-size: 18px; line-height: 25px; margin-bottom: 35px; padding-left: 2em; }
.section-story ol li { margin-bottom: 10px; list-style: none; }
.section-story ol li:before { content: counter(item) ". "; color: #e20074; counter-increment: item; font-family: Tele-groteskFet; float: left; width: 1.5em; margin-left: -2em; text-align: right; }
.layout-focus .section-header { padding: 20px 0 10px; border-top: 1px solid #000; }
.layout-focus table { width: 100%; }
.cta-bar { clear: both; background: #fff; }
.content-2014 .cta-bar { border-bottom: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; }
.cta-bar:after { content: ''; display: table; clear: both; }
.cta-bar .explanation { padding: 20px 0 10px; text-align: center; }
.cta-bar .cta-user-groups .box-item { padding: 30px 20px; margin: 0; border: 0; text-align: center; }
.cta-bar .button { margin: 0 0 10px; }
.cta-bar + .section { border-top: 0; }
.cta-bar .form-focus { margin-left: 0; }
.onepager-nav { position: relative; bottom: -140px; }
.onepager-nav ul { margin: 0 auto; text-align: center; }
.onepager-nav ul:after { content: ""; display: table; clear: both; }
.onepager-nav li { display: inline-block; margin-right: 1px; }
.onepager-nav a { display: block; position: relative; padding: 0; width: 40px; height: 40px; font-size: 16px; text-align: center; color: #e20074; }
.onepager-nav a:before { content: "•"; text-indent: 0 !important; font-size: 48px; line-height: 40px; color: #fff; color: rgba(255,255,255,.5); }
.onepager-nav a span { display: block; height: 40px; padding: 10px 20px; position: absolute; top: -10px; left: -10px; opacity: 0; text-align: center; white-space: nowrap; color: #e20074; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -webkit-box-shadow: 0 0 .4em .2em rgba(0,0,0,.05); -moz-box-shadow: 0 0 .4em .2em rgba(0,0,0,.05); -o-box-shadow: 0 0 .4em .2em rgba(0,0,0,.05); box-shadow: 0 0 .4em .2em rgba(0,0,0,.05); }
.onepager-nav a span:after { position: absolute; top: 100%; left: 23px; content: ""; display: block; width: 0; height: 0; border: 7px solid #fff; border-color: #fff transparent transparent transparent; }
.onepager-nav a:hover span { opacity: 1; top: -42px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.section-white .onepager-nav a:before { color: #e5e5e5; }
.section-white .onepager-nav a span { color: #fff; background: #e20074; }
.section-white .onepager-nav a span:after { border-color: #e20074 transparent transparent transparent; }
.section-gray .onepager-nav a:before { color: #d0d0d0; }
.section-gray .onepager-nav a span { color: #fff; background: #e20074; }
.section-gray .onepager-nav a span:after { border-color: #e20074 transparent transparent transparent; }
.box-service-overview { border-top: 5px solid #e20074; background: #fff; }
.box-service-overview .highlight { text-transform: uppercase; line-height: 2.5rem; color: #fff; background: #e20074; }
.box-service-overview .product-name { margin: 20px; }
.box-group-33 .box-service-overview .product-name { min-height: 3rem; }
.box-group-20 .box-service-overview .product-name, .box-group-25 .box-service-overview .product-name { min-height: 5.75rem; }
.box-group-20 .box-service-overview .product-name .service, .box-group-25 .box-service-overview .product-name .service { display: block; }
.box-group-20 .box-service-overview .product-name .conjunction, .box-group-25 .box-service-overview .product-name .conjunction { display: none; }
.box-service-overview .product-name h2 { margin: 0; }
.box-service-overview .product-name strong { display: block; }
.box-service-overview .price { border-top: 1px solid #d0d0d0; padding: 20px 0 0; margin: 0 20px 20px; }
.box-service-overview .price-regular, .box-service-overview .price-saving { font-size: 16px; line-height: 20px; }
.box-service-overview .price-regular, .box-service-overview .key-information, .box-service-overview .list-features-tabular, .box-service-overview .list-features, .box-service-overview .list-actions { margin: 0 20px 20px; }
.box-service-overview .price-and-cta, .box-service-overview .learn-more-box-bottom { margin-top: auto; }
.box-service-overview .price-and-cta p { display: block !important; }
.box-service-overview .price-and-cta p:last-child { margin: 0; }
.box-service-overview .actions { clear: both; padding: .625rem 0 0; }
.box-service-overview .button { margin: 0 auto; }
.box-group-20 .box-service-overview, .box-group-25 .box-service-overview, .box-group-33 .box-service-overview { text-align: center; }
.learn-more-box-bottom { display: block; padding: 15px; text-align: center; text-transform: uppercase; border-top: 1px solid #e5e5e5; }
.rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.shadow { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); -o-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0,0,0,.1); }
#section-internet-features-overview h1 { }
#section-internet-features-overview .box-item-icon { background: url(i/icons/internet-features.png) no-repeat 0 20px; background-size: 4050px 35px; }
#section-internet-features-overview .icon-wifi { background-position: 0 20px; }
#section-internet-features-overview .icon-safety { background-position: -450px 20px; }
#section-internet-features-overview .icon-hotspot { background-position: -900px 20px; }
#section-internet-features-overview .icon-stats { background-position: -1350px 20px; }
#section-internet-features-overview .icon-tech-support { background-position: -1800px 20px; }
#section-internet-features-overview .icon-24-7 { background-position: -2250px 20px; }
#section-internet-features-overview .icon-mailbox { background-position: -2700px 20px; }
#section-internet-features-overview .icon-web-hosting { background-position: -3150px 20px; }
#quick-actions-existing-customers .box-item-icon { background: url(i/icons/internet-actions-existing-customers.png) no-repeat 0 20px; background-size: 4050px 35px; }
#quick-actions-existing-customers .icon-upgrade-internet { background-position: 0 20px; }
#quick-actions-existing-customers .icon-cp { background-position: -450px 20px; }
#quick-actions-existing-customers .icon-halo { background-position: -900px 20px; }
#quick-actions-existing-customers .icon-move { background-position: -1350px 20px; }
#internet-service-types .box-item-icon { background: url(i/icons/internet-service-types.png) no-repeat 0 20px; background-size: 935px 35px; }
#internet-service-types .icon-ultramax-net { background-position: 0 20px; }
#internet-service-types .icon-maxadsl { background-position: -450px 20px; }
#internet-service-types .icon-maxnet-mini { background-position: -900px 20px; }
#internet-security-features .box-item-icon { background: url(i/icons/internet-security.png) no-repeat 0 20px; background-size: 2000px 35px; }
#internet-security-features .icon-email-protection { background-position: 0 20px; }
#internet-security-features .icon-firewall { background-position: -450px 20px; }
#internet-security-features .icon-password-protection { background-position: -900px 20px; }
#internet-security-features .icon-mac-id { background-position: -1350px 20px; }
#home-wifi-devices .box-item-icon { background: url(i/icons/home-network.png) no-repeat 0 20px; background-size: 2000px 35px; }
#home-wifi-devices .icon-desktop { background-position: 0 20px; }
#home-wifi-devices .icon-laptop { background-position: -450px 20px; }
#home-wifi-devices .icon-smartphone { background-position: -900px 20px; }
#home-wifi-devices .icon-tablet { background-position: -1350px 20px; }
.boxes-max-paketi .box-item-icon { background: url(i/icons/max-paketi-magenta.png) no-repeat 0 0; background-size: 1350px 35px; }
.section-magenta .boxes-max-paketi .box-item-icon { background-image: url(i/icons/max-paketi-white.png); }
.boxes-max-paketi .icon-max-obitelj { background-position: 0 10px; }
.boxes-max-paketi .icon-max-3 { background-position: -450px 10px; }
.boxes-max-paketi .icon-max-2 { background-position: -900px 10px; }
.boxes-internet-fixed-mobile .icon-fixed-internet { background-image: url(i/icons/internet-fixed-globe-magenta.png); background-size: 97px 70px !important; }
.boxes-internet-fixed-mobile .icon-mobile-internet { background-image: url(i/icons/internet-mobile-globe-magenta.png); background-size: 84px 70px !important; }
.section-magenta .boxes-internet-fixed-mobile .icon-fixed-internet { background-image: url(i/icons/internet-fixed-globe-white.png); }
.section-magenta .boxes-internet-fixed-mobile .icon-mobile-internet { background-image: url(i/icons/internet-mobile-globe-white.png); }
.boxes-maxtv-types .box-item-icon { background: url(i/icons/maxtv-types-magenta.png) no-repeat 0 20px; background-size: 1350px 35px; }
.section-magenta .boxes-maxtv-types .box-item-icon { background-image: url(i/icons/maxtv-types-white.png); }
.boxes-maxtv-types .icon-maxtv { background-position: 0 10px; }
.boxes-maxtv-types .icon-maxtv-satelite { background-position: -450px 10px; }
.boxes-maxtv-types .icon-maxtv-to-go { background-position: -900px 10px; }
.boxes-telefon .box-item-icon { background: url(i/icons/fixed-line-magenta.png) no-repeat 0 20px; background-size: 1350px 35px; }
.section-magenta .boxes-telefon .box-item-icon { background-image: url(i/icons/fixed-line-white.png); }
.boxes-telefon .icon-fiksna-linija { background-position: 0 10px; }
.boxes-telefon .icon-call-redirect { background-position: -450px 10px; }
.boxes-telefon .icon-phone-privacy { background-position: -900px 10px; }
.box-trust-comforting { display: table; table-layout: fixed; width: 100%; }
.box-trust-comforting .box-item-icon { padding: 0; margin-bottom: 0 !important; text-transform: uppercase; background: url(i/icons/trust-comforting-magenta.png) no-repeat 0 20px; background-size: 2700px 35px; }
.box-trust-comforting .box-item-icon a { display: block; display: table-cell; vertical-align: middle; font-size: 14px; color: #000; font-family: Tele-groteskFet; padding-left: 50px; width: 300px; text-decoration: none; }
.box-trust-comforting .icon-dodatni-popusti { background-position: 0 50%; }
.box-trust-comforting .icon-dodatni-popusti a { padding-left: 60px; }
.box-trust-comforting .icon-besplatna-dostava { background-position: -450px 50%; }
.box-trust-comforting .icon-besplatna-dostava a { padding-left: 80px; }
.box-trust-comforting .icon-brzo-sigurno { background-position: -900px 50%; }
.box-trust-comforting .icon-kartice-i-gotovina { background-position: -1350px 50%; }
.box-trust-comforting .icon-kartice-i-gotovina a { padding-left: 65px; }
.box-trust-comforting .icon-24-7 { background-position: -1800px 50%; }
.box-trust-comforting .icon-chat { background-position: -2250px 50%; }
.section-magenta .box-trust-comforting .box-item-icon { background-image: url(i/icons/trust-comforting-white.png); }
.section-magenta .box-trust-comforting .box-item-icon a { color: #fff; }
.box-group-33.box-trust-comforting { max-width: 600px; margin: 0 auto; }
.box-trust-comforting-tiny ul { margin: 10px auto; }
.box-trust-comforting-tiny ul:after { content: ' '; display: table; clear: both; }
.box-trust-comforting-tiny li { width: 100%; text-align: left; margin: 0; }
.box-trust-comforting-tiny a, .box-trust-comforting-tiny span { display: block; font-size: 14px; color: #000; padding: 3px 20px 3px 40px; text-decoration: none; text-transform: uppercase; background: url(i/icons/sprite-webshop-features-tiny-magenta.png) no-repeat; }
.box-trust-comforting-tiny a { color: #e20074; }
.box-trust-comforting-tiny .icon-dodatni-popusti span, .box-trust-comforting-tiny .icon-dodatni-popusti a { background-position: 6px 4px; }
.box-trust-comforting-tiny .icon-besplatna-dostava span, .box-trust-comforting-tiny .icon-besplatna-dostava a { padding-left: 40px; background-position: 7px -46px; }
.box-trust-comforting-tiny .icon-chat span, .box-trust-comforting-tiny .icon-chat a { background-position: 7px -96px; }
.box-trust-comforting-tiny .icon-otkaz span, .box-trust-comforting-tiny .icon-otkaz a { background-position: 6px -246px; }
.box-trust-comforting-tiny .icon-kartice span, .box-trust-comforting-tiny .icon-kartice a { padding-left: 35px; background-position: 6px -294px; }
.box-trust-comforting-tiny .icon-sigurnost span, .box-trust-comforting-tiny .icon-sigurnost a { background-position: 6px -346px; }
.box-trust-comforting-tiny .icon-info a { background-position: 6px -146px; }
.box-trust-comforting-tiny .icon-why-ht a { background-position: 6px -196px; }
.icon-amex { background: url(i/icons/amex.png) no-repeat 0 0; }
.icon-mastercard-maestro-visa { background: url(i/icons/mastercard-maestro-visa.png) no-repeat 0 0; }
.icon-cash { background: url(i/icons/cash.png) no-repeat 0 0; }
.icon-diners { background: url(i/icons/diners.png) no-repeat 0 0; }
.logotypes .box-item a { display: block; height: 110px !important; text-indent: -9999px; overflow: auto; }
.icon-maxtv-to-go-shadow { background: url(i/illustrations/maxtv-to-go-shadow.png) no-repeat 50% 100%; }
.icon-maxtv-sport-shadow { background: url(i/illustrations/maxtv-sport-shadow.png) no-repeat 50% 100%; }
.icon-4g-plus-shadow { background: url(i/illustrations/4g-plus-shadow.png) no-repeat 70% 100%; }
.icon-deezer-shadow { background: url(i/illustrations/deezer-shadow.png) no-repeat 50% 100%; }
.icon-liga-prvaka { background: url(i/illustrations/lopta-shadow.png) no-repeat 50% 100%; }
.icon-overview-internet, .icon-overview-maxtv, .icon-overview-telefon, .icon-overview-elektricna-energija { background: url(i/icons/sprite-fixed-overview.png) no-repeat 0 20px; background-size: 1800px 35px; }
.icon-overview-internet { background-position: 0 20px; }
.icon-overview-maxtv { background-position: -450px 20px; }
.icon-overview-telefon { background-position: -900px 20px; }
.icon-overview-elektricna-energija { background-position: -1350px 20px; }
.figure-overview { margin: 30px auto; max-width: 80%; }
#overview-customer-support .section-header { float: none !important; }
.header-over-divider { clear: both; border-top: 1px solid #d0d0d0; margin-top: 60px; }
.header-over-divider:after { content: ''; display: table; clear: both; }
.header-over-divider h1 { margin: -.5em 0 .5em !important; }
.header-over-divider h1 span { background: #fff; padding: 0 .5em; }
.section-gray .header-over-divider h1 span { background: #f2f2f2 !important; }
#social-networks-links .box-group { border-bottom: 1px solid #d0d0d0; margin-bottom: 60px; }
#social-networks-links .box-item, #social-networks-links .box-item h2 { margin-bottom: 0; }
#how-to-shop-links { position: relative; }
#how-to-shop-links h1 { position: relative; }
#how-to-shop-links h2 { font-family: Headline; }
#how-to-shop-links .box-group { margin-bottom: 60px; }
.icon-sn-M a, .icon-sn-M a span, .icon-sn-L a, .icon-sn-L a span { display: block; text-align: center; background-position: 50% 0; background-repeat: no-repeat; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.icon-sn-M a, .icon-sn-M a span { background-position: 0 0; }
.icon-sn-M a, .icon-sn-L a { margin-top: 0; padding-bottom: 0; }
.icon-sn-M a span, .icon-sn-L a span { opacity: 0; display: block; padding-top: 128px; text-indent: -9999px; overflow: hidden; }
.icon-sn-M a span { padding-top: 48px; }
.box-group-50 .box-group-25 .icon-sn-M { float: left; width: 25% !important; clear: none !important; margin: 0 !important; }
.icon-sn-M a:hover span, .icon-sn-L a:hover span { opacity: 1; }
.icon-facebook-L a { background-image: url(i/sn/facebook-128-inverted.png); }
.icon-twitter-L a { background-image: url(i/sn/twitter-128-inverted.png); }
.icon-youtube-L a { background-image: url(i/sn/youtube-128-inverted.png); }
.icon-google-L a { background-image: url(i/sn/google-plus-128-inverted.png); }
.icon-facebook-L a:hover span { background-image: url(i/sn/facebook-128-inverted-magenta.png); }
.icon-twitter-L a:hover span { background-image: url(i/sn/twitter-128-inverted-magenta.png); }
.icon-youtube-L a:hover span { background-image: url(i/sn/youtube-128-inverted-magenta.png); }
.icon-google-L a:hover span { background-image: url(i/sn/google-plus-128-inverted-magenta.png); }
.icon-facebook-M a { background-image: url(i/sn/facebook-64-inverted.png); }
.icon-twitter-M a { background-image: url(i/sn/twitter-64-inverted.png); }
.icon-youtube-M a { background-image: url(i/sn/youtube-64-inverted.png); }
.icon-google-M a { background-image: url(i/sn/google-plus-64-inverted.png); }
.icon-facebook-M a:hover span { background-image: url(i/sn/facebook-64-inverted-magenta.png); }
.icon-twitter-M a:hover span { background-image: url(i/sn/twitter-64-inverted-magenta.png); }
.icon-youtube-M a:hover span { background-image: url(i/sn/youtube-64-inverted-magenta.png); }
.icon-google-M a:hover span { background-image: url(i/sn/google-plus-64-inverted-magenta.png); }
#social-networks-tiny { margin-top: 30px; }

@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.icon-sn-L a, .icon-sn-L a span { background-size: 128px 128px; }
	.icon-sn-M a, .icon-sn-M a span { background-size: 64px 64px; }
	.icon-facebook-L a { background-image: url(i/sn/facebook-256-inverted.png); }
	.icon-twitter-L a { background-image: url(i/sn/twitter-256-inverted.png); }
	.icon-youtube-L a { background-image: url(i/sn/youtube-256-inverted.png); }
	.icon-google-L a { background-image: url(i/sn/google-plus-256-inverted.png); }
	.icon-facebook-L a:hover span { background-image: url(i/sn/facebook-256-inverted-magenta.png); }
	.icon-twitter-L a:hover span { background-image: url(i/sn/twitter-256-inverted-magenta.png); }
	.icon-youtube-L a:hover span { background-image: url(i/sn/youtube-256-inverted-magenta.png); }
	.icon-google-L a:hover span { background-image: url(i/sn/google-plus-256-inverted-magenta.png); }
	.icon-facebook-M a { background-image: url(i/sn/facebook-128-inverted.png); }
	.icon-twitter-M a { background-image: url(i/sn/twitter-128-inverted.png); }
	.icon-youtube-M a { background-image: url(i/sn/youtube-128-inverted.png); }
	.icon-google-M a { background-image: url(i/sn/google-plus-128-inverted.png); }
	.icon-facebook-M a:hover span { background-image: url(i/sn/facebook-128-inverted-magenta.png); }
	.icon-twitter-M a:hover span { background-image: url(i/sn/twitter-128-inverted-magenta.png); }
	.icon-youtube-M a:hover span { background-image: url(i/sn/youtube-128-inverted-magenta.png); }
	.icon-google-M a:hover span { background-image: url(i/sn/google-plus-128-inverted-magenta.png); }
	.boxes-internet-fixed-mobile .icon-fixed-internet { background-image: url(i/icons/internet-fixed-globe-magenta-@2x.png); background-size: 97px 70px !important; }
	.boxes-internet-fixed-mobile .icon-mobile-internet { background-image: url(i/icons/internet-mobile-globe-magenta-@2x.png); background-size: 84px 70px !important; }
	.section-magenta .boxes-internet-fixed-mobile .icon-fixed-internet { background-image: url(i/icons/internet-fixed-globe-white-@2x.png); }
	.section-magenta .boxes-internet-fixed-mobile .icon-mobile-internet { background-image: url(i/icons/internet-mobile-globe-white-@2x.png); }
	.icon-maxtv-to-go-shadow { background-image: url(i/illustrations/maxtv-to-go-shadow-@2x.png); background-size: 269px 92px; }
	.icon-maxtv-sport-shadow { background-image: url(i/illustrations/maxtv-sport-shadow-@2x.png); background-size: 300px 103px; }
	.icon-4g-plus-shadow { background-image: url(i/illustrations/4g-plus-shadow-@2x.png); background-size: 117px 109px; }
	.icon-deezer-shadow { background-image: url(i/illustrations/deezer-shadow-@2x.png); background-size: 184px 92px; }
	.icon-liga-prvaka { background-image: url(i/illustrations/lopta-shadow-@2x.png); background-size: 92px 109px; }
}

#section-internet-features-overview h3 { }
#section-internet-features-overview p { font-size: 15px; }
.message + .section-header { padding-top: 20px !important; }
.section + #max-paketi-promo .grid { position: relative; padding-top: 60px; }
.section + #max-paketi-promo .grid:before { display: block; position: absolute; top: 0; left: 50%; margin-left: -20px; content: ' '; width: 0; height: 0; border: 20px solid #fff; border-color: #fff transparent transparent transparent; }
.section-magenta + #max-paketi-promo .grid:before { border: 20px solid #e20074; border-color: #e20074 transparent transparent transparent; }
.section-gray + #max-paketi-promo .grid:before { border: 20px solid #f2f2f2; border-color: #f2f2f2 transparent transparent transparent; }
.section-gray-dark + #max-paketi-promo .grid:before { border: 20px solid #e5e5e5; border-color: #e5e5e5 transparent transparent transparent; }
.section-content ul, .section-content ol { margin-bottom: 30px; }
.section-content a { font-family: Tele-groteskFet; }
#section-self-care .grid { padding-bottom: 300px; background: url(/webresources/img/self-care/moj-telekom-devices-mini.png) no-repeat 50% 100%; background-size: 300px 300px; }
#section-customer-support .grid { padding-bottom: 300px; background: url(/webresources/img/customer-support/customer-support.jpg) no-repeat 50% 100%; background-size: 500px 320px; }
#section-self-care .list-actions { margin: 0; }
#section-self-care .list-actions .button { width: auto; }
.packages-overview { margin-bottom: 20px; }
.packages-overview > ul { overflow: auto; border-right: 1px solid #e5e5e5; }
.packages-overview .package { list-style: none; float: left; border-left: 1px solid #e5e5e5; padding: 0 10px; text-align: center; }
.packages-overview .product-images { padding: 15px; }
.packages-overview img { width: 100%; max-width: 180px; }
.packages-overview h3 { margin: 0; }
.packages-overview-2-items .package, .packages-overview-2-items td { width: 50%; }
.packages-overview-3-items .package, .packages-overview-3-items td { width: 33.33333333%; }
.packages-overview-4-items .package, .packages-overview-4-items td { width: 25%; }
.packages-overview-5-items .package, .packages-overview-5-items td { width: 20%; }
.packages-overview-6-items .package, .packages-overview-6-items td { width: 16.66666666%; }
.packages-overview-7-items .package, .packages-overview-7-items td { width: 14.2857142857%; }
.packages-overview .cta { padding: 10px 10px 0; text-align: center; }
.packages-overview .cta .button { width: 100%; margin: 0 auto 10px; }
.promo-offer-overview .cta .button { width: 120px !important; }
.packages-overview .cta a { display: block; margin-bottom: 10px; }
.packages-overview table { border-bottom: 0; }
.packages-overview table th, .packages-overview table td { vertical-align: top; padding: 10px 20px !important; text-align: center; border-left: 10px solid #fff; background: #fff; }
.packages-overview .highlights td { background: none; }
.packages-overview td.highlight { text-transform: uppercase; color: #fff; background: #e20074; }
.packages-overview table li { list-style: none; }
.section-gray .packages-overview table th, .section-gray .packages-overview table td { border-left: 10px solid #f2f2f2; }
.section-gray-dark .packages-overview table th, .section-gray-dark .packages-overview table td { border-left: 10px solid #e5e5e5; }
.packages-overview table th, .packages-overview table td { border-top: 0 !important; border-bottom: 0 !important; }
.hero { position: relative; }
.hero img { float: left; }
.hero .box-purple { clear: both; width: 100%; }
.hero .eye-catcher { }
.box-purple { padding: 20px; color: #fff; background: #e20074; }
.box-purple h1 { font-size: 32px; line-height: 40px; font-size: 2rem; line-height: 2.5rem; margin: 0; }
.box-purple p { font-size: 18px; }
.box-purple h1, .box-purple p, .box-purple div { position: relative; z-index: 100; }
.eye-catcher { display: block; font: 18px/20px 'Headline', Arial, sans-serif; text-transform: uppercase; width: 100%; padding: 10px 15px; }
.eye-catcher strong { font-family: Tele-groteskFet; }
.eye-catcher-yellow { color: #000; background: rgb(253,209,103); }
.eye-catcher-orange { color: #000; background: rgb(237,169,90); }
.eye-catcher-violet { color: #fff; background: rgb(159,76,151); }
.eye-catcher-lightblue { color: #000; background: rgb(100,185,228); }
.eye-catcher-darkblue { color: #fff; background: rgb(66,123,171); }
.eye-catcher-petroleum { color: #fff; background: rgb(64,143,154); }
.eye-catcher-green { color: #fff; background: rgb(186,189,90); }
.eye-catcher.white { color: #fff; }
.box-max-package .eye-catcher { padding: 10px 20px; margin-bottom: 20px; }
.box-product-basic { max-width: 100%; }
.box-product-basic .product-image img { max-width: 100%; }
.box-product-basic .product-desc { }
.product-horizontal { clear: both; margin-bottom: 2.5rem; background: #fff; position: relative; }
.product-horizontal:after { content: ''; display: table; clear: both; }
.promo-offer-stacked .product-horizontal { margin: 40px 0; margin: 2.5rem 0; }
.promo-offer-stacked .product-horizontal:first-child { margin-top: 0; }
.section-gray .promo-offer-stacked .product-horizontal { }
.product-horizontal .product-image, .product-horizontal .product-description { padding: 30px; padding: 1.875rem; }
//.product-description h2 { text-transform: none; }
.product-horizontal .product-image a { display: block; margin: 0 auto; text-align: center; }
.product-description .price-regular { clear: both; }
.product-description .actions { margin-top: 1.5em; }
.availability-conditions { padding-top: .75em; }
.availability-conditions h3 { margin: 0; }
.availability-list li { list-style: none; margin-left: 1em; }
.availability-list li:before { content: '–'; float: left; margin-left: -1em; }
.availability-list a { text-decoration: underline; }
.availability-list a:hover, .availability-list a:focus { text-decoration: none; }
.promo-offer-overview table { border-top: 5px solid #e20074; }
.promo-offer-overview table tr:first-child td { padding-top: 40px; }
.promo-offer-overview table tr:last-child td { padding-bottom: 30px; }
.promo-offer-overview h3.product-name { text-transform: none; font-size: 24px; line-height: 30px; }
.packages-overview table th:first-child, .packages-overview table td:first-child { border-left: 0; }
.packages-overview .product-names th { padding-top: 20px !important; }
.packages-overview table th { border-bottom: 1px solid #e5e5e5; }
.packages-overview h2 strong { display: block; font-size: 32px; line-height: 40px; }
.offer-conditions { font-size: 14px; margin: 0; }
.availability td { border-top: 1px solid #e5e5e5; }
.availability-cta td { border-top: 5px solid #e20074; padding: 20px 0 60px !important; }
.availability-cta td:before { display: block; position: relative; top: -20px; margin: 0 auto; content: ' '; width: 0; height: 0; border: 20px solid #e20074; border-color: #e20074 transparent transparent transparent; }
tr.question td { border-top: 10px solid #e5e5e5; border-bottom: 10px solid #e5e5e5; padding-top: 20px !important; }
.input-phone { background-image: url(i/icons/phone.png); background-repeat: no-repeat; background-position: 8px 50%; background-size: 15px 20px; padding-left: 30px; }
#modal-placeholder { position: fixed; top: 0; left: 0; width: 100%; height: auto; min-height: 100%; background: #fff; z-index: 9999; }
.body-modal #modal-placeholder { position: static; min-height: 0; }
#modal-placeholder .close-link { float: right; width: 60px; height: 60px; background: url(i/icons/close-aaa.png) no-repeat 50% 50%; background-size: 25px 25px; text-indent: -9999px; overflow: hidden; }
#modal-placeholder .close-link:hover, #modal-placeholder .close-link:focus { background-image: url(i/icons/close-magenta.png); }
#modal-content { padding: 40px 0; margin: 0 auto; }
.detect-customer-type-modal .customer-type { padding: 15px 0; }
.calendar-header { position: relative; padding: 10px 0; margin-bottom: 10px; text-align: center; border-top: 1px solid #6c6c6c; border-bottom: 1px solid #ededed; }
.calendar-header h2 { text-transform: uppercase; margin: 0; }
.calendar-header p { margin-bottom: 0; }
.calendar-header .prev-next-nav a { display: block; width: 100%; height: 100%; line-height: 60px; padding: 5px; }
.calendar-header .prev { position: absolute; width: 80px; left: 0; top: 0; bottom: 0; }
.calendar-header .next { position: absolute; width: 80px; right: 0; top: 0; bottom: 0; }
.calendar a { display: block; }
.calendar table th, .calendar table td { padding: 10px 5px; }
.calendar table .monthday { padding: 0; }
.calendar table .monthday a, .calendar table .monthday span { display: block; padding: 10px 0; }
.calendar table .monthday span { color: #d0d0d0; }
.calendar-month td { text-align: center; width: 14.2857%; }
.calendar-month th, .calendar-month td { border-bottom: 1px solid #fff; }
.calendar-month .today a { background: #ededed; }
.calendar-month .active a { color: #fff; background: #e20074; }
.calendar-month td a:hover { color: #fff; background: #6c6c6c; }
.calendar-day th, .calendar-day td { border-bottom: 1px solid #ededed; }
.calendar-day th { width: 50px; }
.calendar-day td { padding-right: 50px; background: url(i/icons/locks.png) no-repeat 200% 0; background-size: 9px 104px; }
.calendar-day .available td { }
.calendar-day .available td a { font-family: Tele-groteskFet; text-transform: uppercase; color: #000; }
.calendar-day .available:hover td { }
.calendar-day .available td a:hover { color: #e20074 !important; }
.calendar-day .taken th { color: #d0d0d0; }
.calendar-day .taken td { color: #d0d0d0; background-position: 95% -31px; }
.calendar-day .selected td { color: #000; background-position: 95% 14px; }
.tabs ul { width: 100%; border-bottom: 1px solid #d0d0d0; }
.tabs ul:after { content: ''; display: table; clear: both; }
.tabs li.current { font-family: Tele-groteskFet; }
.tabs li { float: left; }
.tabs li a { display: block; padding: .5em 1em; }
.tabs-horizontal ul { display: table; border: 0; margin: 0; }
.tabs-horizontal ul li { display: table-cell; float: none; text-align: center; vertical-align: center; height: 100%; padding-left: 2px; }
.tabs-horizontal ul li a { display: block; color: #000; background: #d0d0d0; border: 1px solid #d0d0d0; font-size: 14px; text-transform: uppercase; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.tabs-horizontal-2 li { width: 50%; }
.tabs-horizontal-3 li { width: 33.33333333%; }
.tabs-horizontal-4 li { width: 25%; }
.tabs-horizontal-5 li { width: 20%; }
.tabs-horizontal-6 li { width: 16.666666667%; }
.tabs-horizontal-7 li { width: 14.285714286%; }
.tabs-horizontal-8 li { width: 12.5%; }
.tabs-horizontal li.current a { border: 1px solid #d0d0d0; border-bottom-color: #fff; background: #fff; }
.tabs-vertical ul { max-width: 320px; border-right: 1px solid #d0d0d0; }
.tabs-vertical li { float: none; }
.tabs-vertical li a { border-top: 1px solid #d0d0d0; }
.shortcut-nav li a { border-bottom: 1px solid #427bab; }
.shortcut-nav li a:hover { border-bottom-color: #fff; }
.wizard-steps { margin-bottom: 10px; }
.wizard-steps ol { display: table; width: 100%; }
.wizard-steps ol:after { content: ''; display: table; clear: both; }
.wizard-steps li { display: table-cell; text-align: center; color: #7c7c7c; }
.wizard-steps li a, .wizard-steps li span { display: block; padding: 10px 20px; font-size: 14px; text-transform: uppercase; background: url(i/icons/wizard-todo.png) no-repeat 0 50%; }
.wizard-steps li.done { border-bottom-color: #e20074; }
.wizard-steps li.done a { color: #e20074; background: url(i/icons/wizard-done.png) no-repeat 0 50%; }
.wizard-steps li.current { border-bottom-color: #e20074; }
.wizard-steps li.current span { font-family: Tele-groteskFet; color: #e20074; background: url(i/icons/wizard-current.png) no-repeat 0 50%; }
.wizard-steps li a, .wizard-steps li span { margin-bottom: -13px; padding-bottom: 42px; background-position: 50% 100% !important; }

@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	.wizard-steps li a, .wizard-steps li span { background-image: url(i/icons/wizard-todo-@2x.png); background-size: 500px 22px !important; }
	.wizard-steps li.done a { background-image: url(i/icons/wizard-done-@2x.png); }
	.wizard-steps li.current span { background-image: url(i/icons/wizard-current-@2x.png); }
}

@media (max-width:767px) {
	#wizard-steps li { display: block; width: 100%; }
}

#why-ht-header p br { display: none; }
.one-pager-nav a { color: #e20074; }
.one-pager-nav a:hover { color: #b5015c; }
.one-pager-nav li { margin: 0; padding: .375em; border-bottom: 1px solid #eee; }

@media (max-width:959px) {
	.one-pager-nav li { float: none !important; width: 100% !important; text-align: left !important; }
	.section-scream .grid { padding: 40px 0 20px; }
	.section-scream .xxxl { font-size: 48px !important; line-height: 50px !important; }
	.section-scream .box-item p a { padding-bottom: 0; }
	#ustedite-uz-max-pakete .box-item { float: none !important; width: 100% !important; margin-left: 0 !important; }
}

#h1-why-ht-hop { }

@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	#section-internet-features-overview .box-item-icon { background-image: url(i/icons/internet-features-@2x.png); }
	#quick-actions-existing-customers .box-item-icon { background-image: url(i/icons/internet-actions-existing-customers-@2x.png); }
	#internet-service-types .box-item-icon { background-image: url(i/icons/internet-service-types-@2x.png); }
	#internet-security-features .box-item-icon { background-image: url(i/icons/internet-security-@2x.png); }
	#home-wifi-devices .box-item-icon { background-image: url(i/icons/home-network-@2x.png); }
	.boxes-max-paketi .box-item-icon { background-image: url(i/icons/max-paketi-magenta-@2x.png); }
	.section-magenta .boxes-max-paketi .box-item-icon { background-image: url(i/icons/max-paketi-white-@2x.png); }
	.boxes-telefon .box-item-icon { background-image: url(i/icons/fixed-line-magenta-@2x.png); }
	.section-magenta .boxes-telefon .box-item-icon { background-image: url(i/icons/fixed-line-white-@2x.png); }
	.box-trust-comforting .box-item-icon { background-image: url(i/icons/trust-comforting-magenta-@2x.png); }
	.section-magenta .box-trust-comforting .box-item-icon { background-image: url(i/icons/trust-comforting-white-@2x.png); }
	.boxes-maxtv-types .box-item-icon { background-image: url(i/icons/maxtv-types-magenta-@2x.png); }
	.section-magenta .boxes-maxtv-types .box-item-icon { background-image: url(i/icons/maxtv-types-white-@2x.png); }
	.icon-amex, .icon-mastercard-maestro-visa, .icon-cash, .icon-diners { background-size: auto 35px !important; }
	.icon-amex { background-image: url(i/icons/amex-@2x.png) !important; }
	.icon-mastercard-maestro-visa { background-image: url(i/icons/mastercard-maestro-visa-@2x.png) !important; }
	.icon-cash { background-image: url(i/icons/cash-@2x.png) !important; }
	.icon-diners { background-image: url(i/icons/diners-@2x.png) !important; }
	.prev-next-nav a { background-image: url(i/icons/arrows-large-@2x.png); }
	.input-phone { background-image: url(i/icons/phone-@2x.png); }
	.small-note-error:before { background-image: url(i/icons/exclamation-@2x.png); }
	.small-note-confirmation:before { background-image: url(i/icons/checkmark-small-@2x.png); }
	.calendar-day td { background-image: url(i/icons/locks-@2x.png); }
	#modal-placeholder .close-link { background-image: url(i/icons/close-aaa-@2x.png); }
	#modal-placeholder .close-link:hover, #modal-placeholder .close-link:focus { background-image: url(i/icons/close-magenta-@2x.png); }
	#layout-empty-cart h1 { background-image: url(i/icons/cart-empty-@2x.png); }
	#section-customer-support .grid { background-image: url(/webresources/img/customer-support/customer-support-@2x.jpg); }
	#section-self-care .grid { background-image: url(/webresources/img/self-care/moj-telekom-devices-mini-@2x.png); }
	#max-paketi-promo-image img { width: 200px; height: 60px; }
	.box-trust-comforting-tiny a, .box-trust-comforting-tiny span { background-image: url(i/icons/sprite-webshop-features-tiny-magenta-@2x.png) !important; background-size: 100px 500px; }
}

#dev-links { display: none; }
.product-horizontal { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
#promo-offer-current-cropped .product-horizontal { overflow: hidden; }
#promo-offer-current-no-margin .product-horizontal { z-index: +1; position: relative; margin: 0 auto 2px; }
#promo-offer-current-no-margin .product-image { height: 100%; position: relative; z-index: 1000; }
#promo-offer-current-no-margin .product-image { z-index: 1001; }
#promo-offer-current-plain-no-margin .product-horizontal { margin: 0 auto 2px; }
#promo-offer-current-dark .product-horizontal img, #promo-offer-current-plain .product-horizontal img, #promo-offer-current-plain-no-margin .product-horizontal img { position: static; left: auto; right: auto; top: auto; bottom: auto; max-width: 100% !important; max-height: 100% !important; }
.section-magenta .product-horizontal, .section-magenta .product-horizontal a { color: #333; }
.section-magenta .product-horizontal .button { border: 1px solid #ccc; }
.section-magenta .product-horizontal .button-primary { color: #fff; }
#promo-offer-v4 .product-horizontal { border: 1px solid #d0d0d0; }
#promo-offer-v5 .product-horizontal { color: #fff; background: #000; background-image: -webkit-linear-gradient(#000, #444); background-image: -moz-linear-gradient(#000, #444); background-image: -o-linear-gradient(#000, #444); background-image: -ms-linear-gradient(#000, #444); background-image: linear-gradient(#000, #444); }
#promo-offer-v5 .product-horizontal a:not(.button), #promo-offer-v5 .product-horizontal .price-term { color: #fff; }
#promo-offer-v5 .product-horizontal .product-image { }
#promo-offer-v6 .product-horizontal { background: #d0d0d0; overflow: hidden; }
.section-header-verzije { margin-bottom: 40px; opacity: 1; }
.section-header-verzije h2 { color: #aaa; }
#checkout-steps-v0 .wizard-steps { }
#checkout-steps-v0 .wizard-steps .grid { }
#checkout-steps-v0 .wizard-steps .grid ol { }
#checkout-steps-v0 .wizard-steps .grid ol li.done { }
#checkout-steps-v0 .wizard-steps .grid ol li.done a { }
#checkout-steps-v0 .wizard-steps .grid ol li.current { }
#checkout-steps-v0 .wizard-steps .grid ol li.current span { }
#checkout-steps-v0 .wizard-steps .grid ol li { }
#checkout-steps-v0 .wizard-steps .grid ol li span { }
#checkout-steps-v1 .wizard-steps { }
#checkout-steps-v1 .wizard-steps .grid { }
#checkout-steps-v1 .wizard-steps .grid ol { }
#checkout-steps-v1 .wizard-steps .grid ol li.done { }
#checkout-steps-v1 .wizard-steps .grid ol li.done a { }
#checkout-steps-v1 .wizard-steps .grid ol li.current { }
#checkout-steps-v1 .wizard-steps .grid ol li.current span { }
#checkout-steps-v1 .wizard-steps .grid ol li { }
#checkout-steps-v1 .wizard-steps .grid ol li span { }
#checkout-steps-v2 .wizard-steps { }
#checkout-steps-v2 .wizard-steps .grid { }
#checkout-steps-v2 .wizard-steps .grid ol { }
#checkout-steps-v2 .wizard-steps .grid ol li.done { }
#checkout-steps-v2 .wizard-steps .grid ol li.done a { }
#checkout-steps-v2 .wizard-steps .grid ol li.current { }
#checkout-steps-v2 .wizard-steps .grid ol li.current span { }
#checkout-steps-v2 .wizard-steps .grid ol li { }
#checkout-steps-v2 .wizard-steps .grid ol li span { }
#checkout-steps-v3 .wizard-steps { }
#checkout-steps-v3 .wizard-steps .grid { }
#checkout-steps-v3 .wizard-steps .grid ol { }
#checkout-steps-v3 .wizard-steps .grid ol li.done { }
#checkout-steps-v3 .wizard-steps .grid ol li.done a { }
#checkout-steps-v3 .wizard-steps .grid ol li.current { }
#checkout-steps-v3 .wizard-steps .grid ol li.current span { }
#checkout-steps-v3 .wizard-steps .grid ol li { }
#checkout-steps-v3 .wizard-steps .grid ol li span { }
#checkout-steps-v4 .wizard-steps { }
#checkout-steps-v4 .wizard-steps .grid { }
#checkout-steps-v4 .wizard-steps .grid ol { }
#checkout-steps-v4 .wizard-steps .grid ol li.done { }
#checkout-steps-v4 .wizard-steps .grid ol li.done a { }
#checkout-steps-v4 .wizard-steps .grid ol li.current { }
#checkout-steps-v4 .wizard-steps .grid ol li.current span { }
#checkout-steps-v4 .wizard-steps .grid ol li { }
#checkout-steps-v4 .wizard-steps .grid ol li span { }
#maxadsl-packages-v1 .packages-overview table th, #maxadsl-packages-v1 .packages-overview table td { border-left-width: 1px !important; }
#maxadsl-packages-traka-v1 .question { border: 1px solid #f2f2f2; border-width: 10px 0; }
#maxadsl-packages-traka-v1 .key-information li { border-width: 1px !important; margin-bottom: 10px !important; }
#maxadsl-packages-traka-v1 .data-transfers td, #maxadsl-packages-traka-v1 .cta { padding-top: 20px !important; }
#maxadsl-packages-traka-v2 .packages-overview table th, #maxadsl-packages-traka-v2 .packages-overview table td { border-left-width: 1px !important; }
#maxadsl-packages-traka-v2 .question { border: 1px solid #f2f2f2; border-width: 1px 0; }
#maxadsl-packages-traka-v2 .key-information li { border-width: 1px !important; margin-bottom: 10px !important; }
#maxadsl-packages-traka-v2 .data-transfers td, #maxadsl-packages-traka-v2 .cta { padding-top: 20px !important; }
#maxadsl-packages-divs-v1 .box-service-overview { background: #fff; }
#maxadsl-packages-divs-v1 .box-service-overview .key-information li { }
.promo-offer-v2 table { border-right: 1px solid #d0d0d0 !important; border-bottom: 1px solid #d0d0d0 !important; }
.promo-offer-v2 table th, .promo-offer-v2 table td { border-left: 1px solid #d0d0d0 !important; }
.promo-offer-v3 table { border-top: 0; border-right: 1px dashed #a4a4a4 !important; }
.promo-offer-v3 table th, .promo-offer-v3 table td { border-left: 1px dashed #a4a4a4 !important; }

@media only screen and (max-width:599px) {
	.section, .page-header { padding: 0; }
	.page-header .grid, .section .grid, .page-header + .section .grid, #quick-actions-existing-customers .grid { padding: 20px; }
	img, .figure-tv img { max-width: 100% !important; }
	.button { width: auto; max-width: 350px; }
	.buttons-next .button { margin-left: 0; }
	.buttons-prev .button, .buttons-next .button { width: 100%; }
	.button-mega + .button-mega { margin-left: 0; }
	.learn-more-box-bottom .button { width: 100%; }
	.field-flex .button { width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
	.longdesc { display: none !important; }
	br { display: none; }
	.table-wrapper table .number { white-space: normal; }
	.xxs { font-size: 10px !important; line-height: 15px !important; }
	.xs { font-size: 12px !important; line-height: 20px !important; }
	h4, h3, .s, .m { font-size: 16px !important; line-height: 20px !important; }
	h2, .l { font-size: 18px !important; line-height: 20px !important; }
	h1, .xl { font-size: 24px !important; line-height: 30px !important; }
	.xxl, .xxxl, .xxxxl { font-size: 32px !important; line-height: 36px !important; }
	.price .xxl { font-size: 2.8125em !important; line-height: 1.111em !important; }
	.drop-cap { font-size: 2.833em !important; line-height: .911666em !important; }
	.text-right { text-align: left; }
	.box-item-icon.text-right { background-position: 0 0; }
	.page-header { text-align: left; padding-top: 0 !important; }
	.page-header-cta { padding-top: 10px; }
	.page-header-cta .button { display: block; }
	.page-header-cta .button + .button { margin-top: 10px; }
	.section-header { padding: 0; margin-bottom: 10px !important; text-align: left; }
	.section-story .section-header + ol, .section-story .section-header + .list-features { margin-top: 0; }
	.box-item { border-right: 0 !important; }
	.box-item-icon { margin-bottom: 40px !important; }
	.float-left, .float-right { float: none; }
	.pipe { display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; }
	.pipe + a { display: block; padding-top: 10px; padding-bottom: 10px; clear: both; }
	.section-content { width: 100% !important; }
	.packages-overview-2-items table { width: 150%; }
	.packages-overview-3-items table { width: 250%; }
	.packages-overview-4-items table { width: 350%; }
	.packages-overview-5-items table { width: 450%; }
	.packages-overview-6-items table { width: 550%; }
	.packages-overview-7-items table { width: 650%; }
	.packages-overview-8-items table { width: 750%; }
	.packages-overview-9-items table { width: 850%; }
	.layout-focus { background: #fff; }
	.form-focus { max-width: 400px; }
	.field-error label:before { margin: 0 5px 0 0; }
	.wizard-steps { counter-reset: item; margin: 0; }
	.wizard-steps ol { margin: 0; }
	.wizard-steps li { counter-increment: item; text-align: left; position: absolute; left: -9999px; }
	.wizard-steps li.current { position: static; left: 0; }
	.wizard-steps li a, .wizard-steps li span { display: block; margin: 0; padding: 0 20px; background: none !important; }
	.wizard-steps li a:before, .wizard-steps li span:before { content: "Korak " counter(item) " od 5:"; color: #000; white-space: nowrap; }
	.cta-bar .box-item { padding: 20px 0 !important; }
	.cta-bar .button { margin-left: 0; margin-right: 0; }
	.offer-reminder li { padding-left: 1em; }
	.advanced-options { padding: 15px 0; margin-left: 0; margin-right: 0; background: none; }
	.advanced-options li { padding-right: 0; }
	.table-comparison thead th { height: 180px; vertical-align: middle; }
	.table-comparison thead th span { display: block; width: 150px; text-align: left; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
	#layout-empty-cart h1 { margin: 0; padding: 0; background-position: 0 0; padding-top: 170px; }
	.key-information li { display: block; width: 100%; margin: 0 0 10px; }
	.key-information li strong { font-family: Tele-groteskFet; }
	.key-information li { border-left: 1px solid #e20074; }
	.key-information .small-note { padding-bottom: 10px; }
	.list-features li, .list-features-tabular li { font-size: 16px !important; line-height: 20px !important; }
	.list-features li { margin-bottom: 10px !important; }
	#max-paketi-promo-image { text-align: left; }
	.section-story p, .section-story li { font-size: 16px !important; line-height: 20px !important; }
	.footer_menu > li { width: 50%; padding-right: 20px; padding-bottom: 20px; }
	.footer_menu > li:nth-child(odd) { clear: both; }
	.message { padding: 20px 20px 10px; }
	.message p { font-size: 16px; line-height: 20px; }
	.hero { }
	.hero img { }
	.hero .box-purple { }
	.hero .box-purple:before, .hero .box-purple:after { }
	.hero .eye-catcher { }
	.product-horizontal { border: 1px solid #d0d0d0; margin: 10px 0 !important; }
	.product-horizontal .product-image, .product-horizontal .product-description { max-width: 350px; padding: 20px 10px 0; margin: 0 auto; }
	.product-horizontal .product-image img { max-width: 200px !important; margin: 0 auto; }
	.product-horizontal .actions .button { width: 100%; }
	.product-horizontal .actions .button + .button { margin-top: 10px; }
	.actions a { display: block; }
	.actions a + a { margin-top: 10px; }
	.field-select-products .box-product-basic .product-image img { /*width: 100%;*/ max-width: 300px !important; margin-bottom: 10px; }
	#max-paketi-promo .grid { padding-top: 40px; }
	#max-paketi-promo .grid:before { left: 40px; }
	#section-self-care .button { width: 100% !important; }
	#section-self-care .list-actions li { text-align: center; }
	.table-rwd tr th, .table-rwd tr td, .table-rwd tr { display: block; width: 100%; }
	.table-rwd thead tr { position: absolute; top: -9999px; left: -9999px; }
	.table-rwd table { border-top: 0 !important; }
	.table-rwd tr { border-top: 1px solid #000; overflow: auto; }
	.table-rwd tr th:first-child, .table-rwd tr td:first-child { border-top: 0; }
	.table-rwd tfoot tr { border-top-color: #e20074; overflow: auto; }
	.table-rwd tr.subrow { border: 0; }
	.table-rwd tr.subrow th:first-child, .table-rwd tr.subrow td:first-child { border-top: 1px solid #d0d0d0; }
	.table-rwd td { border: none; }
	.table-final-price tbody th, .table-final-price tbody td { padding-left: 2px; padding-right: 2px; }
	.table-final-price tbody th { text-transform: uppercase; }
	.table-order-specification .instalments, .table-final-price .instalments { text-align: left !important; }
	.table-order-specification .instalments, .table-final-price .instalments, .table-order-specification .number, .table-final-price .number { float: left; width: 50%; }
	.table-final-price .number[colspan] { float: none; width: 100%; }
	.table-order-specification .title-row { padding: 0; }
	.box-service-overview .eye-catcher { width: 100%; max-width: 1000px !important; position: static !important; top: auto !important; right: auto !important; }
	.table-rwd-pairs th, .table-rwd-pairs td { float: left; display: inline; width: 50%; }
	.table-rwd-pairs th { padding-left: 0 !important; }
	.table-rwd-pairs th:last-child, .table-rwd-pairs td { padding-right: 0 !important; }
	.section-scream .drop-cap { display: block; }
	.section-scream .box-item { clear: both; margin-top: 20px; }
	#najbolji-maxtv-sadrzaj h1 br { display: block !important; }
	#why-ht-header h1 br { display: block !important; }

	@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	}

	@media (min-width:500px) and (max-width:599px) {
		.box-item { float: left; width: 47.5% !important; margin-left: 5%; }
		.box-item:first-child, .box-item:nth-child(2n+3) { border-left: 0; clear: both; margin-left: 0; }
	}
}

@media only screen and (min-width:600px) {
	.shortdesc { display: none; }
	.section { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
	.page-header:after { content: ''; display: table; clear: both; }
	.page-header-desc { float: left; width: 55%; }
	.page-header-cta { float: right; padding-top: 10px; text-align: right; }
	.page-header-cta .button { float: left; margin: 0 0 10px 5px; }
	.service-promo { float: left; width: 45%; padding-bottom: 20px; }
	.service-infographic { float: right; width: 45%; padding-bottom: 20px; }
	.cta-service-upgrade { clear: both; text-align: center; }
	.list-thumbnail-abstract li:after { content: ''; display: table; clear: both; }
	.list-thumbnail-abstract li img { float: left; width: 100%; max-width: 200px; margin: 0 10px .2em 0; }
	.list-thumbnail-abstract li .tarif-option-desc { float: left; }
	.list-thumbnail-abstract li .price { }
	.list-thumbnail-abstract li .actions { float: right; }
	.list-device-box, .box-item { float: left; width: 30%; margin-left: 5%; margin-bottom: 5%; }
	.box-group-50 .box-item, .box-group-25 .box-item, .box-group-20 .box-item { width: 47.5%; }
	.box-group-33 .box-item { width: 30%; }
	.box-group .box-item:first-child, .box-group-20 .box-item:nth-child(2n+3), .box-group-25 .box-item:nth-child(2n+3), .box-group-33 .box-item:nth-child(3n+4), .box-group-50 .box-item:nth-child(2n+3) { border-left: 0; clear: both; margin-left: 0; }
	.box-item-icon { margin-bottom: 20px !important; }
	.icon-empty { background: none !important; }
	/*.box-group-banners .box-banner { width: 50%; }*/
	.box-group-banners .box-banner a { border-top: 2px solid #fff; }
	.box-group-banners .box-banner-1, .box-group-banners .box-banner-3 { clear: left; }
	.box-group-banners .box-banner-2 a, .box-group-banners .box-banner-4 a { border-left: 2px solid #fff; }
	.box-item img { width: 100%; }
	.box-group + .box-group { margin-top: 40px; }
	.box-item-device-simple, .multiservice-package, .box-group-services { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
	.box-item-device-simple a.link-tile, .multiservice-package-subservice, .box-service-overview { -webkit-flex: 1; flex: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
	.multiservice-package-subservice .list-features { margin-bottom: auto; }
	.box-item-device-simple a.link-tile .prices { margin-top: auto; }
	.box-item-device-simple a.link-tile .device-image:after { display: block; content: ' '; width: 33%; height: 5px; margin: 30px auto 0; background: #000; opacity: .1; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
	.box-item-device-simple a.link-tile:hover .device-image:after { opacity: .025; width: 50%; height: 10px; margin-top: 25px !important; }
	.link-tile h1 { margin-bottom: 0; }
	.list-features-split { padding-left: 0 !important; }
	.list-features-split li:before { content: none; }
	.list-features-split li.odd { float: left; width: 45%; clear: both; }
	.list-features-split li.even { float: right; text-align: right; width: 45%; }
	.list-features-columns, .list-actions-columns { padding-left: 0 !important; -moz-column-count: 3; -moz-column-gap: 30px; -webkit-column-count: 3; -webkit-column-gap: 30px; column-count: 3; column-gap: 30px; }
	.list-features-columns li:before { content: none; }
	.cta-option-01 { width: 33.33333333% !important; }
	.cta-option-02 { width: 66.66666666% !important; }
	.layout-focus .page-header .grid { padding-top: 40px; padding-bottom: 20px; }
	.layout-focus .section .grid { min-width: 560px; max-width: 60%; margin: 0 auto; padding: 40px 0 60px !important; }
	.fields-pair { display: flex; width: 100%; flex-flow: row; align-items: stretch; }
	.field-inline { float: left; width: 50%; padding-right: 20px; }
	.box-product-basic { max-width: 100%; }
	.box-product-basic:after { content: ''; display: table; clear: both; }
	.box-product-basic .product-image { float: left; width: 33.33333333%; padding: 0 20px; }
	.box-product-basic .product-image img { width: 100%; max-width: 100%; }
	.box-product-basic .product-desc { float: left; width: 66.66666666%; }
	.product-horizontal .product-image { float: left; width: 35%; }
	.product-horizontal-alt .product-image { float: right; }
	.product-horizontal .product-image img { max-width: 100%; }
	.product-horizontal .product-description { float: left; width: 65%; }
	.product-horizontal .actions .button + .button { margin-top: .625rem; }
	.title-row h2, .preview-panel-header h2 { float: left; }
	.title-row .edit-link, .preview-panel-header .edit-link { float: right; }
	.form-focus { max-width: 600px; }
	.form-focus fieldset { max-width: 1000px; padding: 0 140px; padding: 0 8.75rem; }
	.buttons-prev { float: left; }
	.buttons-next { float: right; }
	.field { position: relative; }
	.footer_menu > li { width: 33.33333333%; padding-bottom: 20px; }
	.footer_menu > li:nth-child(4) { clear: both; }
	.box-trust-comforting-tiny ul { display: inline-block; width: auto; margin: 10px auto; text-align: center; }
	.box-trust-comforting-tiny li { display: inline-block; width: auto; margin: 0; }
	.box-trust-comforting-tiny a, .box-trust-comforting-tiny span { padding-left: 30px; }

	@media only screen and (min-width:600px) and (max-width:959px) {
		.table-comparison thead th { height: 180px; vertical-align: middle; }
		.table-comparison thead th span { display: block; width: 150px; text-align: left; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
		#section-self-care .grid { padding-bottom: 2.5rem; background-position: 100% 100%; }
		#section-customer-support .grid { padding-bottom: 2.5rem; background-position: 120% 100%; }
		#section-self-care .section-content ul { padding-right: 300px; }
		#section-customer-support .section-content ul { padding-right: 400px; }
	}
}

@media only screen and (min-width:960px) {
	.section { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
	.carousel-item { position: relative; background: green; }
	.carousel-item:after { content: ''; display: table; clear: both; }
	.carousel-tabs ul { border: 1px solid #d0d0d0; border-top: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
	.carousel-tabs ul:after { content: ''; display: table; clear: both; }
	.carousel-tabs li { list-style: none; float: left; border-left: 1px solid #d0d0d0; }
	.carousel-tabs li:first-child { border: 0; }
	.carousel-3-tabs li { width: 33.33333333%; }
	.carousel-4-tabs li { width: 25%; }
	.carousel-tabs li a { display: block; padding: 20px; font-family: Tele-groteskHal; font-size: 14px; }
	.carousel-tabs li a img { float: none; display: block; margin-bottom: 10px; }
	.section-left-right .figure { width: 47.5%; background: none; }
	.section-left-right .section-content { width: 47.5%; }
	.section-left-right .list-features { margin-left: 1.5em; }
	.section-33-66 .figure { width: 30%; background: none; }
	.section-33-66 .section-content { width: 60%; }
	.layout-focus .section-header h2 { float: left; }
	.section-header .edit-link { float: right; text-transform: none; padding-top: 5px; }
	.section-service-overview .section-header { float: left; width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #d0d0d0; border-bottom: 1px solid rgba(0,0,0,.1); }
	.section-service-overview.section-magenta .section-header { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,.75); }
	.section-service-overview .box-item { margin-bottom: 0; }
	.section-header-desc { float: left; width: 65.66666666%; }
	.section-header-actions { float: right; width: 31.33333333%; margin-left: 3%; padding-top: 20px; text-align: right; }
	#overview-customer-support .section-header { border-bottom: 0; }
	.box-group + h1, #homepage-newsletter-form { margin-top: 60px; }
	#homepage-newsletter-form { padding-left: 34.33333333%; background: url(i/illustrations/newsletter-discounts.png) no-repeat 170px 14px; }
	.section .sub-section { border-top: 1px solid #d0d0d0; padding-top: 40px; }
	#why-ht-mega-link a.area-link { display: block; padding: 40px 0; color: #fff; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
	#why-ht-mega-link a.area-link p { display: inline-block; border-bottom: 1px solid #fff; }
	#why-ht-mega-link a.area-link:hover { background: #b5015c; }
	#why-ht-mega-link a.area-link:hover p { border-bottom-color: #b5015c; }
	#why-ht-mega-link .circle { width: 200px; height: 200px; line-height: 200px !important; margin-bottom: 40px; color: #e20074; background: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
	#why-ht-mega-link a:hover .circle { color: #b5015c; }
	#why-ht-header p br { display: block; }
	#hop { padding-top: 0; }
	#hop .grid { padding-top: 20px; }
	#h1-why-ht-hop { width: 300px; margin: 0 auto; }
	#h1-why-ht-hop:after { content: ''; display: table; clear: both; }
	#h1-why-ht-hop .h, #h1-why-ht-hop .o, #h1-why-ht-hop .p { float: left; width: 33.33333333%; }
	#h1-why-ht-hop .h, #h1-why-ht-hop .p { margin-top: 78px; }
	#h1-why-ht-hop .h { text-align: right; }
	#h1-why-ht-hop .p { text-align: left; }
	#h1-why-ht-hop .o { height: 200px; width: 90px; background: url(i/illustrations/hop.png?v=12345) no-repeat 50% 100%; background-size: 70px 128px; text-indent: -9999px; overflow: hidden; }
	.section:hover #h1-why-ht-hop .o { -webkit-animation: jump_start .8s 1, jump .85s 3 .8s, jump_stop .85s 1 3.35s; -moz-animation: jump_start .8s 1, jump .85s 3 .8s, jump_stop .85s 1 3.35s; -o-animation: jump_start .8s 1, jump .85s 3 .8s, jump_stop .85s 1 3.35s; animation: jump_start .8s 1, jump .85s 3 .8s, jump_stop .85s 1 3.35s; }

	@-webkit-keyframes jump_start {
		0% { background-position: 50% 100%; background-size: 70px 128px; }
		100% { background-position: 50% 100%; background-size: 70px 80px; }
	}

	@keyframes jump_start {
		0% { background-position: 50% 100%; background-size: 70px 128px; }
		100% { background-position: 50% 100%; background-size: 70px 80px; }
	}

	@-webkit-keyframes jump {
		0% { background-position: 50% 100%; background-size: 70px 128px; }
		50% { background-position: 50% 2px; }
		55% { background-position: 50% 0; }
		80% { background-position: 50% 100%; background-size: 70px 110px; }
		100% { background-position: 50% 100%; background-size: 70px 90px; }
	}

	@keyframes jump {
		0% { background-position: 50% 100%; background-size: 70px 128px; }
		50% { background-position: 50% 2px; }
		55% { background-position: 50% 0; }
		80% { background-position: 50% 100%; background-size: 70px 110px; }
		100% { background-position: 50% 100%; background-size: 70px 90px; }
	}

	@-webkit-keyframes jump_stop {
		0% { background-size: 70px 128px; }
		20% { background-size: 70px 150px; }
		35% { background-size: 70px 128px; }
		50% { background-size: 70px 140px; }
		60% { background-size: 70px 128px; }
		70% { background-size: 70px 130px; }
		80% { background-size: 70px 128px; }
	}

	@keyframes jump_stop {
		0% { background-size: 70px 128px; }
		20% { background-size: 70px 150px; }
		35% { background-size: 70px 128px; }
		50% { background-size: 70px 140px; }
		60% { background-size: 70px 128px; }
		70% { background-size: 70px 130px; }
		80% { background-size: 70px 128px; }
	}

	.icon-sn-M a:hover, .icon-sn-L a:hover { margin-top: -20px; padding-bottom: 20px; }
	.col-50 { float: left; width: 50%; }
	.col-33 { float: left; width: 33.33333333%; }
	.col-40 { float: left; width: 40%; }
	.col-60 { float: left; width: 60%; }
	.col-66 { float: left; width: 66.66666666%; }
	.col-right { float: right; }
	.col-left { float: left; }
	#zasto-ht-header-05-b .col-left { margin-bottom: -30px !important; }
	#zasto-ht-header-05-b .col-right { padding-top: 90px; }
	#zasto-ht-header-05-c { position: relative; }
	#zasto-ht-header-05-c-content { position: absolute; top: 0; left: 0; width: 100%; padding-top: 80px !important; text-align: center; color: #fff; }
	#pokrivenost-signalom { position: relative; }
	#pokrivenost-signalom-content { position: absolute; top: 520px; left: 50%; width: 480px; margin: 0 0 150px; }
	.box-item-device-simple .device-image { padding: 20px 0; }
	.box-item-device-simple h1 { clear: both; }
	.box-item-device-simple .eye-catcher { top: -30px; }
	.box-item-device-simple a.link-tile { -webkit-transition: background .3s ease; -moz-transition: background .3s ease; -o-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; }
	.box-item-device-simple a.link-tile:hover { }
	.box-item-device-simple a.link-tile .device-image img { position: relative; top: 0; -webkit-transition: top .2s ease; -moz-transition: top .2s ease; -o-transition: top .2s ease; -ms-transition: top .2s ease; transition: top .2s ease; }
	.box-item-device-simple a.link-tile:hover .device-image img { top: -1em; }
	.box-item-device-simple-alt a.link-tile .device-image img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
	.box-item-device-simple-alt a.link-tile:hover .device-image img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
	.figure-left { background: none; max-width: 400px; float: left; margin: 0 40px 10px 0; }
	.figure-right { background: none; max-width: 400px; float: right; margin: 0 0 10px 40px; }
	.figure-tv { position: relative; width: 840px; height: 490px; padding: 25px 25px 94px; padding: 20px; margin: 0 auto 60px !important; background: #000; -webkit-box-shadow: 0 0 200px 0 rgba(0,255,255,.2); -moz-box-shadow: 0 0 200px 0 rgba(0,255,255,.2); -o-box-shadow: 0 0 200px 0 rgba(0,255,255,.2); box-shadow: 0 0 200px 0 rgba(0,255,255,.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
	.figure-tv:after { position: relative; content: ' '; display: block; width: 500px; height: 20px; margin: 0 auto; bottom: -30px; background: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
	.section-black .figure-tv { -webkit-box-shadow: 0 0 200px 10px rgba(255,255,255,.2); -moz-box-shadow: 0 0 200px 10px rgba(255,255,255,.2); -o-box-shadow: 0 0 200px 10px rgba(255,255,255,.2); box-shadow: 0 0 200px 10px rgba(255,255,255,.2); }
	.figure-tv img { position: static !important; width: 800px; height: 450px !important; }
	.footer_menu > li { width: 20%; clear: none !important; }
	.message { padding-left: 100px; padding-right: 100px; text-align: center; }
	.hero { position: relative; z-index: 1; }
	.hero:after { content: ''; display: table; clear: both; }
	.hero img { float: left; width: 100%; }
	.hero h1 { text-transform: uppercase; line-height: 30px; line-height: 1.875rem; margin-bottom: 10px; margin-bottom: .625rem; }
	.hero p { line-height: 20px; line-height: 1.25rem; margin: 0 0 20px; margin-bottom: 1.25rem; }
	.hero .buttons { margin-bottom: 0; border-top: 1px solid rgba(255,255,255,.5); }
	.hero .box-purple { position: absolute; width: 100%; max-width: 320px; }
	.hero .box-purple-bottom-left { bottom: 20px; left: 20px; }
	.hero .box-purple-bottom-right { bottom: 20px; right: 20px; }
	.hero .box-purple-top-left { top: 20px; left: 20px; }
	.hero .box-purple-top-right { top: 20px; right: 20px; }
	.box-purple:after { content: ''; position: absolute; z-index: 1; display: block; width: 110%; height: 105%; background: rgba(226,0,116,.5); }
	.box-purple:before { content: ''; position: absolute; z-index: 1; display: block; width: 95%; height: 110%; background: rgba(226,0,116,.5); }
	.box-purple-top-left:after { left: 0; top: 0; }
	.box-purple-top-left:before { left: 0; top: 0; }
	.box-purple-top-right:after { right: 0; top: 0; }
	.box-purple-top-right:before { right: 0; top: 0; }
	.box-purple-bottom-left:after { left: 0; bottom: 0; }
	.box-purple-bottom-left:before { left: 0; bottom: 0; }
	.box-purple-bottom-right:after { right: 0; bottom: 0; }
	.box-purple-bottom-right:before { right: 0; bottom: 0; }
	.box-purple:after { -webkit-animation: flow_box_purple_after 15s infinite; -moz-animation: flow_box_purple_after 15s infinite; -o-animation: flow_box_purple_after 15s infinite; animation: flow_box_purple_after 15s infinite; }
	.box-purple:before { -webkit-animation: flow_box_purple_before 20s infinite; -moz-animation: flow_box_purple_before 20s infinite; -o-animation: flow_box_purple_before 20s infinite; animation: flow_box_purple_before 20s infinite; }
	.box-purple.paused:after { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; }
	.box-purple.paused:before { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; }

	@-webkit-keyframes flow_box_purple_before {
		0%, 100% { width: 95%; height: 110%; }
		25% { width: 110%; height: 110%; }
		50% { width: 120%; height: 90%; }
		75% { width: 105%; height: 95%; }
	}

	@-moz-keyframes flow_box_purple_before {
		0%, 100% { width: 95%; height: 110%; }
		25% { width: 110%; height: 110%; }
		50% { width: 110%; height: 90%; }
		75% { width: 120%; height: 90%; }
	}

	@-o-keyframes flow_box_purple_before { 0%, 100%;

{ width: 95%; height: 110%; }
25% { width: 110%; height: 110%; }
50% { width: 110%; height: 90%; }
75% { width: 120%; height: 90%; }
}

@keyframes flow_box_purple_before {
	0%, 100% { width: 95%; height: 110%; }
	25% { width: 110%; height: 110%; }
	50% { width: 110%; height: 90%; }
	75% { width: 120%; height: 90%; }
}

@-webkit-keyframes flow_box_purple_after {
	0%, 100% { width: 110%; height: 105%; }
	25% { width: 115%; height: 110%; }
	50% { width: 125%; height: 89%; }
}

@-moz-keyframes flow_box_purple_after {
	0%, 100% { width: 110%; height: 105%; }
	25% { width: 115%; height: 110%; }
	50% { width: 125%; height: 89%; }
}

@-o-keyframes flow_box_purple_after { 0%, 100%;
{ width: 110%; height: 105%; }
25% { width: 115%; height: 110%; }
50% { width: 125%; height: 89%; }
}

@keyframes flow_box_purple_after {
	0%, 100% { width: 110%; height: 105%; }
	25% { width: 115%; height: 110%; }
	50% { width: 125%; height: 89%; }
}

.eye-catcher { width: 150px; position: absolute; top: 0; left: auto; bottom: auto; right: 0; text-align: left; -webkit-transform: rotate(-7.5deg); -moz-transform: rotate(-7.5deg); -ms-transform: rotate(-7.5deg); -o-transform: rotate(-7.5deg); }
.hero .eye-catcher, .hero .eye-catcher-top-right { top: 20px; right: 20px; left: auto; bottom: auto; }
.hero .eye-catcher-top-left { top: 20px; left: 20px; bottom: auto; right: auto; }
.hero .eye-catcher-bottom-right { top: auto; left: auto; bottom: 20px; right: 20px; }
.hero .eye-catcher-bottom-left { top: auto; right: auto; bottom: 20px; left: 20px; }
.box-max-package .price-saving { position: relative; }
.box-max-package .eye-catcher { top: -120px; right: -10px; padding: 10px 15px; }
.box-item { position: relative; float: left; width: 31.33333333%; margin-left: 3%; }
.box-group-50 .box-item { width: 46.5%; margin-left: 6% !important; }
.box-group-33 .box-item { width: 31.33333333%; }
.box-group-25 .box-item { width: 22.75%; }
.box-group-20 .box-item { width: 17.6%; }
.box-group .box-item:nth-child(n) { clear: none; margin-left: 3%; }
.box-group .box-item:first-child, .box-group-20 .box-item:nth-child(5n+6), .box-group-25 .box-item:nth-child(4n+5), .box-group-33 .box-item:nth-child(3n+4), .box-group-50 .box-item:nth-child(2n+3) { border-left: 0; clear: both; margin-left: 0 !important; }
.section-scream .box-item { margin-bottom: 40px; }
#home-wifi-devices .box-group { padding-left: 330px; background: url(i/illustrations/home-wifi-network.png) no-repeat 0 20px; }
#home-wifi-devices .box-item { padding-right: 2% !important; }
.box-group-banners .box-banner { width: 25%; clear: none; }
.box-group-banners .box-banner a { border-left: 2px solid #fff; }
.box-group-banners .box-banner-1 a { border-left: 0; }
#section-self-care .grid { padding-bottom: 40px; padding-bottom: 2.5rem; background: url(/webresources/img/self-care/moj-telekom-devices-280.png) no-repeat 40px 30px; }
#section-customer-support .grid { padding-bottom: 40px; padding-bottom: 2.5rem; background: url(/webresources/img/customer-support/customer-support.jpg) no-repeat 100% 100%; background-size: 500px 320px; }
#section-self-care .section-content { padding-left: 40%; }
#section-customer-support .section-content { padding-right: 40%; }

@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	#internet-homepage-header .illustration { background-image: url(i/illustrations/internet-globe-@2x.png); background-size: 155px 141px; }
	#kako-kupovati-online-header .illustration { background-image: url(i/illustrations/cart-@2x.png); background-size: 151px 139px; }
	#why-ht-header .illustration { background-image: url(i/illustrations/why-ht-@2x.png); background-size: 110px 141px; }
	#home-wifi-devices .box-group { background-image: url(i/illustrations/home-wifi-network-@2x.png); background-size: 280px 350px; }
	#podrska-chat .grid { background: url(i/illustrations/customer-support-280x320-white.png) no-repeat 10% 50%; background-size: 140px 160px; }
	#section-self-care .grid { background-image: url(/webresources/img/self-care/moj-telekom-devices-280-@2x.png); background-size: 280px auto; }
	#h1-why-ht-hop .o { background-image: url(i/illustrations/hop-@2x.png); }
}

#dev-links { display: block; width: 400px; position: fixed; bottom: 0; top: 0; left: -390px; background: #def7ff; border-right: 10px solid #8ce0fc; overflow: auto; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; z-index: 9999; }
#dev-links:hover { left: 0; }
#dev-links li { list-style: none; font-size: 12px; line-height: 20px; text-transform: uppercase; }
#dev-links li a { display: block; color: #000; padding: 5px 20px; }
#dev-links li a:hover { background: #fff; }
#dev-links li.current a { font-family: Tele-groteskFet; background: #8ce0fc; }
.section-scream { background-repeat: no-repeat; }
.page-header .illustration { position: relative; margin: 0 auto -140px; width: 220px; height: 220px; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; z-index: 20; }
#why-ht-header .illustration { position: relative; margin: 0 auto -130px; height: 180px; background-image: url(i/illustrations/why-ht.png); }
#kako-kupovati-online-header .illustration { position: relative; margin: 0 auto -140px; background-image: url(i/illustrations/cart.png); }
#internet-homepage-header .illustration { position: relative; margin: 0 auto -140px; background-image: url(i/illustrations/internet-globe.png); }
#kako-kupovati-online-header + .section .grid, #internet-homepage-header + .section .grid { padding-top: 120px; }
.link-back { margin-bottom: 20px; }
.collage-01 { position: relative; width: 100%; height: 0; padding-top: 75%; }
.collage-01 li { position: absolute; list-style: none; border-left: 5px solid #fff; border-right: 5px solid #fff; border-bottom: 10px solid #fff; background-color: #e5e5e5; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.collage-01 a { display: block; height: 100%; font-family: Tele-grotesk; }
.collage-01 a .banner-txt { opacity: 0; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; padding: 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.collage-01 a:hover { color: #000; background: none; }
.collage-01 a:hover .banner-txt { opacity: 1; color: #fff; background: #e20074; }
.collage-01 .collage-item-01 { top: 0; left: 0; height: 60%; width: 50%; }
.collage-01 .collage-item-02 { top: 60%; left: 0; height: 40%; width: 50%; }
.collage-01 .collage-item-03 { top: 0; left: 50%; height: 50%; width: 16.66666666%; }
.collage-01 .collage-item-04 { top: 50%; left: 50%; height: 50%; width: 16.66666666%; }
.collage-01 .collage-item-05 { top: 0; left: 66.66666666%; height: 60%; width: 33.33333333%; }
.collage-01 .collage-item-06 { top: 60%; left: 66.66666666%; height: 40%; width: 33.33333333%; }
.collage-02 { position: relative; width: 100%; height: 0; padding-top: 150%; }
.collage-02 li { position: absolute; list-style: none; border-left: 5px solid #fff; border-right: 5px solid #fff; border-bottom: 10px solid #fff; background-color: #e5e5e5; background-position: 0 50%; background-size: 100% auto; background-repeat: no-repeat; overflow: hidden; }
.collage-02 a { display: block; font-family: Tele-grotesk; color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.collage-02 a h1, .collage-02 a h2 { position: absolute; left: -9999px; }
.collage-02 a:hover { color: #000; background: none; }
.collage-02 .collage-item-01 { top: 0; left: 0; height: 30%; width: 100%; }
.collage-02 .collage-item-02 { top: 30%; left: 0; height: 30%; width: 50%; }
.collage-02 .collage-item-03 { top: 60%; left: 0; height: 20%; width: 50%; }
.collage-02 .collage-item-04 { top: 30%; left: 50%; height: 10%; width: 50%; }
.collage-02 .collage-item-05 { top: 40%; left: 50%; height: 40%; width: 50%; }
.collage-02 .collage-item-06 { top: 80%; left: 0%; height: 20%; width: 33.33333333%; }
.collage-02 .collage-item-07 { top: 80%; left: 33.33333333%; height: 20%; width: 33.33333333%; }
.collage-02 .collage-item-08 { top: 80%; left: 66.66666666%; height: 20%; width: 33.33333333%; }
#internet-svugdje-i-uvijek { position: relative; }
.box-indented-33 { clear: both; padding-left: 34.33333333%; }
.box-indented-33 .drop-cap { margin-left: -50%; margin-right: 0 !important; width: 47.5%; text-align: right; }
.illustration-huge { background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 250px; height: 250px; margin: 3em 0 3em; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; position: relative; top: -128px; opacity: 0; }
.illustration-huge:before, .illustration-huge:after { content: ' '; display: block; position: absolute; top: 0; left: 0; height: 256px; width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.activate-animation .illustration-huge { top: 0; opacity: 1; }
#overview-mobile-services .illustration-huge { background-image: url(i/illustrations/mobile-256-white.png); }
#overview-mobile-services .illustration-huge:after { top: 256px; background-image: url(i/illustrations/mobile-content-960x256-white.png); }
#overview-mobile-services.activate-animation .illustration-huge:after { top: 0; }
#overview-max-bundles .illustration-huge { height: 140px; background-image: url(i/illustrations/max-bundles-960x256-magenta.png); top: 0; left: -960px; }
#overview-max-bundles.activate-animation .illustration-huge { left: 0; }
#overview-internet-services .illustration-huge { background-image: url(i/illustrations/globe-500-magenta.png); }
#overview-internet-services .illustration-huge:after { background-image: url(i/illustrations/internet-content-960x256.png); }
#overview-internet-services.activate-animation .illustration-huge:after { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; -webkit-animation: illustration_huge_after_scale_wait 1s 1, illustration_huge_after_scale 5s 1; -moz-animation: illustration_huge_after_scale_wait 1s 1, illustration_huge_after_scale 5s 1; -o-animation: illustration_huge_after_scale_wait 1s 1, illustration_huge_after_scale 5s 1; animation: illustration_huge_after_scale_wait 1s 1, illustration_huge_after_scale 5s 1; }
#overview-maxtv .illustration-huge { background-image: url(i/illustrations/tv-256x330-magenta.png); }
#overview-maxtv .illustration-huge:after { left: 960px; background-image: url(i/illustrations/tv-content-960x256.png); }
#overview-maxtv.activate-animation .illustration-huge:after { left: 0; }

@keyframes illustration_huge_after_scale_wait {
	0%, 100% { opacity: 0; }
}

@keyframes illustration_huge_after_scale {
	0% { opacity: 0; -webkit-transform: scale(.85); -moz-transform: scale(.85); -ms-transform: scale(.85); -o-transform: scale(.85); transform: scale(.85); }
	100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}

#overview-telefon .illustration-huge { height: 201px; margin-bottom: -40px; top: 0; background: url(i/illustrations/telefon-content-960x256.png) no-repeat 50% 50%; }
#overview-telefon .illustration-huge:before { width: 256px; left: -500px; background: url(i/illustrations/telefon-left-256x256.png) no-repeat 50% 50%; }
#overview-telefon .illustration-huge:after { width: 256px; left: auto; right: -500px; background: url(i/illustrations/telefon-right-256x256.png) no-repeat 50% 50%; }
#overview-telefon.activate-animation .illustration-huge:before { left: 0; }
#overview-telefon.activate-animation .illustration-huge:after { right: 0; }
#overview-telefon.activate-animation .illustration-huge { -webkit-animation: hover_infinite 3s 1; -moz-animation: hover_infinite 3s 1; -o-animation: hover_infinite 3s 1; animation: hover_infinite 3s 1; }

@keyframes hover_infinite {
	0% { background-position: -40px 50%; }
	100% { background-position: 0 50%; }
}

#overview-elektricna-energija { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
#overview-elektricna-energija .illustration-huge { background-image: url(i/illustrations/elektricna-960x256.png); }
#overview-elektricna-energija.activate-animation { background-size: 100% 400px; }
#overview-elektricna-energija .illustration-huge:after { background-image: url(i/illustrations/elektricna-content-960x256.png); }
#overview-promotivne-akcije .illustration-huge, #overview-promotivne-akcije .bkp_illustration-huge { background-image: url(i/illustrations/promo-960x256.png); }
#overview-promotivne-akcije .illustration-huge:after { opacity: 0; top: -256px; background-image: url(i/illustrations/promo-content-960x256.png); }
#overview-promotivne-akcije.activate-animation .illustration-huge:after { opacity: 1; top: 0; }
#overview-promotivne-akcije .pseudo-form { max-width: 450px; margin: 0 auto; }
#overview-customer-support .illustration-huge { background-image: url(i/illustrations/customer-support-960x256.png); }
#podrska-chat .grid { padding-left: 300px; background: url(i/illustrations/customer-support-140x160-white.png) no-repeat 10% 50%; background-size: 140px 160px; }
#homepage-header { background: url(i/title-shadow-white-@2x.png) no-repeat 50% 100%; background-size: 960px auto; }
#why-ht-ultramax-optika { color: #000; background-color: #000; padding-top: 200px; background-color: #f2f2f2; background-image: url(i/illustrations/speedy-gonzales.png); background-repeat: no-repeat; background-position: 50% 100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
#why-ht-ultramax-optika:hover { -webkit-animation: speedy_gonzales .5s infinite; -moz-animation: speedy_gonzales .5s infinite; -o-animation: speedy_gonzales .5s infinite; animation: speedy_gonzales .5s infinite; }

@-webkit-keyframes speedy_gonzales {
	0% { background-position: -1000px 100px; }
	100% { background-position: 2000px 100px; }
}

@keyframes speedy_gonzales {
	0% { background-position: -1000px 100px; }
	100% { background-position: 2000px 100px; }
}

}

/** HT override **/
body { font-family: Tele-grotesk, Arial, Helvetica, sans-serif; font-size: 100%; color: #333; padding: 0px; background-color: #fff; }

@media only screen and (max-width:500px) {
	#social-networks-links .icon-sn-L a, #social-networks-links .icon-sn-L a:hover span { background-size: 64px 64px; }
	#social-networks-links .icon-sn-L a span { padding-top: 80px; }
	#social-networks-links .box-item { margin-left: 5%; width: 47.5% !important; float: left; }
	#social-networks-links .box-item:first-child, #social-networks-links .box-item:nth-child(2n+3) { border-left: 0 none; clear: both; margin-left: 0; }
}

#master-header, #process-header { margin-bottom: 0; }
.table-wrapper.visible { overflow: visible; }
ul.normal { padding: 0 0 0.75em 1em; }
ul.normal > li { margin: 0 0 0.25em; }
.main_content_box { padding-bottom: 0; }
table th { font-weight: normal; }
//.wizard-steps li span { line-height: 1.2; }
.graph .unit { font-size: 13px; }
.section-content a { font-family: Tele-grotesk; }
ol { margin-left: 0; }
.layout-focus .pseudo-form:not(.form-focus) fieldset h2 + .fields-pair .field { border: 0; }
fieldset .big-note { background: #f2f2f2; border-top: 1px solid #d0d0d0; margin: 0; padding: 14px 0.89em; font-size: 1.125em; line-height: 1.3; }
.box-item-device-simple { padding-bottom: 2.5em; }
.input-select { font-size: 15px; line-height: 20px; font-family: Tele-grotesk, Arial, sans-serif; padding: 5px 5px 5px 10px; margin-bottom: 5px; border: 1px solid #d0d0d0; border-color: #777 #d0d0d0 #ddd; width: 100%; max-width: 280px; height: 36px; -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; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; }
.field-error .input-select:not(.noerror) { border: 1px solid #d82101; -webkit-box-shadow: 0 0 0 2px #d82101, inset 0 1px 1px 1px #ededed; -moz-box-shadow: 0 0 0 2px #d82101, inset 0 1px 1px 1px #ededed; -o-box-shadow: 0 0 0 2px #d82101, inset 0 1px 1px 1px #ededed; box-shadow: 0 0 0 2px #d82101, inset 0 1px 1px 1px #ededed; }
.input-select:focus { border: 1px solid #e20074; outline: none !important; -webkit-box-shadow: 0 0 4px 2px #ffdeef, inset 0 1px 1px 1px #ededed; -moz-box-shadow: 0 0 4px 2px #ffdeef, inset 0 1px 1px 1px #ededed; -o-box-shadow: 0 0 4px 2px #ffdeef, inset 0 1px 1px 1px #ededed; box-shadow: 0 0 4px 2px #ffdeef, inset 0 1px 1px 1px #ededed; }

.no-margin { margin: 0!important; }
.margin-0 { margin: 0!important; }
.margin-1 { margin: 1em!important; }
.margin-2 { margin: 2em!important; }
.margin-3 { margin: 3em!important; }

.no-padding { padding: 0!important; }
.padding-0 { padding: 0!important; }
.padding-1 { padding: 1em!important; }
.padding-2 { padding: 2em!important; }
.padding-3 { padding: 3em!important; }

.padding-top-0 { padding-top: 0!important; }
.padding-top-1 { padding-top: 1em!important; }
.padding-top-2 { padding-top: 2em!important; }
/*** margin-padding boxes definition */
.up,
.margin-up,
.margin-up-3 { margin-top: 3em !important; }
.margin-up-2 { margin-top: 2em !important; }
.margin-up-1 { margin-top: 1em !important; }
.margin-up-0 { margin-top: 0 !important; }
.margin-bot-3 { margin-bottom: 3em !important; }
.margin-bot-2 { margin-bottom: 2em !important; }
.margin-bot-1 { margin-bottom: 1em !important; }
.margin-bot-0 { margin-bottom: 0 !important; }
.margin-left-3 { margin-left: 3em !important; }
.margin-left-2 { margin-left: 2em !important; }
.margin-left-1 { margin-left: 1em !important; }
.margin-left-0 { margin-left: 0 !important; }
.margin-right-3 { margin-right: 3em !important; }
.margin-right-2 { margin-right: 2em !important; }
.margin-right-1 { margin-right: 1em !important; }
.margin-right-0 { margin-right: 0 !important; }
.padding-up,
.padding-up-3 { padding-top: 3em !important; }
.padding-up-2 { padding-top: 2em !important; }
.padding-up-1 { padding-top: 1em !important; }
.padding-up-0 { padding-top: 0 !important; }
.padding-bot-3 { padding-bottom: 3em !important; }
.padding-bot-2 { padding-bottom: 2em !important; }
.padding-bot-1 { padding-bottom: 1em !important; }
.padding-bot-0 { padding-bottom: 0 !important; }
.padding-left-3 { padding-left: 3em !important; }
.padding-left-2 { padding-left: 2em !important; }
.padding-left-1 { padding-left: 1em !important; }
.padding-left-0 { padding-left: 0 !important; }
.padding-right-3 { padding-right: 3em !important; }
.padding-right-2 { padding-right: 2em !important; }
.padding-right-1 { padding-right: 1em !important; }
.padding-right-0 { padding-right: 0 !important; }

.left { text-align: left; }
.right { text-align: right; }

.form-flex { display: block; margin: 0 auto; max-width: 450px; }

#social-networks-links .box-group.no-border { border-bottom: none; margin-bottom: 0; }
#overview-max-bundles .illustration-huge:before, #overview-max-bundles .illustration-huge:after { height: 180px; }
.layout-focus .pseudo-form:not(.form-focus) fieldset .no-border .field, .layout-focus .pseudo-form:not(.form-focus) fieldset .field.no-border { padding-top: 0; border-top: none; }
table.package-configurator .noborder td, table.package-configurator .noborder th { border-top: none; }
table.package-configurator .heading-row td, table.package-configurator .heading-row th { padding-bottom: 0; }
table.package-configurator .heading-row + tr td, table.package-configurator .heading-row + tr th { padding-top: 4px; }
.preview-panel table.package-configurator th { width: 62%; }
//.preview-panel table.package-configurator { font-size: 1.125em; line-height: 1.22; }
table.package-configurator .group-check li, table.package-configurator .group-radio li { padding-top: 0; }
table.package-configurator .total-row th { text-transform: none; }
table.package-configurator td.divider:after { display: block; width: 100%; height: 1px; content: ''; background: #d0d0d0; }
ul.package-usp-list { list-style-type: none; margin: 0 0 1em; }
.package-usp-list > li { padding: 0 0 0 10px; position: relative; }
.package-usp-list > li:before { content: '-'; display: inline-block; position: absolute; left: 0; }

.package-included-list > li { list-style-position: inside; margin: 0 0 1em; }
.group-check.promo-group, .group-radio.promo-group { border-bottom: 1px solid #d0d0d0; margin: 0 0 2em; }
.group-check.promo-group > li, .group-radio.promo-group > li { border-top: 1px solid #d0d0d0; padding-bottom: 10px; position: relative; }
.group-check.promo-group > li label, .group-radio.promo-group > li label { padding: 0; }
.group-check.promo-group .package-usp-list, .group-radio.promo-group .package-usp-list { margin: 4px 0 0; }
.group-check.promo-group .ec-new, .group-radio.promo-group .ec-new { background: #bbbd5b; position: absolute; right: -2em; top: 0; z-index: 2; color: #fff; }
.group-check.promo-group .ec-new span, .group-radio.promo-group .ec-new span { font-size: 1.666em; }
h1 strong, .box-item-header h2 strong, .ribbon h2 { font-family: Headline-ult; }
button:hover,
.button:hover,
button:focus,
.button:focus { color: #333; }
.button-primary:hover,
.button-primary:focus { color: #fff; }

.hidden-header { display: none; position: relative; z-index: 2; }
#process-header { border-bottom: 1px solid #d0d0d0; margin-bottom: 24px; background: #fff; background-image: -webkit-linear-gradient(#fff, #f6f6f6); background-image: -moz-linear-gradient(#fff, #f6f6f6); background-image: -o-linear-gradient(#fff, #f6f6f6); background-image: -ms-linear-gradient(#fff, #f6f6f6); background-image: linear-gradient(#fff, #f6f6f6); background: #f6f6f6; position: relative; z-index: 1; }
#process-header #logo a { text-indent: -999em; overflow: hidden; }
#process-header:after { display: table; content: ''; clear: both; }
.master-main-nav { float: right; width: 41.25em; margin: 0 -1px 0 0; position: relative; }
.master-main-nav > ul { margin: 0; }
.master-main-nav .level-1-li { float: left; list-style: none; width: 18.25%; }
.master-main-nav .level-1-li > a { display: block; height: 5em; padding: 0.8333333333333333em 1.666666666666667em; font-family: Tele-groteskhal; line-height: 1.666666666666667; color: #e20074; font-size: 0.75em; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 0 #fff; border-right: 1px solid #d0d0d0; border-left: 1px solid #fff; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; }
.master-main-nav .level-1-li > a:hover { background-color: #fff !important; }
#process-header .master-main-nav .icon-link { width: 60px; }
.master-main-nav .icon-link > a { text-indent: -9999px; position: relative; background: url(/webresources/images/icons/global-nav-icons.png) no-repeat; background-size: 359px 241px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
iframe[name="google_conversion_frame"] { position: fixed; left: -999px; bottom: -999px; }

/* two column featured */
.product-horizontal.double-featured > p { padding: 0 1em; }
.product-horizontal.double-featured .box-item { margin-bottom: 1em; }
.product-horizontal.double-featured .box-item .product-description:first-child { float: none; width: 100%; clear: both; padding-bottom: 0; }
.product-horizontal.double-featured .box-item .product-description .margin-up-6 { margin-top: 6em; }
.product-horizontal.double-featured .box-item .product-image { padding-right: 0; }
.product-horizontal.double-featured .box-item .price .price-unit { top: 1.25em; }
.product-horizontal.double-featured .box-item .price .price-term { clear: both; }
.product-horizontal.double-featured .box-item .or.horizontal { border: none; border-left: 1px solid #e5e5e5; bottom: 2em; clear: both; left: -2em; position: absolute; top: 2em; }
.product-horizontal.double-featured .box-item .or.horizontal strong { top: 50%; left: -1.25em; margin-top: -20px; }

/* promo item */
.charger-strip .grid { padding: 2.5rem 0!important; }
.product-horizontal.promo-item { border: 6px solid #ed7db9; position: relative; display: table; width: 100%; margin: 2em 0; }
.product-horizontal.promo-item > div { display: table-cell; vertical-align: middle; padding: 2em; }
.product-horizontal.promo-item.cp > div { padding-top: 0; }
.product-horizontal.promo-item .promo-image { width: 40%; }
.product-horizontal.promo-item .promo-image img { width: 100%; }
.product-horizontal.promo-item .promo-text { width: 60%; }
.product-horizontal.promo-item h3 { font-family: Headline; }
.product-horizontal.promo-item h3 strong { font-family: Headline-ult; letter-spacing: -0.025em; }
.product-horizontal.promo-item a { color: #4379ab; text-decoration: none; }
.product-horizontal.promo-item a:hover { color: #e20074!important; }
.product-horizontal.promo-item .present { position: absolute; right: -7.5em; top: -5.5em; float: none; }
.charger-strip.inverse .product-horizontal.promo-item { margin: 0; }
.charger-strip.inverse .product-horizontal { border: 4px solid #e20074; }
.charger-strip.charger-strip-white .grid { padding: 0!important; }
.charger-strip.charger-strip-white .product-horizontal.promo-item { border: none; margin: 0; }

/* tisak */
.tisak a { color: #333333; }

.product-details-list { clear: both; list-style-type: none; padding: 30px; padding: 1.875rem; }
.product-details-list li { float: left; margin-left: 0.5em; }
.product-details-list li:first-child { margin-left: 0; }
.product-details-list li a { font-size: 1.125em; font-family: Tele-grotesk; /*color:#427bab;*/ -webkit-transition: all 0.3s ease ; -moz-transition: all 0.3s ease ; -o-transition: all 0.3s ease ; transition: all 0.3s ease ; }
.product-details-list li a.active { font-size: 1.500em; font-family: Tele-groteskFet; color:#e20074; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	.master-main-nav .icon-link > a { background-image: url(/webresources/images/icons/global-nav-icons-@2x.png) !important; }
}

.master-main-nav .icon-link:hover > a,
.master-main-nav .icon-link > a:active,
.master-main-nav .icon-link > a.active { background-color: #333 !important; border-left-color: #333; border-right-color: #333; }

#process-header .master-main-nav ul.level-1-ul { float: right; }
#process-header .master-main-nav li a { line-height: 40px; }
#process-header .master-main-nav .level-1-li:first-child { border-left: 1px solid #d0d0d0; }
#header-and-site-nav .section-nav-2014 { margin-bottom: 1.25em; }
#header-and-site-nav .wrapper { z-index: auto; }

#process-header.open { border-top: 1px solid #d0d0d0; border-bottom-color: #fff; background: #fff; }
#process-header.open #logo { opacity: 0; }
#process-header.open .master-main-nav li,
#process-header.open .master-main-nav li a { border-color: #fff; }
#process-header.open .master-main-nav .level-1-li:first-child { border-color: #fff; }

#process-header,
#process-header #logo { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.master-main-nav #site-nav-process-link > a { background-position: -240px 0; }
.master-main-nav #site-nav-process-link > a:hover { background-position: -240px -60px; }

.price + .price { margin-top: -1.5em; clear: both; }
.price:after { content: ''; clear: both; display: table; }
.price .tarif { display: block; font-family: Tele-grotesk; font-size: 26px; padding: 4px 0 0; clear: both; }
.price .tarif strong { float: none; margin: 0; color: inherit; }

.input-search { background-image: url(/webresources/images/magnifier-glass.png); background-repeat: no-repeat; background-position: 8px 50%; background-size: 14px 14px; padding-left: 30px; }

.modal_dialogue_container { position: absolute; /* 	width: 400px; */ background-color: #FFF; border: 5px solid #E5E5E5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 0px 15px black; -webkit-box-shadow: 0px 0px 15px black; box-shadow: 0px 0px 15px black; padding: 0px 20px 16px 20px; display: none; }
.modal_dialogue_640px { width: 640px; }
.modal_dialogue_600px { width: 600px; }
.modal_dialogue_680px { width: 680px; }
.modal_dialogue_300px { width: 300px; }
.modal_dialogue_450px { width: 450px; }
.modal_dialogue_500px { width: 500px; }
.modal_dialogue_800px { width: 800px; }
.modal_dialogue_400px { width: 400px; }
.modal_dialogue_370px { width: 370px; }
.modal_dialogue_auto { width: auto; }
.modal_dialogue_container_wide { position: absolute; width: 640px; background-color: #FFF; border: 5px solid #E5E5E5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 0px 15px black; -webkit-box-shadow: 0px 0px 15px black; box-shadow: 0px 0px 15px black; padding: 0px 20px 16px 20px; display: none; }
.cookies-notification { position: fixed; left: 0; bottom: 0; z-index: 1000; width: 100%; background: transparent url(../images/darkgray90.png) repeat; background: rgba(32, 32, 32, 0.9); padding: 1.25em 0; display: none; }
.cookies-notification .wrapper { margin: 0 auto; width: 60em; }
.cookies-notification p { font: normal 0.9375em/normal Tele-groteskhal; color: #c2c2c2; margin: 0; }
.cookies-notification .button-gray { float: right; margin: 0 0 0 1.5em; }

.list-device-box-container .list-device-box { margin: 0 1.5625% 1.5625% 0; padding: 0.75em 1.5%; width: 31.25%; }

.product-horizontal { clear: both; margin-bottom: 2.5rem; background: #fff; }
.product-horizontal:after { content: ''; display: table; clear: both; }

.product-horizontal-border { border: 1px solid #dedede; }

fieldset .field .field-half { list-style-type: none; margin: 0 0 1em; }
fieldset .field .field-half:after { display: table; clear: both; content: ''; }
fieldset .field .field-half > li { float: left; width: 50%; padding-left: 3%; }
fieldset .field .field-half.border > li { border-left: 1px solid #d0d0d0; }
fieldset .field .field-half > li:first-child { padding-left: 0; padding-right: 3%; border-left: none; }
fieldset .field .field-half > li > ul:not(.group-radio) { list-style-type: initial; margin-left: 1em; }

#select-mobile-no { list-style-type: none; margin: 1.5em 0 0.75em; }
#select-mobile-no:after { display: table; clear: both; content: ''; }
#select-mobile-no li { width: 25%; text-align: center; float: left; }
#select-mobile-no li a { overflow: hidden; text-indent: -999px; display: inline-block; width: 42px; height: 73px; background: transparent url(/webresources/images/design/mob-no-choose.png) 0 0; }
#select-mobile-no li.empty a { background-position: 0 -73px; }

#tv-package-select { list-style-type: none; display: table; width: 100%; }
#tv-package-select > li { display: table-cell; width: 50%; text-align: left; padding: 0.5em 1.5em 1.5em; vertical-align: bottom; }
#tv-package-select > li:first-child { text-align: center; }
#tv-package-select .tv-package { background: #e20074; color: #fff; padding: 1.25em 1em; cursor: pointer; margin: 0.75em 0 0; }
#tv-package-select .tv-package.selected { background: #e6348a; }
#tv-package-select .tv-package a { color: #fff !important; text-decoration: underline; }
#tv-package-select .tv-package p { font-size: 18px; margin: 0; }
#tv-package-select .tv-package span.promo { font-size: 0.875em; display: block; line-height: 1.2; margin: 0.5em 0 0; text-transform: uppercase; font-family: HEadline; }
#tv-package-select #tvplaceholder { width: 252px; height: 213px; background: transparent url(/webresources/images/design/tv-package-select.png) no-repeat 0 -213px; padding: 22px; margin: 1em 0 0; text-align: center; }
#tv-package-select #tvplaceholder.full { background-position: 0 0; }
#tv-package-select #tvplaceholder > div { display: table-cell; vertical-align: middle; width: 208px; height: 128px; padding: 1em; }
#tv-package-select #tvplaceholder p { margin: 0; }

#package-price-box { position: absolute; left: 50%; top: 2.5em; margin-left: 325px; width: 150px; padding: 1em; text-align: center; background: #e20074; color: #fff; -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.025); -moz-box-shadow: 0 0 0 5px rgba(0,0,0,.025); -o-box-shadow: 0 0 0 5px rgba(0,0,0,.025); box-shadow: 0 0 0 5px rgba(0,0,0,.025); }
#package-price-box.fixed { position: fixed; top: 0.5em; }
#package-price-box p { margin: 0; }
#package-price-box a { color: #fff !important; }
#package-price-box p.price { font-family: HEadline-ult; font-size: 36px; margin: 0 0 10px; }
#package-price-box p.price:after { display: inline-block; content: 'kn/mj.'; font-family: Tele-grotesk; font-size: 18px; margin: 0 0 0 6px; }
#package-price-box h3 { margin: 0 0 10px; }

/* odabir nacina dostave */
.group-radio.delivery-options li { padding: 0 0 0 36px; }
.group-radio.delivery-options li.active { background: #f7f7f7; }
.group-radio.delivery-options .input-radio { margin-left: -74px; }
.group-radio.delivery-options label { padding: 14px 0 14px 54px; }
.group-radio.delivery-options label:before { content: ''; display: inline-block; float: left; margin: -8px 0 0 -53px; width: 43px; height: 30px; background: transparent url(../images/design/delivery-icon.png) no-repeat 0 0; }
.group-radio.delivery-options label.same:before { background-position: 0 0; }
.group-radio.delivery-options label.other:before { background-position: 0 -30px; }
.group-radio.delivery-options label.tisak:before { background-position: 0 -60px; margin-top: -5px; }
.group-radio.delivery-options p.small-note { margin: 8px 0 0; }
.group-radio.delivery-options .new { display: inline-block; background: #e20074; color: #fff; -moz-transform: rotate(-7.5deg); -webkit-transform: rotate(-7.5deg); -o-transform: rotate(-7.5deg); -ms-transform: rotate(-7.5deg); transform: rotate(-7.5deg); text-transform: uppercase; font-family: Tele-groteskfet; font-size: 13px; margin: 0 0 0 4px; padding: 2px 4px; position: relative; top: -2px; }
#selected-tisak-data > .field { border: 2px solid #00ccff; }

.top-usp-boxes { list-style-type: none; margin: 1em 0; }
.top-usp-boxes > li { display: table-cell; vertical-align: middle; border: 1px solid #e20074; padding: 0.875em 1.3em; }
.top-usp-boxes.top-usp-boxes-2 > li { width: 24.25%; }
.top-usp-boxes.top-usp-boxes-3 > li { width: 32.5%; }
.top-usp-boxes.top-usp-boxes-4 > li { width: 24.25%; }
.top-usp-boxes.top-usp-boxes-5 > li { width: 19.2%; }
.top-usp-boxes.top-usp-boxes-6 > li { width: 15.8%; }
.top-usp-boxes > li.separate { border: none; padding: 0; width: 1%; }
.top-usp-boxes.top-usp-boxes-2 > li.separate { width: 2%; }
.top-usp-boxes.top-usp-boxes-3 > li.separate { width: 1.25%; }
.top-usp-boxes.top-usp-boxes-4 > li.separate { width: 1%; }
.top-usp-boxes.top-usp-boxes-5 > li.separate { width: 1%; }
.top-usp-boxes.top-usp-boxes-6 > li.separate { width: 1.04%; }
.top-usp-boxes p { font: normal 18px/1.22 Headline; text-transform: uppercase; margin: 0; }

.valign-boxes { list-style-type: none; margin: 0; display: table; width: 100%; }
.valign-boxes > li { display: table-cell; position: relative; background: #fff; padding: 15px 15px 15px 94px; font-family: Headline; font-size: 18px; text-transform: uppercase; vertical-align: middle; border-left: 20px solid #f2f2f2; }
.section-black .valign-boxes > li { border-color: #000; }
.section-black-light .valign-boxes > li { border-color: #222; }
.section-gray .valign-boxes > li { border-color: #f2f2f2; }
.section-gray-dark .valign-boxes > li { border-color: #e5e5e5; }
.section-magenta .valign-boxes > li { border-color: #e20074; }
.section-cyan .valign-boxes > li { border-color: #64b9e4; }
.valign-boxes > li:first-child { border-left: 0; }
.valign-boxes > li img { position: absolute; left: 15px; top: 50%; margin: -33px 0 0; }
.valign-boxes.three > li { width: 33.33333333333333%; }

/*faq*/
.faq-bottom > h1 { padding-left: 3.5%; margin-bottom: 1rem; }
.faq-bottom .faq-list { list-style-type: none; border-top: 1px solid #d6d6d6; position: relative; padding: 5px 0 0; }
.faq-bottom .faq-list:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background: rgba(0,0,0,.05); }
.faq-bottom .faq-list > li { border-bottom: 1px solid #d6d6d6; padding: 0.875em 3.5%; }
.faq-bottom .faq-list > li > h3 { font: normal 24px/1.55 Tele-grotesk; margin: 0; cursor: pointer; position: relative; padding-right: 24px; }
.faq-bottom .faq-list > li > h3:after { display: block; content: ''; position: absolute; right: 0; top: 50%; margin: -5px 0 0; width: 20px; height: 10px; background: transparent url(/webresources/images/up-down.png) no-repeat 0 0; }
.faq-bottom .faq-list > li > h3.active:after { background-position: 0 -10px; }
.faq-bottom .faq-list > li .answer { display: none; padding: 0.5em 0 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	.faq-bottom .faq-list > li > h3:after { margin: -2px 0 0; width: 10px; height: 5px; background-size: 10px auto; }
	.faq-bottom .faq-list > li > h3.active:after { background-position: 0 -5px; }
}

/*cjenik tarifa*/
.tarif-pricelist { margin: 0 0 2em; overflow: auto; }
.tarif-pricelist br { display: inline; }
.tarif-pricelist table { border-top: none; background: #fff; width: 100%; }
.tarif-pricelist table th, .tarif-pricelist table td { border-left: 5px solid #f2f2f2; padding: 16px 10px; vertical-align: top; text-align: center; }
.tarif-pricelist table tbody td { padding: 0 10px 32px 10px; }
.tarif-pricelist table tbody tr:first-child td { padding-top: 32px; }
.tarif-pricelist table th:first-child, .tarif-pricelist table td:first-child { border-left: 0; }
.tarif-pricelist table p { font-size: 16px; line-height: 1.125; margin: 0; }
.tarif-pricelist table p a { text-decoration: none; }
.tarif-pricelist table p span.big { text-transform: uppercase; font-family: Headline-ult; display: block; }
.tarif-pricelist table span.strikethrough { font-family: Tele-grotesk; text-decoration: line-through; }
.tarif-pricelist .highlights td { background: #f2f2f2; padding: 8px 10px; }
.tarif-pricelist .highlights td.highlight { background: #e20074; color: #fff; text-transform: uppercase; }
.tarif-pricelist .tarif-filters td { padding: 0 !important; }
#tarif-filters { border-bottom: 5px solid #f2f2f2; border-top: 5px solid #f2f2f2; background: #e20074; color: #fff; padding: 25px 30px; }
#tarif-filters .box-info { background: #333; color: #fff; padding: 0.5em; margin: 1em 0 0; }
#tarif-filters .box-info p { margin: 0; }
#tarif-filters ul.filters { list-style-type: none; display: table; width: 100%; margin: 30px 0 0; }
#tarif-filters ul.filters li { display: table-cell; padding-left: 30px; text-align: left; }
#tarif-filters ul.filters li:first-child { padding-left: 0; }
#tarif-filters ul.filters li label { display: block; text-transform: uppercase; font: normal 18px/1.25 Headline; margin: 0 0 6px; }
#tarif-filters ul.filters li select { max-width: 100%; }
#mobile-filters-container #tarif-filters { padding: 5%; margin: 0; }
#mobile-filters-container #tarif-filters ul.filters { display: block; }
#mobile-filters-container #tarif-filters ul.filters li { display: block; padding: 0; margin: 0.5em 0 0; }
.tarif-pricelist .tarif-names th { white-space: nowrap; }
.tarif-pricelist .tarif-names h4 { text-transform: uppercase; font-size: 16px; color: #e20074; }
.tarif-pricelist .tarif-names h1 { font: normal 60px/1 Headline-ult; height: 1em; text-transform: uppercase; margin: 20px 0 10px; }
.tarif-pricelist .tarif-names h1.young { padding: 9px 0 0; }
.tarif-pricelist .tarif-names h1.young span { font-size: 22px; display: block; line-height: 22px; }
.tarif-pricelist .tarif-names h1.young span:first-child { font-size: 30px; }
.tarif-pricelist .promo-tag td { padding-bottom: 8px; text-transform: uppercase; font-size: 14px; font-family: Headline; color: #e20074; line-height: 1.14; }
.tarif-pricelist .tarif-price h2 { font-family: Tele-groteskult; font-size: 46px; line-height: 1; letter-spacing: 0; margin: 0; }
.tarif-pricelist .section-trigger td { padding: 0 !important; text-align: left; background: #fff; }
.tarif-pricelist .section-trigger td a { display: block; border-bottom: 1px solid #f2f2f2; border-top: 5px solid #f2f2f2; font: normal 16px/1 Headline-ult; text-transform: uppercase; padding: 10px 20px; color: #333; position: relative; }
.tarif-pricelist .section-trigger td a.active { border-bottom: none; }
.tarif-pricelist .section-trigger td a:after { display: block; content: ''; width: 13px; height: 7px; position: absolute; right: 20px; top: 50%; margin: -3px 0 0; background: transparent url(/webresources/images/design/up-down-13.png) no-repeat 0 -7px; }
.tarif-pricelist .section-trigger td a.active:after { background-position: 0 0; }

@media only screen and (max-width:980px) {
	.list-device-box-container .list-device-box { margin: 0 0.75% 1.5%; width: 48.5%; height: 21em; }
	.list-device-box-container { width: 101.5%; float: left; margin: 0 0 0 -0.75%; }
}

@media screen and (max-width: 960px) {
	.product-horizontal.double-featured .box-item { width: 100%; margin: 0 0 1em !important; }
	.product-horizontal.double-featured .box-item .product-image img { max-width: initial; width: initial; }
	.product-horizontal.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; }
	.product-horizontal.double-featured .box-item .or.horizontal strong { left: 0; margin-top: 0; top: -20px; }
	.product-horizontal.double-featured .box-item .product-description .margin-up-6 { margin-top: 1.5em; }
	.cookies-notification .wrapper { width: 98%; padding: 0 1%; }
	.top-usp-boxes > li { padding: 0.875em 4%; }
	#package-price-box { display: none; }
}

@media screen and (max-width:767px) {
	.valign-boxes { display: block; margin: 0 0 20px; }
	.valign-boxes > li { display: block; width: 100% !important; margin: 0 0 20px; }
	.product-horizontal.promo-item { display: block!important; }
	.product-horizontal.promo-item > div { width: 100%!important; display: block; padding: 1em; }
	.product-horizontal.promo-item.cp > div { padding-top: 0; }
	.product-horizontal.promo-item .promo-image { text-align: center; }
	.product-horizontal.promo-item .promo-image img { width: auto; }
	.product-horizontal.promo-item .present { right: -3.5em; top: -2.5em; width: 100px; }
}

@media screen and (max-width: 700px) {
	.top-usp-boxes { border-top: 1px solid #e20074; }
	.top-usp-boxes > li { display: block; border-width: 0 0 1px 0; width: 100% !important; padding: 0.875em 0; }
	.top-usp-boxes > li.separate { display: none; }
}

@media screen and (max-width: 630px) {
	.list-device-box-container { width: 100%; margin: 0; }
	.list-device-box-container .list-device-box { margin: 0 0 1em; width: 100%; height: auto; }
}

@media screen and (max-width: 600px) {
	.product-horizontal.double-featured .box-item { width: 100%!important; margin: 0 0 1em !important; }
	.product-horizontal.double-featured .box-item .product-image, .product-horizontal.double-featured .box-item .product-description { width: 100%!important; max-width: initial; }
	.product-horizontal.double-featured .box-item .product-image a { text-align: left; }
	#tv-package-select { display: block; }
	#tv-package-select > li { display: block; width: 100%; padding: 4%; }
	#tv-package-select > li img { display: none; }
	#tv-package-select #tvplaceholder { margin: 0 auto; }
	.tarif-pricelist table th, .tarif-pricelist table td { padding: 8px 10px; }
	.tarif-pricelist table tbody td { padding: 0 10px 16px 10px; }
	.tarif-pricelist table tbody tr:first-child td { padding-top: 16px; }
	.tarif-pricelist .tarif-names h1 { font: normal 60px/1 Headline-ult !important; margin: 14px 0 0; }
}

@media screen and (max-width: 450px) {
	.product-horizontal.double-featured .box-item .product-image a { text-align: center; }
	fieldset .field .field-half > li { width: 100%; padding-left: 0; padding-top: 0.75em; }
	fieldset .field .field-half.border > li { border-top: 1px solid #d0d0d0; border-left: 0; }
	fieldset .field .field-half > li:first-child { padding-top: 0; padding-bottom: 0.75em; border-top: none; }
	#tv-package-select #tvplaceholder { width: 200px; height: 169px; background-size: 100% auto; background-position: 0 -170px; padding: 18px; }
	#tv-package-select #tvplaceholder > div { width: 100%; height: 100px; padding: 0.5em; }
	#tv-package-select #tvplaceholder.full { background-position: 0 0; }
}

@media only screen and (min-width:1100px) and (max-width:1600px) {
	.box-banner a { padding-top: 86.25%; }
	.box-group-banners .box-banner { background-position: 50% 60%; }
}

@media only screen and (min-width:960px) and (max-width:1100px) {
	.box-group-banners .box-banner { width: 50%; }
}