View Source code:

Tidy UP & Clean HTML Code - View Source of http://t-com.hr












<!DOCTYPE html>
<html lang="hr">
	<head>
		<!-- wsGoogleAnalyticsDataLayer -->
		<script>	
			window.dataLayer = window.dataLayer || [];
			dataLayer.push({
				'anonymizedIp': "104.131.0.0",
				'isInternal': "false"
			});
		</script>
		<!-- END wsGoogleAnalyticsDataLayer -->		
		
		
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
													  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
		'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
							})(window,document,'script','dataLayer','GTM-7B4F');
</script>
<!-- End Google Tag Manager -->

<!-- Poslovni Tag -->

<!-- Poslovni Tag End -->
		<link rel="shortcut icon" type="image/x-icon" href="https://static.hrvatskitelekom.hr/WebResources/images/favicon.ico">
<link rel="search" title="Hrvatski Telekom" type="application/opensearchdescription+xml" href="https://www.hrvatskitelekom.hr/webresources/ht_opensearch.xml">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width maximum-scale=1.0">
<meta name="google-site-verification" content="VOxn1y9j2hTdn7ZvGPj9PfSYUa2U_CYy2-nVotjAr38">
<meta name="description" content="Najniže cijene mobitela su u webshopu!  Pronađite ekskluzivne online popuste i promo ponude Hrvatskog Telekoma.">


<title>Hrvatski Telekom webshop - Kupujte sigurno online i plaćajte na rate!</title>
<link rel="stylesheet" type="text/css" href="/webresources/css/htws-2015.min.css?v=18">
<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="/webresources/css/ie-hack.css" />
	<link rel="stylesheet" type="text/css" href="/webresources/css/ie8.css" />
<![endif]-->
<script type="text/javascript" language="javascript">  
				var _definitionId = '';
				var _mainDefinitionId = '';
				var _googleTracking = '';
				var _googleTracking = '';
				var _googleTrackingCodeWithQM = '';
				var _googleTrackingCodeWithAmp = '';
				var _cartType = '0-0-1-1';
				var _nextStepUrl = '';
				var _currentStepUrl = '';								
				var _serviceType = 'Undefined'; 
				var _processType = 'Undefined';
				var _processStepTypeToken = 'RxRcQzlxD62LbnNpCj4U1Vesht7TZSWUZFq2MVZseI41';
				var _lastStepUrl = '' + _googleTrackingCodeWithQM;
				var _absoluteUrl = 'https://www.hrvatskitelekom.hr';
				var _salesLeadUrl = '' + _googleTrackingCodeWithQM;
				var _isBusinessUser = 'false';
				var _activeServiceIsVpn = '';
				var _isUserBusinessAdmin = '';
				var _selectedprocessusertype = 'Private';
				
				</script>
<script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/jquery_1.7.2.js"></script><script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/overlay.js?v=2"></script><script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/core.js?v=2"></script><script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/tht.js?v=6"></script><script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/snt.utils.1.1.js?v=125"></script><script type="text/javascript" src="/ResourceVariable"></script><script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/snt.scripts.js?v=3"></script><script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/ShopScripts.js?v=4"></script><script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/HT.scripts.js?v=24"></script><script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/organictabs.jquery.js"></script><script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/parallax.min.js"></script><script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/SnT.Contact.js"></script><script type="text/javascript">
				SnTUtils.UI.AutoFocusEnabled = false;
				SnTUtils.Ajax.HttpHeaders = { processStepType: _processStepTypeToken };
			</script>
<!--# module id="WebICCA" type="TemplatePicker" name="wsWebICCA" EnableRenderingMode="Display"></module #-->
<!--# module id="LivePersonChatScript" type="TemplatePicker" name="wsLivePersonChatScript"></module #-->

<!-- wsGoogleAnalyticsDataLayer 
<script>	
			window.dataLayer = window.dataLayer || [];
			dataLayer.push({
				'anonymizedIp': "104.131.0.0",
				'isInternal': "false"
			});
		</script>
<!-- END wsGoogleAnalyticsDataLayer -->



		<style>
.container {
	display: flex;
	max-width: 1160px;
	margin: auto;
	flex-wrap: wrap;
	align-items: stretch;
	margin-bottom: 10px;
}

.box {
	margin: 10px;
	background: #999;
	background-size: 100%!important;
	position: relative;
}

.box a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: inherit;
}

.box:hover,
.box a:hover,
.plahta-2018:hover {
	filter: BRIGHTNESS(0.9);
	-webkit-filter: BRIGHTNESS(0.9);
	text-decoration: none;
}
	
.box .bottom{ position: absolute; bottom: 20px;}
.box .right	{ text-align:right; }	

.box h2 {
	text-align: right;
	margin: 10px 15px 0 15px;
	font: normal 18px/22px 'Tele-Grotesk', Arial, sans-serif;
	text-transform: uppercase;
}

.box h2 span {
	font-family: Tele-GroteskFet;
}

.box h3 {
	text-transform: uppercase;
	margin: 15px 15px 0 15px;
	font-family: Tele-Grotesk!important;	
}


.box h3 span {
	background: #e20074;
	color: #fff;
	font-size: 32px;
	padding: 0 5px;
	line-height: 39px;
	font-family: Tele-Grotesk;
}

.box h3 span.bold {font-family: Tele-GroteskULT!important;}

.plahta-2018 {
	
	background: url(https://static.hrvatskitelekom.hr/webresources/images/banners/home-2019/slot-1-supertjedan_desk.gif) no-repeat center top;
	height: 560px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

.box2 {
	order: 2;
	flex-basis: calc(50% - 20px);
	height: calc((100vw - (100vw - 1180px) - 60px)/2);
	background: url(https://static.hrvatskitelekom.hr/webresources/images/banners/home-2019/slot-1-sbm_mob-f.jpg) no-repeat center; 
}


.box3 {
	order: 3;
	flex-basis: calc(50% - 20px);
	height: calc((100vw - (100vw - 1180px) - 60px)/2);
	background: url(https://static.hrvatskitelekom.hr/WebResources/images/banners/home-2019/slot-2-kombinacijamjeseca.gif) no-repeat center;

}

	
.box4 {
	order: 4;
	flex-basis: calc(33.3333% - 20px);
	height: calc((100vw - (100vw - 1180px) - 90px)/3);
	background: url(https://static.hrvatskitelekom.hr/webresources/images/banners/home-2019/slot-3-ookla.jpg) no-repeat center;
}

.box5 {
	order: 5;
	flex-basis: calc(33.33333% - 20px);
	height: calc((100vw - (100vw - 1180px) - 90px)/3);
	background: url(https://static.hrvatskitelekom.hr/webresources/images/banners/home-2019/diners_LP_banner_mob.jpg) no-repeat center;
}

.box6 {
	order: 6;
	flex-basis: calc(33.33333% - 20px);
	height: calc((100vw - (100vw - 1180px) - 90px)/3);
	background: url(https://static.hrvatskitelekom.hr/webresources/images/banners/home-2019/slot-3-M1-neon.gif) no-repeat center; 
}

.box7 {
	order: 7;
	flex-basis: calc(50% - 20px);
	height: 230px;
	background: url(https://static.hrvatskitelekom.hr/webresources/images/banners/home-2019/slot-8-rabljeni_uredaji.png) no-repeat center;
}

.box8 {
	order: 8;
	flex-basis: calc(50% - 20px);
	height: 230px;
	background: url(https://static.hrvatskitelekom.hr/webresources/images/banners/home-2019/slot-8-oneapp_summer_2.jpg) no-repeat center;
}
	
.box8 a h2 { text-align: left; }

@media only screen and (max-width: 1160px) {
			
	.plahta-2018 {
		
		background: url(https://static.hrvatskitelekom.hr/webresources/images/banners/home-2019/slot-1-supertjedan_tab.gif) no-repeat center top;
		height: calc(50vw - 50px);
		background-size: 100%!important;
		margin-bottom: 0;
	}
			
	.box2 {
		order: 2;
		height: calc(50vw - 20px);
	}
	.box3 {
		order: 3;
		height: calc(50vw - 20px);
	}
	.box4 {
		order: 4;
		height: calc(33vw - 20px);
	}
	.box5 {
		order: 5;
		height: calc(33vw - 20px);
	}
	.box6 {
		order: 6;
		height: calc(33vw - 20px);
	}
	.box7 {
		order: 7;
		height: calc(100vw * 0.19);
	}
	.box8 {
		order: 8;
		height: calc(100vw * 0.19);
	}
}

@media only screen and (max-width: 1024px) {
	.box h3 span {
		font-size: 24px;
		line-height: 28px;
	}
	.box h2 {
		margin: 8px 10px 0 10px;
		font: normal 16px/20px 'Tele-Grotesk', Arial, sans-serif;
	}
}

@media only screen and (max-width: 768px) {
	
			
	.plahta-2018 {
		background: url(https://static.hrvatskitelekom.hr/webresources/images/banners/home-2019/slot-1-supertjedan_mob.gif) no-repeat;
		height: 100vw;
		margin-bottom: 10px;
	}
			
	.box {
		height: calc(100vw - 20px);
	}
	.box2 {
		flex-basis: calc(100% - 20px);
		order: 2;
	}
	.box3 {
		flex-basis: calc(100% - 20px);
		order: 3;
	}
	.box4 {
		flex-basis: calc(100% - 20px);
		order: 4;
	}
	.box5 {
		flex-basis: calc(100% - 20px);
		order: 5;
	}
	.box6 {
		flex-basis: calc(100% - 20px);
		order: 6;
	}
	.box7 {
		flex-basis: calc(100% - 20px);
		order: 7;
		height: calc(100vw * 0.38);
	}
	.box8 {
		flex-basis: calc(100% - 20px);
		order: 8;
		height: calc(100vw * 0.38);
	}
}
	
/* @media only screen and (max-width: 520px) {
	.box8 a h2 { text-align: left; font-size: 15px !important; }
}
	
@media only screen and (max-width: 440px) {
	.box8 a h2 { text-align: left; font-size: 13px !important; margin-left: 0px; }
} */

</style>
		<link rel="stylesheet" type="text/css" href="/webresources/css/process.css">
		<style>#divMainPreviewToolbar{display:none;}</style>
	</head>

	<body>
		
		<!-- Google Tag Manager (noscript) -->
		<noscript>
			<iframe src="//www.googletagmanager.com/ns.html?id=GTM-7B4F" height="0" width="0" style="display:none;visibility:hidden"></iframe>
		</noscript>
		<!-- End Google Tag Manager (noscript) -->

		<form name="aspnetForm" method="post" action="/?ssoChecked=True" id="aspnetForm">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEyMzY0MzcwODhkZJXl3gdGUecEbnpE2epPENFAZ+Wz" />


<script type="text/javascript">
//<![CDATA[
$(function() {if(SnTUtils) {SnTUtils.RegisterNameSpace('SnTCms.MessageControl');SnTCms.MessageControl = new SnTUtils.MessageControl('ctl12_ctl02_ctl05_ctl01_MessageControl_dvMessageContainer',{showMessageClass: 'msg',showErrorClass: 'errorMsg',showInfoClass: 'msg',customHtmlEnabled: true,divPortalMessageMessageId: 'ctl12_ctl02_ctl05_ctl01_MessageControl_divPortalMessageMessage',divPortalMessageErrorId: 'ctl12_ctl02_ctl05_ctl01_MessageControl_divPortalMessageError',divPortalMessageInfoId: 'ctl12_ctl02_ctl05_ctl01_MessageControl_divPortalMessageInfo'});}});//]]>
</script>

<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="F27F8D6C" />
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAR/+N7hbPfgKqgDxYYlJ/ojDQdSranO558uF6YXqBch2/XptwOvhPjqSdyhn9kKQ7BYizHZPbaCnT8m1JmG3JeVZvbcDpQ0ygDxTU0golrx0+7ac7Q=" />
			

<script type="text/javascript">

    $(document).ready(function () {

        

		$("#ctl12_ctl02_ctl01_ctl03_txtNewServiceId").val($("#ctl12_ctl02_ctl01_ctl03_hdnNewServiceId").val());

		$("#ctl12_ctl02_ctl01_ctl03_btnPerformServiceAction").click(function () {

			$("#ctl12_ctl02_ctl01_ctl03_hdnNewServiceId").val($("#ctl12_ctl02_ctl01_ctl03_txtNewServiceId").val());
		});
	});

	function RegisterVirtualService() {

		PopUpLayer.hide();

		PopUpLayer.display(document.getElementById("windowModalAddService"), "popup_background", 50, document.getElementById("modal_add_new_service_close"));
	}

</script>


<input type="hidden" name="ctl12$ctl02$ctl01$ctl03$hdnNewServiceId" id="ctl12_ctl02_ctl01_ctl03_hdnNewServiceId" />

<div class="modal_dialogue_container modal_dialogue_300px" id="windowModalAddService">
	
    

	<span id="ctl12_ctl02_ctl01_ctl03_spanBigTitle" class="modal_dialogue_title">Odabir aktivne usluge</span>
	<p class="">
        Upišite mobilni broj za koji želite raditi promjene u obliku 09xyyyyyyy:
        <br/>
	   <input name="ctl12$ctl02$ctl01$ctl03$txtNewServiceId" type="text" id="ctl12_ctl02_ctl01_ctl03_txtNewServiceId" class="text-input" />		
	</p>

	<div class="modal_buttons_box">
		<a id="ctl12_ctl02_ctl01_ctl03_btnPerformServiceAction" class="button magenta_btn" href="javascript:__doPostBack(&#39;ctl12$ctl02$ctl01$ctl03$btnPerformServiceAction&#39;,&#39;&#39;)"><span id="ctl12_ctl02_ctl01_ctl03_spanActionButtonDescription">Dodajte</span></a>
		<a id="modal_window_add_service_cancel" class="button gray_btn" onclick="PopUpLayer.hide(); return false;">
			<span>
				Odustanite</span> </a>
	</div>
	<a href="javascript:void(0)" class="modal_dialogue_close_button" id="modal_add_new_service_close"></a>
</div>



<!-- wsNavigationSwitcher -->
<header id="header-2016">
   <div class="topbar-2016 bw clearfix" id="top">
	   
	   <!-- wsTopNavigation2016 -->
		<style>

	/* Razmak između grupa unutar istog izbornika  */
	.nav-space {padding-bottom:36px!important;}


	@media screen and (max-width: 881px) {
		.medium-4.columns,
		.medium-2.columns,
		.medium-3.columns {margin-top:0px!important; margin-bottom:0px!important;}		

		/* Mobile - izbornici lvl 2 	 */
		.mobiteli, .mobilni_internet, .tarife, .pogodnosti, .dodatne_usluge {	
			margin-bottom:0!important;
		}

		/* Razmak između grupa unutar istog izbornika  */
		.nav-space {padding-bottom:0!important;}

		/* 	Razmak između grupa	 */
		#izbornik_mobilne_usluge li {
			padding: 10px 0!important;  
		}

	} /* END media@*/
	
	 @media only screen and (max-width: 880px) {
		 .last-sport { display: none !important; } 
	}

</style>




<div class="service-bar">
  <ul>
    <li class="custom-right"><a href="http://moj.hrvatskitelekom.hr/public" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-0">Moj Telekom</a></li>
    <li class="active"><a href="/" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-0">Privatni</a></li>
    <li><a href="/poslovni" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-0">Poslovni</a></li>
    <li><a href="/visiting-croatia" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-0"><span class="short">For</span> Tourists</a></li>
  </ul>
</div>
<div class="navbar-2016"><button type="button" id="botun" class="navbar-toggle" data-toggle="collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><div id="logo-search" class="section-white logo-search">
    <div class="row">
      <div class="site-title-2016"><a href="/"></a></div>
      <div id="main-nav-search" class="search-field-2016 clearfix"><label for="q"></label><input type="search" class="input-search" name="q" id="q"><a id="search-start" class="search-start"><span class="nav-ico search"></span></a></div>
    </div>
  </div>
  <div class="nav-2016 test" id="navigation-2016">
    <div class="section-gray">
      <ul>
        <li><a href="" class="drop" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-1">Magenta 1</a><div class="bg-cont">
            <ul class="row">
              <li class="medium-4 columns"><a href="/magenta1" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-2">Magenta 1</a><ul>
                  <li><a href="/magenta1" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Što je Magenta 1</a></li>
                  <li><a href="/magenta1/magenta-1-max-paketi" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Magenta 1 MAX paketi</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </li>
        <li><a href="" class="drop" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-1">Mobilne usluge</a><div class="bg-cont">
            <ul class="row">
              <li class="medium-2 columns"><a href="/mobiteli" class="mobiteli" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-2">Mobiteli</a><ul id="izbornik_mobilne_usluge">
                  <li><a href="/mobiteli/novi-ugovor" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Na pretplatu</a></li>
                  <li class="nav-space"><a href="/mobiteli-na-bonove" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Na bonove</a></li>
                  <li><a href="/mobiteli/produljenje-ugovora" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Uz produljenje ugovora</a></li>
                  <li><a href="/mobiteli/novi-ugovor" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Uz novi ugovor</a></li>
                  <li class="nav-space"><a href="/rabljeni-mobiteli" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Rabljeni mobiteli</a></li>
                  <li><a href="/novo-u-ponudi" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Novo u ponudi</a></li>
                  <li><a href="/webshop/dodatna-oprema" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Dodatna oprema</a></li>
                </ul>
              </li>
              <li class="medium-2 columns"><a href="/mobilni-internet" class="mobilni_internet" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-2">Mobilni internet</a><ul id="izbornik_mobilne_usluge">
                  <li><a href="https://www.hrvatskitelekom.hr/internet-uredaji/novi-ugovor?internetDeviceType=4&amp;gapt=8-1-1-1-0-0-0" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Tableti</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/internet-uredaji/novi-ugovor?internetDeviceType=8&amp;gapt=8-1-1-1-0-0-0" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Laptopi</a></li>
                  <li class="nav-space"><a href="https://www.hrvatskitelekom.hr/internet-uredaji/novi-ugovor?internetDeviceType=2&amp;gapt=8-1-1-1-0-0-0" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">USB modemi</a></li>
                  <li><a href="/mobilne-tarife/surfanje-uz-pretplatu" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Surfanje uz pretplatu</a></li>
                  <li><a href="/mobilne-tarife/surfanje-uz-bonove" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Surfanje uz bonove</a></li>
                </ul>
              </li>
              <li class="medium-2 columns"><a href="/mobilne-tarife" class="tarife" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-2">Tarife</a><ul id="izbornik_mobilne_usluge">
                  <li><a href="/mobilne-tarife/razgovor-uz-pretplatu" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Uz pretplatu</a></li>
                  <li class="nav-space"><a href="/mobilne-tarife/razgovor-uz-bonove" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Uz bonove</a></li>
                  <li><a href="/mobilne-tarife/surfanje-uz-pretplatu" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Surfanje uz pretplatu</a></li>
                  <li class="nav-space"><a href="/mobilne-tarife/surfanje-uz-bonove" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Surfanje uz bonove</a></li>
                  <li><a href="/mobilne-usluge/pretplatnici/tarifne-opcije" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Opcije uz pretplatu</a></li>
                  <li><a href="/mobilne-usluge/korisnici-bonova/opcije" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Opcije uz bonove</a></li>
                </ul>
              </li>
              <li class="medium-2 columns"><a href="/pogodnosti" class="pogodnosti" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-2">POGODNOSTI</a><ul id="izbornik_mobilne_usluge">
                  <li><a href="/pogodnosti/ponuda-za-mlade" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Ponuda za mlade</a></li>
                  <li><a href="/pogodnosti/diners" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Popusti za Diners plaćanje</a></li>
                  <li><a href="/pogodnosti/produljenje-ugovora" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Produljite ugovor</a></li>
                  <li><a href="/prijenos-broja" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Prenesite broj iz druge mreže</a></li>
                  <li><a href="/pogodnosti/sve-sto-vam-je-potrebno" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Samo tarifa</a></li>
                  <li><a href="/mobilne-usluge/korisnici-bonova/prijelaz-na-pretplatu" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Prijeđite s bonova na pretplatu</a></li>
                </ul>
              </li>
              <li class="medium-2 columns end"><a href="/dodatne-usluge" class="dodatne_usluge" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-2">Dodatne usluge</a><ul id="izbornik_mobilne_usluge">
                  <li><a href="/nadoplata-bona" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Doplata bona</a></li>
                  <li><a href="/mobilne-usluge/usluge/roditeljska-zastita" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Roditeljska zaštita</a></li>
                  <li><a href="/mobilne-usluge/usluge/roaming" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Roaming i međunarodni pozivi</a></li>
                  <li><a href="/dodatne-usluge/stream-on" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Stream On</a></li>
                  <li><a href="/dodatne-usluge/google-play-placanje" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Google Play Trgovina</a></li>
                  <li><a href="/dodatne-usluge/esim" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">eSIM</a></li>
                  <li><a href="/webshop/dodatna-oprema" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Dodatna oprema</a></li>
                  <li><a href="/karta-pokrivenosti" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Karta pokrivenosti</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </li>
        <li><a href="" class="drop" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-1">Fiksne usluge</a><div class="bg-cont">
            <ul class="row">
              <li class="medium-2 columns"><a href="/internet" data-ga-category="Navigation" data-ga-action="Top-2">Internet</a><ul>
                  <li><a href="/max-paketi/optika" data-ga-category="Navigation" data-ga-action="Top-3">Optički internet</a></li>
                  <li><a href="/internet/maxadsl" data-ga-category="Navigation" data-ga-action="Top-3">ADSL internet</a></li>
                  <li><a href="/internet/gigabox" data-ga-category="Navigation" data-ga-action="Top-3"><span class="magenta font-800">Novo!</span> Gigabox</a></li>
                  <li><a href="/internet/internet-posvuda" data-ga-category="Navigation" data-ga-action="Top-3">Internet posvuda</a></li>
                </ul>
              </li>
              <li class="medium-2 columns"><a href="/televizija" data-ga-category="Navigation" data-ga-action="Top-2">Televizija</a><ul>
                  <li><a href="/televizija/maxtv" data-ga-category="Navigation" data-ga-action="Top-3">MAXtv putem interneta</a></li>
                  <li><a href="/televizija/maxtv-sat" data-ga-category="Navigation" data-ga-action="Top-3">MAXtv putem satelita</a></li>
                  <li><a href="/televizija/maxtv-sat-prenosiva-kartica" data-ga-category="Navigation" data-ga-action="Top-3">MAXtv putem satelita na prenosivoj kartici</a></li>
                  <li><a href="/televizija/maxtv-to-go" data-ga-category="Navigation" data-ga-action="Top-3">MAXtv To Go</a></li>
                  <li><a href="/televizija/programski-paketi/maxtv" data-ga-category="Navigation" data-ga-action="Top-3">MAXtv programi</a></li>
                  <li><a href="/televizija/maxtv-mini" data-ga-category="Navigation" data-ga-action="Top-3">MAXtv Mini</a></li>
                </ul>
              </li>
              <li class="medium-2 columns"><a href="/telefon" data-ga-category="Navigation" data-ga-action="Top-2">Telefon</a><ul>
                  <li><a href="/telefon/narudzba/izbor-akcija-nova-linija" data-ga-category="Navigation" data-ga-action="Top-3">Priključak</a></li>
                  <li><a href="/telefon/korisnicki-paketi" data-ga-category="Navigation" data-ga-action="Top-3">Tarife</a></li>
                  <li><a href="/telefon/tarifne-opcije" data-ga-category="Navigation" data-ga-action="Top-3">Opcije</a></li>
                  <li><a href="/dodatne-usluge/halo-pojedinacne" data-ga-category="Navigation" data-ga-action="Top-3">Dodatne usluge</a></li>
                </ul>
              </li>
              <li class="medium-2 columns"><a href="/pogodnosti" data-ga-category="Navigation" data-ga-action="Top-2">Pogodnosti</a><ul>
                  <li><a href="/paketi/ponuda-za-starije" data-ga-category="Navigation" data-ga-action="Top-3">Ponuda za starije</a></li>
                  <li><a href="/pogodnosti/top-kombinacija-maxtv-uz-telefon" data-ga-category="Navigation" data-ga-action="Top-3">Top kombinacija: MAXtv + HALO</a></li>
                </ul>
              </li>
              <li class="medium-2 end columns"><a href="/dodatne-usluge" data-ga-category="Navigation" data-ga-action="Top-2">Dodatne usluge</a><ul>
                  <li><a href="/televizija/maxtv/videoteka" data-ga-category="Navigation" data-ga-action="Top-3">Videoteka</a></li>
                  <li><a href="/televizija/maxtv/snimalica" data-ga-category="Navigation" data-ga-action="Top-3">Snimalica</a></li>
                  <li><a href="/hbogo" data-ga-category="Navigation" data-ga-action="Top-3">HBO GO</a></li>
                  <li class="nav-space"><a href="/televizija/pickbox" data-ga-category="Navigation" data-ga-action="Top-3">Pickbox NOW</a></li>
                  <li><a href="/karta-pokrivenosti" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3">Karta pokrivenosti</a></li>
                </ul>
              </li>
              <li class="medium-2 end columns last-sport" style="border-left: none;"><a href="/televizija/maxtv/sport" style="padding-left: 0px;" data-ga-action="Top-2"><img src="https://static.hrvatskitelekom.hr/webresources/images/banners/banner2_sport_236x190.jpg" style="display: block; max-width: 110%; height: auto; margin: 0px auto;" data-ga-category="Navigation"></a></li>
            </ul>
          </div>
        </li>
        <li><a href="" class="drop" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-1">Paketi</a><div class="bg-cont">
            <ul class="row">
              <li class="medium-3 columns"><a href="/max-paketi" data-ga-category="Navigation" data-ga-action="Top-2">MAX paketi</a><ul>
                  <li><a href="/max-paketi/menu?menu=i-p" data-ga-category="Navigation" data-ga-action="Top-3">Internet + Telefon</a></li>
                  <li><a href="/max-paketi/menu?menu=i-tv" data-ga-category="Navigation" data-ga-action="Top-3">Internet + Televizija</a></li>
                  <li><a href="/max-paketi/menu?menu=i-tv-p" data-ga-category="Navigation" data-ga-action="Top-3">Internet + Televizija + telefon</a></li>
                </ul>
              </li>
              <li class="medium-2 end columns"><a href="/pogodnosti" data-ga-category="Navigation" data-ga-action="Top-2">Pogodnosti</a><ul>
                  <li><a href="/paketi/ponuda-za-starije" data-ga-category="Navigation" data-ga-action="Top-3">Ponuda za starije</a></li>
                  <li><a href="/pogodnosti/top-kombinacija-maxtv-uz-telefon" data-ga-category="Navigation" data-ga-action="Top-3">Top kombinacija: MAXtv + HALO</a></li>
                </ul>
              </li>
              <li class="medium-offset-5 medium-2 no-mob nob columns"><a class="m1menufloater" href="/magenta1" data-ga-category="Navigation" data-ga-action="Top-2"><img style="margin-top: 0.4em;" src="https://www.hrvatskitelekom.hr/webresources/images/magenta-one/M1_navigacija.png"></a></li>
            </ul>
          </div>
        </li>
        <li><a href="" class="drop" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-1">Podrška</a><div class="bg-cont">
            <ul class="row">
              <li class="medium-2 columns"><a href="https://www.hrvatskitelekom.hr/podrska/racuni/pitanja-odgovori" data-ga-category="Navigation" data-ga-action="Top-2">RAČUNI</a><ul>
                  <li><a href="https://www.hrvatskitelekom.hr/dodatne-usluge/e-racun" data-ga-category="Navigation" data-ga-action="Top-3">E-račun</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/racuni/placanje" data-ga-category="Navigation" data-ga-action="Top-3">Plaćanje računa</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/racuni/pojasnjenje-racuna" data-ga-category="Navigation" data-ga-action="Top-3">Pojašnjenje stavki računa</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/racuni/popusti" data-ga-category="Navigation" data-ga-action="Top-3">Popusti</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/racuni/opomene-prigovori-iskljucenja" data-ga-category="Navigation" data-ga-action="Top-3">Opomene, prigovori, isključenja</a></li>
                </ul>
              </li>
              <li class="medium-2 columns"><a href="https://www.hrvatskitelekom.hr/podrska/moj-telekom" data-ga-category="Navigation" data-ga-action="Top-2">Moj Telekom</a><ul>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/moj-telekom-aplikacija" data-ga-category="Navigation" data-ga-action="Top-3"><span class="magenta font-800">Novo!</span><br>Moj Telekom Aplikacija</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/moj-telekom" data-ga-category="Navigation" data-ga-action="Top-3">Moj Telekom Portal</a></li>
                </ul>
              </li>
              <li class="medium-2 columns"><a href="https://www.hrvatskitelekom.hr/podrska/uredaji-i-oprema/podesavanje-uredaja" data-ga-category="Navigation" data-ga-action="Top-2">PODEŠAVANJA UREĐAJA</a><ul>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/uredaji-i-oprema/adsl-wlan" data-ga-category="Navigation" data-ga-action="Top-3">ADSL bežični</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/uredaji-i-oprema/maxtv-uredaji" data-ga-category="Navigation" data-ga-action="Top-3">MAXtv</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/uredaji-i-oprema/internet-stickovi" data-ga-category="Navigation" data-ga-action="Top-3">Internet USB</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/uredaji-i-oprema/zastita-opreme-tijekom-grmljavine" data-ga-category="Navigation" data-ga-action="Top-3">Zaštita uređaja</a></li>
                </ul>
              </li>
              <li class="medium-2 columns"><a href="http://faq.hrvatskitelekom.hr/pages/main.xhtml" data-ga-category="Navigation" data-ga-action="Top-2">PITANJA I ODGOVORI</a><ul>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/racuni/pitanja-odgovori" data-ga-category="Navigation" data-ga-action="Top-3">Računi</a></li>
                  <li><a href="https://faq.hrvatskitelekom.hr/pages/category.xhtml?id=24" data-ga-category="Navigation" data-ga-action="Top-3">MAXtv</a></li>
                  <li><a href="https://faq.hrvatskitelekom.hr/pages/category.xhtml?id=74" data-ga-category="Navigation" data-ga-action="Top-3">Moj Telekom</a></li>
                </ul>
              </li>
              <li class="medium-2 end columns"><a href="https://www.hrvatskitelekom.hr/podrska/kako-do-nas" data-ga-category="Navigation" data-ga-action="Top-2">KONTAKT</a><ul>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/racuni/opomene-prigovori-iskljucenja#kontakt" data-ga-category="Navigation" data-ga-action="Top-3">Pošaljite upit</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/racuni/opomene-prigovori-iskljucenja#prigovori" data-ga-category="Navigation" data-ga-action="Top-3">Prigovori</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/smetnje#prijava-smetnje" data-ga-category="Navigation" data-ga-action="Top-3">Prijavite smetnju</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/t-prodajna-mjesta" data-ga-category="Navigation" data-ga-action="Top-3">Prodajna mjesta</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/prodajni-predstavnici" data-ga-category="Navigation" data-ga-action="Top-3">Prodajni predstavnici</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/premium-podrska" data-ga-category="Navigation" data-ga-action="Top-3">Premium podrška</a></li>
                  <li><a href="https://www.hrvatskitelekom.hr/podrska/virtualni-tehnicar" data-ga-category="Navigation" data-ga-action="Top-3">Virtualni tehničar</a></li>
                </ul>
              </li>
              <li class="medium-2 end columns" style="cursor: default;">
                <ul>
                  <li style="padding-left: 15px;"><img src="/webresources/images/icons/phone_icon.png"><a href="tel:08009000" style="display: inline-block;">0800 9000</a></li>
                  <li style="padding-left: 15px;"><img src="/webresources/images/icons/email_icon.png"><a href="mailto:info@t.ht.hr" style="display: inline-block; text-transform: initial;">info@t.ht.hr</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </li>
        <li class="custom-right basket-2016"><a class="nav-ico basket" title="Košarica" data-ga-track="cta" data-ga-label="Košarica"></a><div class="bg-cont">
            <ul class="row right">
              <li class="medium-12 no-border padding-all-rem-0">
                <ul>
                  <li><a href="/kosarica" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3" class="padding-all-rem-0 margin-all-rem-0">Pregled košarice</a></li>
                  <li><a href="/webshop/status-narudzbe" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Top-3" class="padding-all-rem-0 margin-all-rem-0">Status narudžbe</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </li>
        <li id="user-profile-x" class="custom-right user-2016"><a id="testrunner-btn-login" class="uppercase" data-ga-track="cta" data-ga-label="Prijava" href="/sso/prijava?returnUrl=https%3a%2f%2fwww.hrvatskitelekom.hr%2f"><span>Prijavite se</span></a></li>
      </ul><a class="nav2016-close-btn nav-ico close-nav"></a></div>
  </div>
</div>
	   <!-- END wsTopNavigation2016 -->
	   
		
	   
	</div>
</header>
<!-- END wsNavigationSwitcher -->

<!--# Portal Message #-->
<div id="portal-message" class="grid">
	

<div id="ctl12_ctl02_ctl05_ctl01_MessageControl_divPortalMessageMessage" style="display: none;" class="msg">
    <div id="confirmation" class="activation_note affirmative_activation_note">
        <span id="ctl12_ctl02_ctl05_ctl01_MessageControl_lblPortalMessageMessage" class="PortalMessageLabel"></span>
        <a class="activation_note_close_btn" style="display: none;" href="#"></a>
    </div>
</div>

<div id="ctl12_ctl02_ctl05_ctl01_MessageControl_divPortalMessageInfo" style="display: none;" class="msg">
    <div id="suspended" class="activation_note affirmative_activation_note">
        <span id="ctl12_ctl02_ctl05_ctl01_MessageControl_lblPortalMessageInfo" class="PortalMessageLabel"></span>
    </div>
</div>

<div id="ctl12_ctl02_ctl05_ctl01_MessageControl_divPortalMessageError" style="display: none;" class="errorMsg">
    <div id="error" class="activation_note fault_activation_note">
        <span id="ctl12_ctl02_ctl05_ctl01_MessageControl_lblPortalMessageError" class="PortalMessageLabel"></span>
        <a class="activation_note_close_btn" style="display: none;" href="#"></a>
    </div>
</div>

<div data-content="overview" class="section-white msgbox-2016 padding-all-rem-15 margin-bottom-15" id="divPortalMessageOverlay" style="position: absolute; z-index: auto; top: 443px; left: 571px; display: none;">
    <a class="close"></a>
    <div class="medium-1 small-12 left columns">
	    <ul>
		    <li class="msgBoxIcon">&nbsp;</li>
		</ul>
	</div>
    
    <div class="medium-10 end small-12 columns center">
       <p class="m PortalMessageLabel"></p>
    </div>
</div>


<div id="divPortalMessageErrorInlineRedesign" class="msgbox-2016 msgbox-2016-red padding-all-rem-15 margin-bottom-15 margin-top-15" style="display: none;">
	<a class="close closeInlineMsg"></a>
	<div class="medium-1 small-12 left columns">
		<ul><li class="r1s1">&nbsp;</li></ul>
	</div>
	<div class="medium-10 end small-12 columns center">
		<p class="m"><span class="PortalMessageLabel"></span></p>
	</div>
</div>

<div id="divPortalMessageMessageInlineRedesign" class="msgbox-2016 msgbox-2016-green padding-all-rem-15 margin-bottom-15 margin-top-15" style="display: none;">
	<a class="close closeInlineMsg"></a>
	<div class="medium-1 small-12 left columns">
		<ul><li class="r1s2">&nbsp;</li></ul>
	</div>
	<div class="medium-10 end small-12 columns center">
		<p class="m"><span class="PortalMessageLabel"></span></p>
	</div>
</div>

<div id="divPortalMessageInfoInlineRedesign" class="msgbox-2016 msgbox-2016-orange padding-all-rem-15 margin-bottom-15 margin-top-15" style="display: none;">
	<a class="close closeInlineMsg"></a>
	<div class="medium-1 small-12 left columns">
		<ul><li class="r1s3">&nbsp;</li></ul>
	</div>
	<div class="medium-10 end small-12 columns center">
		<p class="m"><span class="PortalMessageLabel"></span></p>
	</div>
</div>

<script type="text/javascript">
	var lpMTagConfig = lpMTagConfig || {}; lpMTagConfig.pageVar = lpMTagConfig.pageVar || []; lpMTagConfig.vars = lpMTagConfig.vars || [];
	lpMTagConfig.pageVar.push(escape("ErrorName") + "=" + escape(""));
	lpMTagConfig.vars.push(["page", "ErrorCount", '0']);
</script>


</div>

			<!-- Page content -->
			<div id="content-2014" class="content-2014">
				 <a href="/supertjedan" class="plahta-2018" data-ga-track="ee" data-ga-promotion="visible" data-ga-creative="creative1" 
	data-ga-id="supertjedan" 
	data-ga-name="supertjedan" 
	data-ga-position="h-slot-1">
	<div class="row">
		<div class="relative large-12 medium-12 small-12 columns"> 
		</div>      
	</div>
</a>

<div class="container">
	<div class="box box2">
		<a href="/svijetboljihmogucnosti"  data-ga-track="ee" data-ga-promotion="visible" data-ga-creative="creative1" 
		   data-ga-id="svijet-boljih-mogucnosti" 
		   data-ga-name="svijet-boljih-mogucnosti"
		   data-ga-position="h-slot-2" aev-data-ga-track="banner"> 
		</a>
	</div>
	
	<div class="box box3">
		<a href="/kombinacija-mjeseca"  data-ga-track="ee" data-ga-promotion="visible" data-ga-creative="creative1" 
		   data-ga-id="kombinacija-mjeseca" 
		   data-ga-name="kombinacija-mjeseca"  
		   data-ga-position="h-slot-3" aev-data-ga-track="banner">
		</a> 
	</div>
	

	
	<div class="box box4">
		<a href="/pogodnosti/produljenje-ugovora"  data-ga-track="ee" data-ga-promotion="visible" data-ga-creative="creative1" 
		   data-ga-id="bcp6" 
		   data-ga-name="bcp6" 
		   data-ga-position="h-slot-4" aev-data-ga-track="banner">

		</a> 
	</div>
	
	<div class="box box5">
		<a href="/pogodnosti/diners" data-ga-track="ee" data-ga-promotion="visible" data-ga-creative="creative1"
		   data-ga-id="diners" 
		   data-ga-name="diners"   
		   data-ga-position="h-slot-5" aev-data-ga-track="banner"> 
<!-- 		<h2>
				<span>PONUDE ZA STARIJE</span>
			</h2> -->
		</a>	
	</div>
	
	<div class="box box6">
		<a href="/magenta1"  data-ga-track="ee" data-ga-promotion="visible" data-ga-creative="creative1" 
		   data-ga-id="magenta1" 
		   data-ga-name="magenta1"
		   data-ga-position="h-slot-6" aev-data-ga-track="banner">
		</a>	
	</div>
	
	<div class="box box7">
		<a href="/rabljeni-mobiteli" data-ga-track="ee" data-ga-promotion="visible" data-ga-creative="creative1" 
		   data-ga-id="rabljeni-mobiteli"
		   data-ga-name="rabljeni-mobiteli" 
		   data-ga-position="h-slot-7" aev-data-ga-track="banner">
		<h2>
				<span>RABLJENI UREĐAJI</span>
			</h2>
		</a>
	</div>
	
	<div class="box box8">
		<a href="/podrska/moj-telekom-aplikacija" data-ga-track="ee" data-ga-promotion="visible" data-ga-creative="creative1" 
		   data-ga-id="one-app"
		   data-ga-name="one-app" 
		   data-ga-position="h-slot-8" aev-data-ga-track="banner">
		</a>
	</div>

	
</div>


			</div>
			<!-- END Page content -->

			<!-- wsBackToTop -->

<!-- END wsBackToTop -->

<!-- wsScrollDown 

END wsScrollDown -->

<!-- wsFooterNavigation2016 -->
<style>
	::placeholder { color: #a3a3a3 !important; font-size: 14px; } /* selector for placeholder attribute */
	footer .flexbox { display: flex; }
	footer .flexbox.nl { display: flex; flex-flow: column wrap; }
	.uppercase-mt { text-transform: uppercase; color: #383838; margin-left: 5px;  }
	.signin { color: #757575; font-size: 16px !important; float: left; padding-bottom: 12px !important; margin-top: 36px; text-align: left; margin-left: 5px; }
	.nlf-part { float: left; width: 100%;  max-width: 356px; margin-left: 5px; cursor: pointer; }
	.nlf-part.flexbox:hover { cursor: pointer; }
	.nlf-part a { display: block; float: left; width: 83%; }
	.nlf-part input { cursor: pointer !important; background-color: #FFF !important; border: 1px solid #E6E6E6; color: #383838; display: block; font-size: 15px; line-height: 1.7; padding: 13px 17px 13px; font: inherit; width: 100%; border-radius: 0; box-shadow: none; height: inherit; }
	.image-cont { width: 46px; background: #a4a4a4; padding: 12px; float: left; }
	footer .fitem5 { margin-top: 36px; padding-top: 36px !important; padding-bottom: 48px;}
	.footer-container { padding: 0px 10px !important; }
	footer { padding-top: 48px; padding-bottom: 36px; background-color: #f8f8f8;}
	footer .flex-item { padding-top: 0px; }
	.half-foot a { display: block; height: 49px; }
	footer .flex-item p { line-height: 1rem; padding-bottom: 20px !important; font-size: 18px; }
	footer .copyright { padding-top: 0px; }
	footer .half-foot { width: 44%; }
	.custom-p { margin-top: 4px; }
	.image-cont { display: flex; justify-content: center; }
	.image-cont img { align-self: center; }
	
	@media only screen and (max-width: 1160px) {
		.nlf-part { margin-left: 0px; }
	}
	@media only screen and (max-width: 886px) {
		.nlf-part a { width: 80%; }
	}
	@media only screen and (max-width: 768px) {
		footer .fitem5 { margin-top: 0px; padding-top: 36px !important; padding-bottom: 36px;}
		footer .flex-item p { line-height: 1rem !important; padding-bottom: 18px !important; }
		footer .flex-item p, .signin { text-align: center !important; }
		footer .flexbox, footer .flexbox.nl { justify-content: center; }
		.footer-container { padding: 0px 15px !important; }
		.signin { margin-top: 36px !important; padding-top: 36px !important; border-top: 1px solid #dcdcdc; padding-bottom: 18px !important;  }
		.nlf-part { max-width: 100%; border-bottom: 1px solid #dcdcdc; padding-bottom: 36px; margin-bottom: 36px; }
		.nlf-part a { width: 100%; }
		footer .fitem1 { padding-right: 0px; }
		.flex-item .accordion-head { text-align: left !important;}
		.accordion-head { padding-bottom: 18px; }
		.accordion-head:after { right: 23px; padding: 0px !important; }
		.accordion-head.active:after { right: 33px; padding: 0px; padding: 0px !important; }
		footer li { text-align: left; }
		footer li a { font-size: 18px; }
		footer { padding-top: 0px; padding-bottom: 12px; }
		.acc { padding-top: 0px !important; }
		footer .copyright p { padding-bottom: 0px !important; }
	}
	@media only screen and (max-width: 476px) {
		footer .fitem4 img { max-width: initial !important; }
	}
</style>

<footer id="footer">
	<div class="footer-container">
		<div class="flex-parent">
			<div class="flex-item fitem1">
				<ul>
					<p class="accordion-head">WEBSHOP</p>
					<div class="acc">
						<li>
							<a href="/pogodnosti" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Pogodnosti</a>
						</li>
						<li>
							<a href="/kako-kupovati-u-webshopu" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Kako kupovati</a>
						</li>
						<li>
							<a href="/sso/prijava" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Prijava</a>
						</li>
						<li>
							<a href="/podrska/privole-gdpr" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Zaštita privatnosti</a>
						</li>
					</div>
				</ul>
			</div>
			<div class="flex-item fitem2">
				<ul>
					<p class="accordion-head">O NAMA</p>
					<div class="acc">
						<li>
							<a href="/zasto-odabrati-ht" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Upoznajte nas</a>
						</li>
						<li>
							<a href="/svijetboljihmogucnosti" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer" class="text-magenta magenta font-800 text-ultra">Svijet boljih mogućnosti</a>
						</li>
						<li>
							<a href="/podrska/kako-do-nas" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Kontakt</a>
						</li>
						<li>
							<a href="/pravne-napomene" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Uvjeti korištenja i cjenici</a>
						</li>
						<li>
							<a href="/poslovni/veleprodaja" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Veleprodaja</a>
						</li>
					</div>
				</ul>
			</div>
			<div class="flex-item fitem3">
				<ul>
					<p class="accordion-head">NOVO</p>
					<div class="acc">
<!--  						<li>
							<a href="/supertjedan" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">#<span class="text-bold">SUPER</span>TJEDAN </a>
						</li> -->
						<li>
							<a href="/internet/gigabox" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Gigabox - internet za po kući ili za ponijeti</a>
						</li>
						<li>
							<a href="/pogodnosti/ponuda-za-mlade" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Ponuda za mlade</a>
						</li>
						<li>
							<a href="/pogodnosti/diners" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Dinersom povoljnije do mobitela</a>
						</li>
						<li>
							<a href="/webshop/dodatna-oprema" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Dodatna oprema</a>
						</li>
						
<!-- 						<li>
							<a href="/mobilne-tarife/razgovor-uz-pretplatu" data-ga-track="navigation" data-ga-category="Navigation" data-ga-action="Footer">Tarifa Najbolja L 1 kn/mj. 6 mjeseci </a>
						</li> -->

					</div>
				</ul>
			</div>
			<div class="flex-item fitem4">
				<p class="left uppercase-mt">Preuzmi Moj Telekom aplikaciju</p>
				<div class="flexbox custom-p">
					<div class="half-foot">
						<a href="https://play.google.com/store/apps/details?id=com.hrvatskitelekom.m.mojT&referrer=utm_source%3Dht-webshop%26utm_medium%3Dfooter-menu%26utm_campaign%3Dapp-download"><img alt="google-play" src="https://www.hrvatskitelekom.hr/WebResources/images/footer-redesign/google-play.svg"></a>
					</div>
					<div class="half-foot">
						<a href="https://itunes.apple.com/app/apple-store/id1076967450?pt=444585&ct=ht-webshop-footer-menu&mt=8"><img class="app-icon" src="https://www.hrvatskitelekom.hr/WebResources/images/footer-redesign/app-store.svg" alt="iOS aplikacija"></a>
					</div>
				</div>

				<div class="flexbox nl">
					<p class="signin">
						Među prvima saznaj nove pogodnosti.
					</p>
					<div class="nlf-part flexbox" data-ga-track="NewsletterSignupClick" data-ga-category = "Newsletter Signup Click" data-ga-label = "Click on Fake field">
						<a href="/newsletter-prijava">
							<input type="text" class="form-input xs" name="name" id="name" placeholder="Prijavi se na newsletter" disabled>
						</a>
						<div class="image-cont">
							<img style="width: 24px; height: 17px; " src="https://www.hrvatskitelekom.hr/ResourceManager/FileDownload.aspx?rId=12315&rType=1">
						</div>
					</div>
				</div>

			</div>
			<div class="flex-item fitem5">
				<div class="icons-container">
					<a href="https://www.facebook.com/HrvatskiTelekom"><img class="icons" src="https://www.hrvatskitelekom.hr/WebResources/images/footer-redesign/facebook1.svg"></a>
				</div>
				<div class="icons-container">
					<a href="https://instagram.com/hrvatski.telekom"><img class="icons" src="https://www.hrvatskitelekom.hr/WebResources/images/footer-redesign/instagram1.svg"></a>
				</div>
				<div class="icons-container">
					<a href="https://www.youtube.com/user/HrvatskiTelekom"><img class="icons" src="https://www.hrvatskitelekom.hr/WebResources/images/footer-redesign/youtube1.svg"></a>
				</div>
				<div class="icons-container">
					<a href="https://twitter.com/hrvatskitelekom"><img class="icons" src="https://www.hrvatskitelekom.hr/WebResources/images/footer-redesign/twitter1.svg"></a>
				</div>
			</div>
		</div>
		<div class="center text-center copyright">
			<p>
				2019. HT d.d. Sva prava pridržana
			</p>
		</div>
	</div>
</footer>
<script>
	var container = $(".acc");
// 	$(document).ready(function () {
// 		if (window.innerWidth < 768) {
// 			for (var i = 0; i < container.length; i++) {
// 				$(container[i]).addClass("hidden");
// 			}
// 		}
// 	});

	$('p.accordion-head').click(function () {
		if (window.innerWidth < 768) {
			$(this).next('div.acc').slideToggle('fast');
// 			$(this).next('div.acc').addClass('hidden');
			$(this).toggleClass("active");
			$(this).next('div.acc').css("display", "block");
		}
	});
	$(".accordion-head").on('click', function(){
		$(this).next('.acc').addCLass("block");
		
	});
	
	
		$(window).resize(function () {
		if (window.innerWidth > 768) {
			
		}
	});

	var resizeTimer;
	$(window).resize(function () {
		if (window.innerWidth > 768) {
			if ($(container[0]).hasClass("hidden")) {
				for (var i = 0; i < container.length; i++) {
					$(container[i]).css("display", "block");
					$(container[i]).removeClass('hidden');
				}
			}
		} else {
// 			for (var i = 0; i < container.length; i++) {
// 				$(container[i]).css("display", "none");
// 				$(container[i]).addClass('hidden');
// 			}
		}
	});
</script>
<!-- END wsFooterNavigation2016 -->

<!-- wsCookieNotification -->
<div id="cookies-notification" class="cookies-notification">
	<div class="row">
		<a id="cookies-notification-accept-cookie" class="button-gray button-2016 close">Slažem se</a>
		<p>Hrvatskitelekom.hr poštuje vašu privatnost. Kolačiće (eng. 'cookies') koristimo u razne svrhe kao što su funkcionalnost web stranice, poboljšanje korisničkog doživljaja, osiguravanje integracije s društevnim mrežama i prikaz(ciljanih) reklamnih sadržaja. Nastavljajući svoju posjetu na našoj web stranici pristajete na to da koristite kolačiće. <br/><a href="/kolacici-pravila">Postavke kolačića možete promijeniti u bilo kojem trenutku.</a></p>
	</div>
</div>
<!-- END wsCookieNotification -->

<!-- wsOfflineChat -->
<a id="offlineactivator" rel="#offlinechatbox" class="chatover-trigger" style="display:none"></a><div id="offlinechatbox" class="content-overlay" style="width: 340px;">
  <div id="chatformfields" class="pseudo-form form-focus">
    <div>
      <p class="uppercase m"><strong>Trenutno nema</strong><br> dostupnih agenata za chat</p>
      <p>
										Još uvijek možete postaviti pitanje o kupnji HT usluga ili proizvoda. Odgovorit ćemo vam u najkraćem roku.
									</p>
      <div class="field padding-left-1">
        <ul class="group-radio">
          <li><label for="chatkorisnik1"><input type="radio" class="input-radio" name="chatkorisnik" id="chatkorisnik1" value="priv" style="float: left;">Privatni korisnik</label></li>
          <li><label for="chatkorisnik2"><input type="radio" class="input-radio" name="chatkorisnik" id="chatkorisnik2" value="posl"> Poslovni korisnik</label></li>
        </ul>
      </div>
      <div class="field"><label for="chatime">Ime i prezime</label><input class="input-text input-user" id="chatime" type="text" maxlength="60"><label for="chatkontakt">Broj telefona</label><input class="input-text input-phone" id="chatkontakt" type="text" maxlength="15"><label for="chatemail">E-mail</label><input class="input-text input-email" id="chatemail" type="email" maxlength="60"><label for="chatpitanje">Pitanje</label><textarea class="input-text" id="chatpitanje"></textarea></div>
      <p id="chaterror-box" style="display:none;" class="margin-bot-1"><strong style="color:red;">Sva polja su obavezna.</strong></p>
      <p class="margin-bottom-1">Osobne podatke koje ste naveli prikupljamo u svrhe kontaktiranja korisnika. Ujedno jamčite da su podaci koje ste naveli Vaši osobni podaci. Detaljnije o zaštiti osobnih podataka možete vidjeti u <br><a href="https://www.hrvatskitelekom.hr/podrska/privole" target="_blank"> Politici zaštite privatnosti korisnika HT-a</a>.</p><a class="button button-primary" id="chatpitanje-submit">Pošaljite</a></div>
  </div>
  <div id="chatpitanje-done" class="message message-confirmation hidden">
    <h4 class="xl"><strong>Hvala vam!</strong><br>Zaprimili smo vaše pitanje i odgovorit ćemo vam uskoro.</h4>
  </div>
</div>
<!-- END wsOfflineChat -->

<!-- wsCallbackOverlayForm -->
<style>
				.margin-auto {margin: 0 auto 1em;}
				.call-back-overlay .section-cyan {height: 1.25em; width: 100%; margin-bottom: 2em;}
				.call-back-overlay {padding: 0!important;}
			</style><script>
				if(typeof(SnT) != "undefined")
				{
					SnT.Contact.Pages.Initialize("ContactForm");
				}
				
				function showOverlay1(){
					$("a[rel='#callback-overlay']").overlay().load()
				}
			</script><div id="callback-overlay" class="content-overlay call-back-overlay modal modal-small center"><a class="close"></a><div class="modal-content">
    <div class="js-callback-form">
      <h1 class="m margin-top-1 margin-up-1"><strong>ŽELITE LI DA VAS KONTAKTIRAMO?</strong></h1>
      <p class="margin-bot-2 margin-bottom-2">Ostavite nam svoje podatke kako bismo vas mogli kontaktirati i odgovoriti na vaša pitanja</p>
      <div class="padding-bottom-15 p-t-2">
        <div class="field"><input type="text" class="input-text form-input block margin-auto js-callback-name" placeholder="Ime i prezime"><p class="small-note small-note-error js-callback-name-error hidden">Ovo polje je obavezno.</p>
        </div>
        <div class="field"><input type="tel" class="input-text form-input block margin-auto js-callback-phone" placeholder="Kontakt broj" maxlength="10"><p class="small-note small-note-error js-callback-phone-error hidden">Ovo polje je obavezno.</p>
        </div>
        <p class="margin-bottom-1 m-b-2 story">Osobne podatke prikupljamo radi kontaktiranja korisnika. Zato je važno da su točno napisani. Detaljnije o zaštiti osobnih podataka pogledajte u <br><a href="https://www.hrvatskitelekom.hr/podrska/privole" target="_blank"> Politici zaštite privatnosti korisnika HT-a</a>.</p><button type="button" rel="#callback-overlay" class="&#xA;										button white block margin-auto left button-primary js-callback-submit btn btn-brand&#xA;									">
							Nazovite me</button></div>
    </div>
    <div class="hidden js-callback-done">
      <h1 class="m margin-top-1 margin-up-1"><strong>HVALA!</strong></h1>
      <p class="margin-bot-2 margin-bottom-2">Zaprimili smo vaš upit. <br>Naši agenti će vas uskoro kontaktirati.</p>
    </div>
  </div>
</div>
<!-- END wsCallbackOverlayForm -->

<!-- wsLivePersonChatButton -->
<div class="atss">
  <div class="service1"><a rel="#callback-overlay" class="over-trigger"><img src="https://www.hrvatskitelekom.hr/webresources/live-person-chat/call-me.png"></a></div><a><div id="LP_DIV_1484822487983" class="service2"></div></a></div>
<!-- END wsLivePersonChatButton -->

<!-- wsUserNotifications -->

<!-- END wsUserNotifications -->

<!-- wsNajboljaPonuda -->

<!-- END wsNajboljaPonuda -->

<!--# Magenta  #-->
<!-- module id="MagentaTeaser" type="TemplatePicker"  Name="wsMagentaTeaser"></module -->


<!-- wsSupertjedanOvertake -->

<!-- END wsSupertjedanOvertake -->
		</form>
		<!-- module type="ScriptManager" id="wsScriptManager"></module -->
<!-- module id="ScriptVariables" type="TemplatePicker" Name="wsScriptVariables"></module -->
<!-- module id="Scripts" type="TemplatePicker" Name="wsScripts"></module -->
<!--LP chat 728--><!--false--><script type="text/javascript" src="https://www.hrvatskitelekom.hr/WebResources/LivePersonChat/le-mtagconfig.js" xmlns:user="urn:my-scripts"></script><script xmlns:user="urn:my-scripts">

            lpTag.section = [
            
            "ht-sales", "ws-main-page"

            ];

        </script>

		<div id="mc_embed_signup" style="display:none">
	<form action="//hrvatskitelekom.us9.list-manage.com/subscribe/post?u=0d5eb20e6e39c5bf888683064&amp;id=679f3c7b1a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
		<div id="mc_embed_signup_scroll">
			<h2>Subscribe to our mailing list</h2>
			<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
			<div class="mc-field-group">
				<label for="mce-EMAIL">Email Address  <span class="asterisk">*</span>
				</label>
				<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
			</div>
			<div id="mce-responses" class="clear">
				<div class="response" id="mce-error-response" style="display:none"></div>
				<div class="response" id="mce-success-response" style="display:none"></div>
			</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
			<div style="position: absolute; left: -5000px;"><input type="text" name="b_0d5eb20e6e39c5bf888683064_679f3c7b1a" tabindex="-1" value=""></div>
			<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
		</div>
	
</div>
<script type="text/javascript" src="https://static.hrvatskitelekom.hr/webresources/js/jquery.bxslider.js"></script>
<script>
	$(document).ready(function(){
	  $('#slider-banner').bxSlider({
		pager: true,  
		slideWidth: 320,
		minSlides: 1,
		maxSlides: 1,
		slideMargin: 0,
		  auto: true,
		  infiniteLoop: true
		  
	  });
	  $('#slider-mob').bxSlider({
		   pager: true,
		slideWidth: 320,
		minSlides: 1,
		maxSlides: 1,
		slideMargin: 0
	  });

		$("#search-start").click(function() {
			if($("#q").val().length > 1) {
				window.location="https://www.hrvatskitelekom.hr/rezultati-pretrazivanja/?q="+$("#q").val();
			}
		});
		$("#q").keyup(function(event){
			if(event.keyCode == 13){
				window.location="https://www.hrvatskitelekom.hr/rezultati-pretrazivanja/?q="+$("#q").val();
			}
		});
		
		$("#newssubmit").click(function(){
			//required
			var listacheck = 0;
			var emailinput = $("#fieldEmail");
			
			$("#error").hide();
			if ( !checkEmail( $("#fieldEmail").val() ) ) {
				//$("#error").show();
				SnTUtils.HttpContext.Response.Redirect("/e-novosti/neuspjesna-prijava");
				listacheck = 1;
			}
			
			if (listacheck == 0) {
				//copy value
				$("#mce-EMAIL").val( $("#fieldEmail").val() );
				
				var $form = $("#mc-embedded-subscribe-form");
				$.ajax({
					url: getAjaxSubmitUrl(), 
					type: 'GET', 
					dataType: 'json', 
					data: $form.serialize(),
					contentType: "application/json; charset=utf-8",
					success:function(resp){
						$("#fieldEmail").val("");
						if (resp.result == "success"){
							SnTUtils.HttpContext.Response.Redirect("/e-novosti/uspjesna-prijava");
						}else{
							SnTUtils.HttpContext.Response.Redirect("/e-novosti/neuspjesna-prijava");
						}
						
					}
				});
				
			}else{
				//error
				//$('html, body').stop().animate({
				//	'scrollTop': $("p.small-note-error:first").offset().top - 80
				//}, 500, 'swing');
				return false;
			}
			
		});
	});
	function getAjaxSubmitUrl() {
		var url = $("#mc-embedded-subscribe-form").attr("action");
		url = url.replace("/post?u=", "/post-json?u=");
		url += "&c=?";
		return url;
	}
	function checkEmail(email){
		var str = email;
		var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
		if (filter.test(str)){
			return true;
		}
		return false;
	}
</script>

		
	</body>
</html>