body { font-size: 100%; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input::-o-outer-spin-button, input::-o-inner-spin-button {-o-appearance: none; margin: 0;}

.back-btn-container { float: right; margin: 1em 0 0; }
.back-btn-container a { font-size: 0.75em; }
.back-link { display: block; font-size: 0.875em; margin: 0.5em 0 0; }

.marketplace p {font:normal 1.125em/normal Tele-grotesk; margin:0 0 1.2em;}

p.process-lead { clear: both; margin: 0 0 0.5em; }

p.checkout-note { font: normal 0.875em/1.2 Tele-grotesk; color: #999; margin: 0 0 1em; }

.e2e p { font: normal 1em/1.25 Tele-grotesk; }
.e2e > h3 { clear: both; font: normal 1.625em/1.3 Tele-groteskfet; margin: 0 0 0.5em; }
.e2e > h4 { clear: both; font: normal 1.25em/1.3 Tele-groteskfet; margin: 0 0 0.5em; }

.kosarica-container { float: right; position: relative; /*border-top:1px solid #e2e2e2;*/ margin: 0; }
.kosarica-container .button, .kosarica-container .button-gray { float: right; }
.kosarica-container .button img, .kosarica-container .button-gray img { margin: 0 -0.375em 0.125em 0.5em; }
.kosarica-container .button img:first-child, .kosarica-container .button-gray img:first-child { margin: 0 0.5em -0.125em -0.375em; }
.usp-container + .kosarica-container { margin-top: -0.75em; }

.filter-list { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 0.875em; list-style-type: none; -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; border-radius: 0.3125em; border: 1px solid #e1e1e1; height: 2.625em; position: relative; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dadada 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada)); background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 100%); background: -o-linear-gradient(top, #ffffff 0%,#dadada 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dadada 100%); background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); }
.filter-list-li { float: left; padding: 1px 0; position: relative; width: 33.33333333333333333333333%; }
.filter-list-li a.filter-drop-trigger { display: block; text-align: center; border-left: 1px solid #c4c4c4; font: normal 1em/2.375em Tele-groteskhal; color: #505050; text-transform: uppercase; background: transparent url(../images/filter-list-bg.png) no-repeat 6% 0; height: 2.375em; }
.filter-list-li:first-child a.filter-drop-trigger { border-left: none; }
.filter-list-li a.filter-drop-trigger:hover { color: #666; }
.filter-list-li a.filter-drop-trigger span { display: block; background: transparent url(../images/filter-list-bg.png) no-repeat 98% -114px; }
.filter-list-li.selected a.filter-drop-trigger span { background-position: 280px -152px; }
.filter-list li.filter-user a.filter-drop-trigger { background-position: 6% 0; }
.filter-list li.filter-tarif a.filter-drop-trigger { background-position: 6% -38px; }
.filter-list li.filter-filter a.filter-drop-trigger { background-position: 6% -76px; }
.filter-list-li.selected { background: #161616; }
.filter-list-li:first-child { -webkit-border-radius: 0.25em 0 0 0; -moz-border-radius: 0.25em 0 0 0; border-radius: 0.25em 0 0 0; }
.filter-list-li:last-child { -webkit-border-radius: 0 0.25em 0 0; -moz-border-radius: 0 0.25em 0 0; border-radius: 0 0.25em 0 0; }
.selected-nr-baloon { font: normal 1em/1.5 Arial, Helvetica, sans-serif; color: #4b4b4b; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; padding: 0.5em 1.125em; margin: 0 0 0.875em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #f7f4b1; float: left; }
.selected-nr-baloon a { font: inherit; }
.selected-nr-baloon .selector {top:10px;}

.filter-list.prepaid { height: auto; }
.filter-list.prepaid h4 { font: normal 1.375em/1.6 Tele-groteskhal; color: #888; padding: 0.2272727272727273em 0 0 0.7272727272727273em; }
.filter-list-prepaid-li { float: left; padding: 0.25em 1em; position: relative; width: 33.33333333333333333333333%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 6; }
.filter-list.prepaid .selector { width: 100%; }
.filter-list.prepaid .multi-select { min-width: 97%; }
.filter-list.prepaid .multi-select li { margin: 0.5em 0; }
.filter-list.prepaid .small_button { float: right; margin: 0.75em 1.5em 0 0; }

.filter-drop-box { position: absolute; top: 100%; left: 0; background: #282828; z-index: 10; -webkit-border-radius: 0 0 0.25em 0.25em; -moz-border-radius: 0 0 0.25em 0.25em; border-radius: 0 0 0.25em 0.25em; padding: 0.625em 1.875em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; background: #282828; background: -moz-linear-gradient(top, #161616 0%, #282828 18%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#161616), color-stop(18%,#282828)); background: -webkit-linear-gradient(top, #161616 0%,#282828 18%); background: -o-linear-gradient(top, #161616 0%,#282828 18%); background: -ms-linear-gradient(top, #161616 0%,#282828 18%); background: linear-gradient(to bottom, #161616 0%,#282828 18%); }

.filter-drop-trigger ::selection { background: transparent; color: inherit; }
.filter-drop-trigger ::-moz-selection { background: transparent; color: inherit; }
.filter-list li.filter-list-li.selected a.filter-drop-trigger { color: #adadad; border-left: 0; }

.filter-drop-box .multi-select-container { margin: 0.5625em 0 0.25em; }
.filter-drop-box .multi-select-triger span, .filter-drop-box .selector { width: 100%; }
.filter-drop-box .multi-select { width: 97%; }
.filter-drop-box .multi-select li { margin: 0.5em 0; }
.filter-drop-box .multi-select { position: relative; top: -0.25em; }
.multi-select label { font: normal 1em/1.4 Tele-grotesk; }
.multi-select .checker { float: left; }
ul.filter-radio { list-style-type: none; }
ul.filter-radio li { float: none; padding: 0; margin: 0.75em 0; }
ul.filter-radio li .radio { top: 0; float: left; }
ul.filter-radio li label { color: #969696; font: font:normal 0.9375em/normal Tele-grotesk; }
.for-number { display: none; color: #969696; font: normal 0.875em/1 Arial Narrow, Arial, Helvetica, sans-serif; font-stretch: condensed; margin: 0 0 0.75em 3em; }
.for-number a { font: inherit; }
.for-number a span { font: normal 1rem/1 Arial, Helvetica, sans-serif; color: #fff; }
.for-number a:hover { text-decoration: none; }
.device-filters-box .for-number { float:left; margin: 0.5em 0 0; color: #e5e5e5; }
.device-filters-box .for-number a span { color: #dfff; }

.filter-odabir-broja { list-style-type: none; display: none; margin: 1em 0 0; }
.filter-odabir-broja li { margin: 0 0 1.5em; }
.filter-odabir-broja li.divider { margin: 0 0 0.75em; padding: 0 0 0.75em; border-bottom: 1px solid #555; }
.filter-odabir-broja h4 { font: normal 1.125em/1 Tele-grotesk, Arial, Helvetica, sans-serif; color: #959595; margin: 0 0 1.5em; }
.filter-odabir-broja h5 { font: normal 1.125em/1 Tele-groteskfet, Arial, Helvetica, sans-serif; color: #959595; margin: 0.25em 0 0.75em; float: left; width: 100%; }
.filter-odabir-broja label { font: bold 1em/1 Arial, Helvetica, sans-serif; color: #eee; }
.filter-odabir-broja p.tarif { font: bold 0.875em/1.2 Arial, Helvetica, sans-serif; color: #999; margin: 0 0 0.2857142857142857em 2.714285714285714em; }
.filter-odabir-broja p.tarif span { font-weight: normal; }
.filter-odabir-broja p.napomena { font: normal 0.875em/1.2 Arial Narrow, Arial, Helvetica, sans-serif; font-stretch: condensed; color: #666; margin: 0 2em 0 3.5em; }
.filter-odabir-broja p.napomena span { font: bold 1em/1.2 Arial, Helvetica, sans-serif; font-stretch: normal; }
.filter-odabir-broja p.green { color: #64ff00; }
.filter-odabir-broja p.yellow { color: #ffff00; }
.filter-odabir-broja p.red { color: #ff3c00; }
.filter-odabir-broja p.gray { color: #666; }
.device-filters-box .filter-odabir-broja { position: absolute; top:1.75em; z-index: 10; margin: 0 0 0 1.5%; padding: 1em 0.75em; width: 88%; background: #282828; background: -moz-linear-gradient(top, #161616 0%, #282828 18%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#161616), color-stop(18%,#282828)); background: -webkit-linear-gradient(top, #161616 0%,#282828 18%); background: -o-linear-gradient(top, #161616 0%,#282828 18%); background: -ms-linear-gradient(top, #161616 0%,#282828 18%); background: linear-gradient(to bottom, #161616 0%,#282828 18%); }
.device-filters-box .filter-odabir-broja p.napomena { margin-right: 0; }
.filter-drop-box .x_button { float: right; margin: 0.625em 0 0.3125em; }
.filter-drop-box .button-magenta { display: block; text-align: center; margin: 0.375em; }
.filter-drop-box .button-gray { width: 100%; text-align: center; margin: 0.5em 0; }

.process-filter-box {border:1px solid #e2b266; background:#ffe292; font-size:1.125em; line-height:2.44; padding:0.33em 0.5em; text-shadow:0 1px 1px #fff; margin:0 0 0.889em; -moz-box-
shadow:inset 0 1px 1px 0 #fff; -webkit-box-shadow:inset 0 1px 1px 0 #fff; box-shadow:inset 0 1px 1px 0 #fff; -o-box-shadow:inset 0 1px 1px 0 #fff; -moz-border-radius:0.25rem; -o-border-radius:0.25rem; -webkit-border-radius:0.25rem; border-radius:0.25rem; position:relative; z-index:11;}
.process-filter-box:after, .device-filters:after, .filter-dropdown ul.filter-radio {content: ''; display: table; clear: both;}
.process-filter-box .trajni-popust {float:right; font-size:0.83em; line-height:1.2; width:10.75em; margin:0.25em 0 0; font-style:italic;}
.process-filter-box .process-filters {float:left;}
.process-filter-box select {border:1px solid #d8d8d8; padding:10px 4px; margin:0 0 6px; width:100%; font-size:18px; font-family:Tele-grotesk; outline:none; cursor:pointer;
	-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 2px 2px 0 #fff; -webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 2px 2px 0 #fff; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 2px 2px 0 #fff; -o-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 2px 2px 0 #fff;
	-moz-border-radius:0.25rem; -o-border-radius:0.25rem; -webkit-border-radius:0.25rem; border-radius:0.25rem;
	background:#fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(50%,#ffffff)); background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 50%); background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 50%); background: -o-linear-gradient(top,  #f1f1f1 0%,#ffffff 50%); background: -ms-linear-gradient(top,  #f1f1f1 0%,#ffffff 50%); background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 50%);
}
.process-filter-box select option {background:#fff;}
.process-filter-box .filter-dropdown-container {display:inline-block; position:relative; font-size:16px; font-size:1rem; line-height:normal;}
.process-filter-box .filter-dropdown-container.contract {width:14em;}
.process-filter-box .filter-dropdown-container.duration {width:8em;}
.process-filter-box .filter-dropdown-container.tarif {width:12em;}
.device-filters {list-style-type:none; margin:0 0 1em; position:relative; z-index:10;}
.device-filters > li {float:left; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:24.25%; margin:0 0 0 1%;}
.device-filters > li:first-child {margin-left:0;}
.filter-trigger {display:block; border:1px solid #d8d8d8; z-index:11; position:relative; padding:0 0.5em; font-size:1.125em; line-height:2.333; height:2.333em; color:#333; cursor:pointer; -moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 2px 2px 0 #fff; -webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 2px 2px 0 #fff; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 2px 2px 0 #fff; -o-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 2px 2px 0 #fff; -moz-border-radius:0.25rem; -o-border-radius:0.25rem; -webkit-border-radius:0.25rem; border-radius:0.25rem; background:#fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(50%,#ffffff)); background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 50%); background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 50%); background: -o-linear-gradient(top,  #f1f1f1 0%,#ffffff 50%); background: -ms-linear-gradient(top,  #f1f1f1 0%,#ffffff 50%); background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );}
.filter-trigger:before, .filter-trigger:after {background:transparent url(../images/device-filters.png) no-repeat 0 0; display:inline-block; content:''; width:25px; height:25px; position:relative; top:6px;}
.filter-trigger:before {margin:0 8px 0 0;}
.filter-trigger.proizvodjac:before {background-position:0 -33px;}
.filter-trigger.os:before {background-position:0 -66px;}
.filter-trigger.sort:before {background-position:0 -97px;}
.filter-trigger:after {float:right; height:6px; width:20px; background-position:0 -130px; top:18px;}
.process-filter-box .filter-trigger:before {display:none;}
.filter-trigger::selection {background:transparent; color:#333;}
.filter-dropdown {display:none; background:#fff; position:absolute; top:2.5em; left:0; right:0; padding:0.75em; -moz-border-radius:0 0 0.25rem 0.2rem; -o-border-radius:0 0 0.25rem 0.2rem; -webkit-border-radius:0 0 0.25rem 0.2rem; border-radius:0 0 0.25rem 0.2rem; z-index:10; border:1px solid #d8d8d8; -moz-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.35); box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.35); -o-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.35);}
.filter-dropdown ul.filter-radio {margin:0 0 0.75em}
.filter-dropdown ul.filter-radio li {margin:0.75em 0 0; float:left; width:100%;}
.filter-dropdown ul.filter-radio li label {font:normal 1em/1.4 Tele-grotesk; color:#333; cursor:pointer;}
.filter-dropdown .checker, .filter-dropdown .radio {float:left;}
.filter-dropdown .filter-odabir-broja {margin:0.5em 0 0;}
.filter-dropdown .filter-odabir-broja h4 {color:#666; margin:0 0 1em; font-size:1em;}
.filter-dropdown .filter-odabir-broja label {font:normal 1.125em/1 Tele-groteskfet; color:#333;}

.filter-dropdown .filter-odabir-broja p.tarif {font:normal 1em/1.2 Tele-grotesk; color:#666; margin:0 0 0.2em 2.5em;}
.filter-dropdown .filter-odabir-broja p.napomena {font-family:Tele-grotesk; font-stretch:normal;}
.filter-dropdown .filter-odabir-broja p.napomena span {font-family:Tele-groteskfet;}
.filter-dropdown .filter-odabir-broja p.green { color: green; }
.filter-dropdown .filter-odabir-broja p.yellow { color: orange; }
.filter-dropdown .filter-odabir-broja li.divider {border-bottom: 1px solid #d1d1d1; }
.filter-dropdown .for-number a span {font-family:Tele-grotesk; color:#333; }

.list-device-box-container { width: 103.125%; float: left; }
.list-device-box { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: solid 1px #e1e1e1; -webkit-border-radius: 0.375em; -moz-border-radius: 0.375em; border-radius: 0.375em; margin: 0 1.5625% 1.5625% 0; width: 31.25%; position: relative; padding: 0.75em 1.5%; height: 21em; background:#f1f2f2; background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#fdfdfd), color-stop(100%,#dadada)); background: -moz-linear-gradient(top,  #fdfdfd 58%, #dadada 100%); background: -webkit-linear-gradient(top,  #fdfdfd 58%,#dadada 100%); background: -o-linear-gradient(top,  #fdfdfd 58%,#dadada 100%); background: -ms-linear-gradient(top,  #fdfdfd 58%,#dadada 100%); background: linear-gradient(to bottom,  #fdfdfd 58%,#dadada 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dadada',GradientType=0 ); -webkit-transition: all 150ms; -moz-transition: all 150ms; -ms-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms; }
.list-device-box.unavailable { filter: none; background: #fff url(../images/tarif-disabled-bg.png) repeat 0 bottom; }
.list-device-box h2 { font: normal 1.125em/1 Headline-ult; margin: 0 0 1.8em; text-transform:uppercase; padding: 0; height: 1em; overflow: hidden; color: #4b4b4b; }
.list-device-box h3 { font: normal 1.125em/1 Headline; margin: -1.5em 0 0.8em; text-transform:uppercase; padding: 0; height: 1em; overflow: hidden; color: #4b4b4b; letter-spacing:-1px;}
.list-device-img { float: left; width: 48.73646209386282%; margin: 0 5.41516245487365% 0.35em 0; text-align: center; position: relative; }
.lte-sticker { position: absolute; width: 58px; height: 58px; left: 0; bottom: 30px; background: transparent url(/ResourceManager/GetImage.aspx?imgId=3042) no-repeat left top; }
.lte-sticker-detalji { position: absolute; width: 58px; height: 58px; left: 12%; top: 6.8em; background: transparent url(/ResourceManager/GetImage.aspx?imgId=3042) no-repeat left top; }
.lte-sticker-naslovnica { position: absolute; width: 58px; height: 58px; left: 0; top: -10px; background: transparent url(/ResourceManager/GetImage.aspx?imgId=3042) no-repeat left top; }
.unavailable .lte-sticker, .unavailable .lte-sticker-detalji, .unavailable .lte-sticker-naslovnica { opacity: 0.4; }
.list-device-img img, .list-device-img canvas { margin: 0 auto; }
.list-device-prices { float: left; width: 45.84837545126353%; margin: 0; cursor: default; position: relative; z-index: 5; }
.list-device-prices p { font: normal 0.875em/1 Tele-grotesk; }
.list-device-prices p.tarif { margin: 0 0 0.5714285714285714em; color: #505050; }
.list-device-prices p.tarif a { display: block; font-size: 1.142857142857143em; }
.list-device-prices p.in-tarif { font:normal 0.9375em/1.25 Headline-ult; text-transform:uppercase; margin:0 0 1em;}
.list-device-prices p.in-tarif a { display: block; font-family:Tele-grotesk; text-transform:none; }
.list-device-prices p.split-price {font-size:1em; margin:0 0 0.75em;}
.unavailable .list-device-prices p.split-price {margin:0 0 0.5em;}
.list-device-prices p.split-price span {display:block; font-size:2.5em; color:#e20074; border-bottom:1px solid #c1c1c1;}
.unavailable .list-device-prices p.split-price span {font-size:1.75em;}
.list-device-prices p.split-price span:after {content:' kn'; font-size:0.75em;}
.list-device-prices p.split-price:after {display:block; line-height:1.5; content:'jednokratno';}
.list-device-prices p.split-price.monthly:after {content:'mjesečno';}
.list-device-prices p.split-price.prepaid:after {content:'iznos na računu*';}
.list-device-prices p.split-price.empty:after {display:none;}
.list-device-prices p.webshop-price { background: transparent url(../images/horizontal-divider.png) no-repeat 50% bottom; background-size: 100% 1px; padding: 0 0 0.3571428571428571em; margin: 0 0 0.3571428571428571em; color: #505050; }
.list-device-prices p.webshop-price span { font: normal 2.571428571428571em/1 Tele-groteskfet; color: #e20074; letter-spacing: -1px; }
.list-device-prices p.webshop-price span.currency { display: inline-block; font-size: 1.357142857142857em; position: relative; bottom: 0.5789473684210526em; left: 0.1052631578947368em; margin: 0; }
.list-device-prices p.centers-price { background: transparent url(../images/horizontal-divider.png) no-repeat 50% bottom; background-size: 100% 1px; padding: 0 0 0.3571428571428571em; margin: 0 0 0.3571428571428571em; color: #505050; height: auto; }
.list-device-prices p.centers-price span { font: normal 1.571428571428571em/1 Tele-groteskhal; }
.list-device-prices p.centers-price span.currency { display: inline-block; font-size: 0.9285714285714286em; position: relative; bottom: 0.4615384615384615em; left: 0.1538461538461538em; margin: 0; color: #505050; }
.list-device-prices p.webshop-price.prepaid { background-image: none; padding: 0; margin: 1em 0 0.2857142857142857em; }
.list-device-prices p.webshop-airtime { background: transparent url(../images/horizontal-divider.png) no-repeat 50% bottom; background-size: 100% 1px; padding: 0 0 0.3571428571428571em; margin: 0 0 0.3571428571428571em; color: #505050; }
.list-device-prices p.centers-price.prepaid { }
.list-device-prices p.webshop-airtime span { font: normal 2.285714285714286em/1 Tele-groteskfet; color: #666; letter-spacing: -1px; }
.list-device-prices p.webshop-airtime span.currency { display: inline-block; font-size: 1.214285714285714em; position: relative; bottom: 0.5789473684210526em; left: 0.1052631578947368em; margin: 0; }
.list-device-prices p.centers-airtime { background: transparent url(../images/horizontal-divider.png) no-repeat 50% bottom; background-size: 100% 1px; padding: 0 0 0.3571428571428571em; margin: 0.2142857142857143em 0 0; color: #505050; height: auto; font-size: 0.8125em; }
.list-device-prices p.centers-airtime span { font: normal 1.571428571428571em/1 Tele-groteskfet; color: #a1a1a1; }
.list-device-prices p.centers-airtime span.currency { display: inline-block; font-size: 0.9285714285714286em; position: relative; bottom: 0.4615384615384615em; left: 0.1538461538461538em; margin: 0; }
.list-device-prices p.noborder {background-image:none;}

.list-device-img .ec-new.split-discount, .device-calculate-box .device-img .ec-new.split-discount {position:absolute; background: #fdd167; font: normal 0.9375em/1 Headline; text-transform: uppercase; padding: 0.25em 0.5em; -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); color: #333; left: 0; top:0; text-align:left; width:auto !important;}
.list-device-img .ec-new.split-discount span, .device-calculate-box .device-img .ec-new.split-discount span {font-family:Headline-ult;}

.list-device-prices p.soon { font: normal 0.8125em/1.2 Arial Narrow, Arial, Helvetica, sans-serif; font-stretch: condensed; color: #333; margin: 0.3076923076923077em 0 0; }
.list-device-prices p.nedostupno { font: normal 1em/1.2 Arial Narrow, Arial, Helvetica, sans-serif; font-stretch: condensed; color: #333; text-transform: uppercase; margin: 3.5em 0 1.5em; padding: 0.75em 0; background-image: url(../images/horizontal-divider.png), url(../images/horizontal-divider.png); background-position: 50% bottom, 50% top; background-repeat: no-repeat; background-size: 100% 1px; }
.list-device-prices .other-tarifs { font: normal 0.875em/1 Tele-grotesk; padding: 0 2.142857142857143em 0 0; display: inline-block; }
.list-device-bottom { float: left; width: 100%; }
.list-device-bottom .button, .list-device-bottom .button-magenta, .list-device-bottom .button-gray { margin: 0.4166666666666667em 0 0; }
.list-device-bottom .button-magenta { padding: 0; margin: 0.1666666666666667em 0 0; display: block; text-align: center; width: 45.84837545126353%; float: right; }
.list-device-bottom .button-gray.notify { padding: 0 0.5555555555555556em; }
.list-device-bottom .list-device-control { float: left; width: 48.73646209386282%; margin: 0 5.41516245487365% 0 0; }
.list-device-bottom .more-details { display: block; text-align: left; padding: 0; margin: 0 0 0.375em 0.8571428571428571em; font: normal 0.875em/1.142857142857143em Tele-grotesk; }
.list-device-bottom .more-details span { background: transparent url(../images/more-icon.png) no-repeat 0 2px; padding: 0 0 0.1428571428571429em 1.428571428571429em; }
.list-device-bottom .compare-box { padding: 0; margin: 0 0 0 0.5625em; }
.list-device-bottom .compare-box label { font: normal 0.875em/1.285714285714286em Tele-grotesk; }
.list-device-bottom .email-link { width: 45.84837545126353%; float: right; display: block; }
.button-holder .email-link { font-size: 12px; }
.posebna-ponuda { position: absolute; z-index:9; right: -0.625em; top: -0.5em; display: block; width: 7.3125em; height: 7.1875em; background: transparent url(../images/najbolja-ponuda.png) no-repeat 0 0; }
.posebna-ponuda.webonly { background: transparent url(../images/samo-na-webu.png) no-repeat 0 0; }
.posebna-ponuda.rasprodano { background: transparent url(../images/uskoro-dolazi.png) no-repeat 0 0; }
.posebna-ponuda.u-kosarici { background: transparent url(../images/popust-u-kosarici.png) no-repeat 0 0; }
/*.device-calculate-li .posebna-ponuda { left: -0.5625em; top: 50%; margin: -5.75em 0 0; width: 2em; height: 12.75em; background: transparent url(../images/najbolja-ponuda-left.png) no-repeat 0 0; }
.device-calculate-li .posebna-ponuda.webonly { background: transparent url(../images/samo-na-webu-left.png) no-repeat 0 0; }
.device-calculate-li .posebna-ponuda.rasprodano { background: transparent url(../images/rasprodano-left.png) no-repeat 0 0; cursor: default; }
.device-calculate-li .posebna-ponuda.u-kosarici { background: transparent url(../images/popust-u-kosarici-left.png) no-repeat 0 0; }*/

.sold-out { position: absolute; right: -0.1875em; top: -0.1875em; display: block; width: 5.6875em; height: 5.625em; background: transparent url(../images/rasprodano.png) no-repeat 0 0; }
.list-device-head { margin: 0 0 0.625em; float: left; width: 100%; }
.list-device-head p { font: normal 0.9375em/normal Tele-grotesk; margin: 0; padding: 0; }
.list-device-details img { width: 6.625em; margin: 0 0 0.3125em; }
.list-device-box.unavailable .list-device-img img { filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.list-device-details .links { text-align: center; }
.list-device-details .button { margin: 1.875em 0 0; }
.list-device-details .small_button { margin: 0.3125em 0 0; }
.list-device-prices p.unavailable { font: normal 0.875em/normal Tele-grotesk; margin: 0.2857142857142857em 0 0; float: left; }
.list-device-prices p.device-added { font: normal 0.9375em/normal Tele-grotesk; margin: 1em 0 0; float: left; }
.list-device-prices p.tarif-unavailable { font: normal 1em/normal Tele-grotesk; margin: 2.25em 0; float: left; }
.list-device-more { border-top: 1px solid #e5e5e5; padding: 0.25em 0; width: 100%; float: left; text-align: center; height: 3.625em; background: #f5f5f5; }
.list-device-more .unavailable { font-size: 0.6875em; padding: 0 1.363636363636364em; }
.list-device-more .button { margin: 0.625em 0 0; }
.list-device-more .small_button { margin: 0.125em 0 0; }
.compare-box { margin: 0.25em 0 0; display: block; font: normal 1em Tele-grotesk; }
.compare-box label { cursor: pointer; }

.list-device-loader { float: left; width: 100%; margin: 0.25em 0 0.625em; text-align: center; display: none; }

.popust-sticker { width: 21.9375em; height: 5.9375em; background: transparent url(../images/popust-sticker.png) no-repeat 0 0; position: absolute; right: 0; top: -0.75em; }
.popust-sticker .string { width: 2em; height: 3.1875em; background: transparent url(../images/popust-sticker-string.png) no-repeat 0 0; position: absolute; left: -0.0625em; top: -3.125em; z-index: 5; }
.device .back-link {font-size:1.25em;}

.device-calculate-box { float: left; width: 100%; list-style-type: none; margin: 0 0 1.25em; color:#4b4b4b;}
.device-calculate-box li.device-calculate-li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin: 0 0 0 1.25%; padding: 1.25em 2em; width: 32.5%; height: 19.6875em; -webkit-border-radius: 0.625em; -moz-border-radius: 0.625em; border-radius: 0.625em; border: 1px solid #e1e1e1; position: relative; background:#f1f2f2; background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#fdfdfd), color-stop(100%,#dadada)); background: -moz-linear-gradient(top,  #fdfdfd 58%, #dadada 100%); background: -webkit-linear-gradient(top,  #fdfdfd 58%,#dadada 100%); background: -o-linear-gradient(top,  #fdfdfd 58%,#dadada 100%); background: -ms-linear-gradient(top,  #fdfdfd 58%,#dadada 100%); background: linear-gradient(to bottom,  #fdfdfd 58%,#dadada 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dadada',GradientType=0 ); }
.device-calculate-box li.device-calculate-li:first-child { margin: 0; }
.device-calculate-box li.device-calculate-li.device {padding-left:0;}
.device-calculate-box li.device-calculate-li.device.simonly {padding:1.25em 1.5em;}
.device-calculate-box li.device-calculate-li.total {padding:1.25em 2.5em;}
.device-calculate-box h2 { font: normal 1.375em/1 Headline-ult; text-transform:uppercase; margin: 0 0 0.625em; padding:0 0 0.5em; border-bottom:1px solid #c1c1c1;}
.device-calculate-box h2.selected-tarif {color:#e20074; cursor:pointer; height:1em; white-space:nowrap;}
.device-calculate-box h2.selected-tarif span {font-family:Headline; font-size:0.75em;}
.device-calculate-box .device {}
.device-calculate-box .device-img { float: left; width: 55%; text-align: center; margin:1.5em 0 0.5em; position: relative; }
.device-calculate-box .tarif .device-img {width:100%;}
.device-calculate-box .device-img div { width: 100% !important; }
.device-calculate-box .device-img img, .device-calculate-box .device-img canvas { margin: 0 auto; }
.device-calculate-box .list-device-prices {width:auto; margin-left:1em;}
.device-calculate-box .list-device-prices.simonly {margin-top:5.75em;}
.device-calculate-box .list-device-prices p.split-price {clear:both; float:left;}
.device-calculate-box .list-device-prices p.split-price span {padding-right:1em;}
.device-calculate-box .device .list-device-prices {float:left; width:45%; margin:3em 0 0;}
.device-calculate-box .device .list-device-prices p.split-price {float:none;}
.device-calculate-box .device .list-device-prices p.split-price span {padding-right:0;}
.device-calculate-box .selected-tarif-usp {list-style-type:none; margin:0 0 1.25em 1.5em; height:4.5em;}
.device-calculate-box .selected-tarif-usp > li {font-size:1em; margin:0 0 0.125em;}
.device-calculate-box .selected-tarif-usp > li:before {content:'-'; display:block; float:left; margin-left:-0.5em;}
.device-calculate-box .selected-tarif-usp > li.empty:before {display:none;}
.device-calculate-box .list-device-prices p.split-price {margin:0 0 1.5em;}
.device-calculate-box .tooltip-simple {margin:0.5em 0 0 -1.25em; z-index:6;}
.device-calculate-box .selected-tarif-details {display:block; clear:both; padding:0.5em 0 0; text-align:center; font-size:1.25em;}
.device-calculate-box .device .list-device-prices p.split-price {margin:0 0 1.75em;}
.device-calculate-box .device .list-device-prices p.split-price.monthly {margin:0;}

.device-gallery-control { float: left; width: 100%; margin: 0 0 0.3125em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:2em; text-align:center;}
.device-gallery-control a { display: inline-block; width: 2em; height: 2em; background: transparent url(../images/process-icons.png) no-repeat 0 0; margin: 0 0.3125em 0 0; }
.device-gallery-control a.gallery-control-foto { background-position: 0 0; }
.device-gallery-control a.gallery-control-video { background-position: -40px 0; }
.device-gallery-control a.gallery-control-3d { background-position: -80px 0; }
.device-gallery-control a.gallery-control-details { background-position: -120px 0; }
.device-gallery-control a.gallery-control-promo { background-position: -160px 0; }
.device-gallery-control a.gallery-control-foto:hover { background-position: 0 -32px; }
.device-gallery-control a.gallery-control-video:hover { background-position: -40px -32px; }
.device-gallery-control a.gallery-control-3d:hover { background-position: -80px -32px; }
.device-gallery-control a.gallery-control-details:hover { background-position: -120px -32px; }
.device-gallery-control a.gallery-control-promo:hover { background-position: -160px -32px; }
.device-gallery-control a.gallery-control-foto.active { background-position: 0 -64px; }
.device-gallery-control a.gallery-control-video.active { background-position: -40px -64px; }
.device-gallery-control a.gallery-control-3d.active { background-position: -80px -64px; }
.device-gallery-control a.gallery-control-details.active { background-position: -120px -64px; }
.device-gallery-control a.gallery-control-promo.active { background-position: -160px -64px; }

.device-calculate-li h3.device-selected-tarif { font: normal 1.875em/1 Tele-grotesk; color: #e20074; text-align: center; background: transparent url(../images/horizontal-divider.png) no-repeat 50% bottom; background-size: 100% 1px; padding: 0 0 0.1333333333333333em; margin: 0 0 0.3333333333333333em; }
.device-calculate-li p.device-selected-tarif-data { font: normal 1em/0.625em Tele-groteskhal; color: #888; text-align: center; margin: 0 0 0.625em; }
.device-calculate-li p.device-selected-tarif-data span { font: normal 2em/1 Tele-groteskfet; color: #666; display: block; }
.device-calculate-li h3.device-tarif-price { font: normal 3em/1 Tele-groteskfet; letter-spacing: -1px; color: #e20074; margin: 0.1666666666666667em 0 0; padding: 0.1041666666666667em 0 0; background: transparent url(../images/horizontal-divider.png) no-repeat 50% top; background-size: 100% 1px; text-align: center; clear: left; }
.device-calculate-li h3.device-tarif-price span { font-size: 0.8333333333333333em; }
.device-calculate-li .device-selected-icons { margin: 0.5em 0 0; padding: 1.0625em 0 0; background: transparent url(../images/horizontal-divider.png) no-repeat 50% top; background-size: 100% 1px; text-align: center; clear: left; }
.device-calculate-li .device-selected-icons a { margin: 0 0 0 0.8125em; }
.device-calculate-li .device-selected-icons a:first-child { margin: 0; }

.device-tarif-select { float: left; margin: 1.25em 0 0.9375em 1.875em; }
.device-tarif-select .half { float: left; margin: 0 1.5625em 0 0; }
.device-tarif-select label { font: normal 0.9375em/1.2 Tele-grotesk; color: #444; padding: 0 0 0 0.2em; margin: 0.0666666666666667em 0; display: block; }
.device-tarif-select .selector { margin: 0; }
.device-calculate-li h3.device-total { font: normal 1.25em/1.5em Tele-grotesk; text-align: center; color: #666; background: transparent url(../images/horizontal-divider.png) no-repeat 50% bottom; background-size: 100% 1px; padding: 0; margin: 0.2em 5%; width: 90%; float: left; }
.device-calculate-li h3.device-price { font: normal 3.125em/1.04 Tele-grotesk; color: #e20074; text-align: center; letter-spacing: -2px; margin: 0; float: left; width: 100%; }
.device-calculate-li h3.device-price span { font-size: 0.6em; display: inline-block; position: relative; bottom: 0.4666666666666667em; left: 0.1666666666666667em; }
.device-calculate-li h3.tarif-price { font: normal 2em/1.25 Tele-grotesk; color: #e20074; text-align: center; letter-spacing: -1px; float: left; width: 100%; }
.device-calculate-li h3.tarif-price span.currency { font-size: 0.65625em; display: inline-block; position: relative; bottom: 0.4em; left: 0.25em; margin: 0; font-weight: normal; font-family:Tele-grotesk;}
.device-calculate-li h3.tarif-price span.discount-note { font-size: 0.5625em; display: block; margin: -0.25em 0 0; font-weight: normal; color: #4b4b4b; }
.device-calculate-li h3.tarif-price .pok-trigger {margin:0 0 0.125em 0.375em;}
.device-calculate-li h3.tarif-price .tooltip-simple {left:0.75em; top:0em;}
.device-calculate-li .device-split-price {font:normal 0.875em/1 Tele-grotesk; text-align:center; clear:both;}
.device-calculate-li .device-split-price .price {font-size:2.14em; color:#e20074; font-family:Tele-groteskhal;}
.device-calculate-li .device-split-price.monthly {margin:0.75em 0 0.5em;}
.device-calculate-li .device-split-price.monthly .price {font-size:1.57em;}
.device-calculate-li .device-split-price .price:after {content:'kn'; display:inline-block; position:relative; font-size:0.625em; bottom:0.375em; left:0.25em;}
.device-calculate-li .device-split-price.monthly .price:after {content:'kn/mj';}
.device-calculate-li .button-holder { position: absolute; right: 1.75em; bottom: 1.25em; }
.device-calculate-li .button-holder .added-info { font: normal 1.125em/normal Tele-grotesk; display: block; text-align: center; margin-left: 1.5em; }
.device-calculate-li .device-calculate-icon { display: block; width: 5em; height: 5em; background: transparent url(../images/process-icons.png) no-repeat 0 -100px; position: absolute; right: -2.9375em; top: 6.875em; z-index: 2; }
.device-calculate-li .device-calculate-icon.plus { background-position: 0 -100px; }
.device-calculate-li .device-calculate-icon.jednako { background-position: -80px -100px; }
.device-calculate-li p.aditional-discount { background: transparent url(../images/discount-tag.png) no-repeat 0 50%; float: left; padding: 0 0 0 2.5em; font: normal 1em/1.2 Tele-grotesk; margin: 0.375em 0 0; color: #666; }

.device-details-box { float: left; width: 100%; padding: 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #ccc; -webkit-border-radius: 0.625em; -moz-border-radius: 0.625em; border-radius: 0.625em; position: relative; display: none; margin: 0 0 1.25em; }
.device-details-box .up-arrow, .tarif-promo-box .up-arrow { display: block; width: 1.6875em; height: 0.875em; position: absolute; top: -0.875em; left: 10%; background: transparent url(../images/details-box-arrow.png) no-repeat 0 0; }
.device-details-box.foto { min-height: 34.375em; }
.device-details-box a.close, .tarif-promo-box a.close { display: block; width: 1.25em; height: 1.25em; position: absolute; top: 0.375em; right: 0.375em; background: transparent url(../images/process-icons.png) no-repeat 0 -184px; z-index: 2; }
.device-details-box a.close:hover, .tarif-promo-box a.close:hover { background-position: -20px -184px; }

.tarif-promo-box { position: absolute; top: 12.375em; right:0; width:75%; padding: 1em 1.5em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #ccc; -webkit-border-radius: 0.625em; -moz-border-radius: 0.625em; border-radius: 0.625em; background: #fff; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5); display: none; }
.tarif-details-values .tarif-promo-box {width:100%; top:9.375em;}
.tarif-promo-box h3 { font: normal 1.5em/1.2 Tele-groteskfet; margin: 0 0 0.5em; }
.tarif-promo-box h4 { font: normal 0.9375em/1.2 Tele-groteskfet; margin: 0 0 0.75em; }
.tarif-promo-box p { font: normal 1em/1.3 Arial, Helvetica, sans-serif; margin: 0 0 1.2em; }
.tarif-promo-box ul { list-style-type: square; font: normal 1em/1.3 Arial, Helvetica, sans-serif; margin: 0 0 1.2em 1.2em; }
.tarif-promo-box ul li { margin: 0 0 0.5em; float: none; width: 100% !important; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0; background: transparent; filter: none; text-align: left; }
.tarifs-container.business .tarif-promo-box { top: 12.25em; }
.promo-select-container { float: left; width: 62%; }
.promo-button-container { float: right; }
.promo-button-container a.button-black { margin: 0 0 0 0.5em; }

.fullspecs-half { float: left; width: 46%; margin: 0 2%; }
.fullspecs-half p { font: normal 0.875em/1.5 Arial, Helvetica, sans-serif; margin: 0 0 1.5em; }
.fullspecs-half h2 { font: normal 1.3125em/1.5 Tele-groteskfet; border-bottom: 1px solid #d1d1d1; margin: 0 0 0.4761904761904762em; }
.fullspecs-half h3 { font: normal 1em/1.5 Tele-groteskfet; margin: 0 0 0.325em; }
.fullspecs-half h4.full-price { font: normal 1.3125em/1 Tele-grotesk; border: 1px solid #e20074; clear: both; padding: 0.625em 0.875em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; }
.fullspecs-half h4.full-price span { font-family: Tele-groteskfet; }

#ytvideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-frame-container { margin: 1em 0 0; position: relative; }
.video-frame-container .ratio { display: block; width: 100%; height: auto; }

.device-promo-box { padding: 0.5em 0.5em 0; }
.device-promo-box h2 { font: normal 2.5em/1 Tele-groteskult; color: #4b4b4b; margin: 0 0 0.5em; }
.device-promo-box p { margin: 0 0 1em; font: normal 1em/1.3 Tele-grotesk; }

.device-tarifs-container { float: left; width: 100%; margin: 0 0 1em; }
.device-tarifs-container p.info-label { margin: 1em 0 0.75em 1em; clear: both; float: left; }
.device-tarifs-container p.info-change { margin: 0; position: absolute; right: 1.25em; top: 1.125em; }
.tarifs-container { float: left; width: 100%; margin: 1.5em 0 2.5em; }
.tarifs-container.data { margin-top: 1.5em; }
.tarifs-container.business { margin: 0; }
.tarif-details-select { list-style-type: none; position: relative; z-index: 2; margin: 0; padding: 0; }
.tarif-details-select li { float: left; width: 33.333333333333333333333333%; margin: 0; padding: 0; }
.tarif-details-select li a { font: normal 1.375em/1.818181818181818em Tele-grotesk; color: #666; border: 1px solid #cccccc; display: block; text-align: center; border-bottom: 0; -webkit-border-radius: 0.5rem 0.5rem 0 0; -moz-border-radius: 0.5rem 0.5rem 0 0; border-radius: 0.5rem 0.5rem 0 0; position: relative; margin: 0 0 0 -1px; background: #ddd; }
.tarif-details-select li.active a { background: #fff; color: #424242; cursor: default; line-height: 1.863636363636364em; }
.tarif-details-select li:first-child a { margin: 0; }
.tarif-details-box { position: relative; float: left; width: 100%; border: 1px solid #cccccc; -webkit-border-radius: 0 0 0.5em 0.5em; -moz-border-radius: 0 0 0.5em 0.5em; border-radius: 0 0 0.5em 0.5em; margin: -0.0625em 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; }
.tarif-details-topic { float: left; width: 19.375%; margin: 0 -0.0625em 0 0; }
.tarif-details-topic p { font: normal 0.9375em/1.333333333333333em Tele-grotesk; text-align: right; padding: 0.7333333333333333em 0.4em 0.6666666666666667em 0; margin: 0; }
.tarif-details-topic p.tarif-name { font-size: 1.5em; line-height: 1.333333333333333em; padding: 0.0833333333333333em 0.625em 0.0833333333333333em 0; margin: 3.958333333333333em 0 1.666666666666667em; background: #ecf2f6; }
.tarif-details-topic p.magenta { background: #ecf2f6; }
.tarif-details-topic p.centers { margin: 0; }
.tarifs-container h2 { font: normal 1.75em/1.2 Tele-groteskfet; margin: 0 0 0.5em 0.5714285714285714em; color: #424242; }

.tarif-main-promo { position: absolute; width: 100%; left: 0; top: 0; background: transparent url('../images/ostalo/tarife-bann.jpg') no-repeat 50% 0; height: 39.1875em; }
.tarif-main-promo.data { background: transparent url('/ResourceManager/GetImage.aspx?imgId=2773') no-repeat 50% 0; height: 32.75em; }
.tarif-main-promo.business { background: transparent url('../images/ostalo/poslovnabanner.jpg') no-repeat 50% 0; height: 29.625em; }
.tarif-promo-content { width: 28.125em; margin: 4em auto 5em; padding: 0 30.875em 0 1em; }
.tarif-promo-content.data { margin: 0 auto 2.5em; }
.tarif-promo-content h1 { font: normal 2.875em/1 Tele-groteskfet; color: #4b4b4b; margin: 0 0 0.25em; }
.tarif-promo-content h2 { font: normal 2.1875em/1.2 Tele-grotesk; color: #e20074; margin: 0; }
.tarif-promo-content p { font: normal 1.5em/1.2 Tele-grotesk; color: #333; margin: 0; }
.tarif-promo-content.data h1 { font: normal 2.375em/1.2 Tele-groteskfet; color: #424242; margin: 0 0 0.25em; }
.tarif-promo-content.data p { font: normal 1.875em/1.2 Tele-grotesk; color: #424242; margin: 0 0 0.5em; }
.promo-down-link { padding: 0 1.75em 0 0; margin: 0.125em 0 0; display: inline-block; background: transparent url('../images/filter-list-bg.png') no-repeat right -123px; }

.tarif-details-data { float: left; padding: 0 0 0.375em; margin: 0 0 0.375em; }
.tarif-details-data.magenta { background: #ffe0f0; }
h2.tarif-name-more { float: left; width: 14.33333333333333em; border: 1px solid #e1e1e1; margin: 0.6666666666666667em 0 2.266666666666667em 0.0666666666666667em; font: normal 0.9375em/2.666666666666667em Tele-grotesk; padding: 0; height: 2.666666666666667em; text-align: center; position: relative; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.08); background: #fff; }
h2.tarif-name-more.selected { background: #ffe0f0; border-color: #fbbcdd; }
h2.tarif-name-more span.arrow { position: absolute; left: 50%; top: 100%; margin: 0 0 0 -0.9333333333333333em; display: block; width: 1.8em; height: 0.9333333333333333em; background: transparent url('../images/h2-arrow.png') no-repeat 50% 50%; }
h2.tarif-name-more.selected span.arrow { background-image: url('../images/h2-arrow-magenta.png'); }
h2.tarif-name-more.single { width: 7.066666666666667em; }
h2.tarif-name-more.family { width: 21.6em; }
h2.tarif-name-more.four-times { width: 28.66666666666667em; }
h2.tarif-name-more.five-times { width: 36.06666666666667em; }
h2.tarif-name-more.six-times { width: 43.4em; }
h2.tarif-name-more.business-name, .tarifs-container h2.tarif-name-more.business-name { margin-bottom: 1px; line-height: 2em; height: 2em; }
.tarif-details-values { list-style-type: none; clear: both; position: relative; z-index: 2; }
.tarif-details-values li { float: left; position: relative; width: 6.25em; border: 1px solid #e1e1e1; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; text-align: center; padding: 2px 3px 8px; padding: 0.125rem 0.1875rem 0.5rem; margin: 0 0 0 1px; cursor: pointer; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 58%, #dadada 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#ffffff), color-stop(100%,#dadada)); background: -webkit-linear-gradient(top, #ffffff 58%,#dadada 100%); background: -o-linear-gradient(top, #ffffff 58%,#dadada 100%); background: -ms-linear-gradient(top, #ffffff 58%,#dadada 100%); background: linear-gradient(to bottom, #ffffff 58%,#dadada 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); }
.tarif-details-values li.current { border: 1px solid #aaa; margin-top: -1.125em; filter: none; background: #fff; }
.tarif-details-values li.selected { border: 1px solid #fbbcdd; margin-top: -1.125em; background: #ffe0f0; background: -moz-linear-gradient(top, #ffe0f0 0%, #ffc0e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe0f0), color-stop(100%,#ffc0e1)); background: -webkit-linear-gradient(top, #ffe0f0 0%,#ffc0e1 100%); background: -o-linear-gradient(top, #ffe0f0 0%,#ffc0e1 100%); background: -ms-linear-gradient(top, #ffe0f0 0%,#ffc0e1 100%); background: linear-gradient(to bottom, #ffe0f0 0%,#ffc0e1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe0f0', endColorstr='#ffc0e1',GradientType=0 ); }
.tarifs-container.business .tarif-details-values li { width: 9.125em; }
.tarif-details-values li.recommend { border-color: #e20074; filter: none; background: #fff; }
.tarif-details-values li.disabled { filter: none; background: #fff url(../images/tarif-disabled-bg.png) repeat 0 bottom; }
.tarif-details-values li.disabled h3, .tarif-details-values li.disabled p, .tarif-details-values li.disabled p.highlight, .tarif-details-values li.disabled p.promo { color: #999; }
.tarif-details-values li h3 { font: normal 2.5em/1 Tele-groteskult; color: #424242; margin: 0.15em 0 0; }
.tarif-details-values li h3.small { font: normal 1.5625em/1 Tele-groteskult; margin: 0.24em 0 0; height: 1.6em; }
.tarif-details-values li h3.small span { font: normal 0.56em/0.7142857142857143 Tele-groteskfet; display: block; }
.tarif-details-values li .radio { margin: 0.25em 0 0.5em; }
.tarif-details-values li .divider { width: 100%; height: 1px; background: transparent url(../images/tarif-p-divider.png) no-repeat 50% bottom; background-size: 100% 1px; }
.tarif-details-values li p { font: normal 1.25em/1 Tele-grotesk; padding: 0.55em 0 0.5em; color: #4b4b4b; margin: 0; height: 1em; }
.tarif-details-values li p.small { font-size: 1em; }
.tarif-details-values li p.no-padding { padding-top: 0; }
.tarif-details-values li .tarif-values p { background: transparent url(../images/tarif-p-divider.png) no-repeat 50% top; background-size: 100% 1px; }
.tarif-details-values li p.highlight { font: normal 1.375em/0.9090909090909091em Tele-groteskfet; color: #e20074; margin: 0; height: 0.9090909090909091em; padding: 0.5em 0 0.4545454545454545em; }
.tarif-details-values li p span { display: inline-block; position: relative; font-size: 0.6em; bottom: 0.5em; left: 0.1666666666666667em; }
.tarif-details-values li p span.small { font-size: 0.8em; bottom: 0; left: 0; }
.tarif-details-values li p span.strike-through { font-size: 16px; font-size: 1rem; line-height: 2; color: #e20074; text-decoration: line-through; display: block; }
.tarif-details-values li p span.promo-price { font: normal 1.2em/1.3 Tele-groteskfet; color: #e20074; display: block; }
.tarif-details-values li p span.promo-note { font-size: 14px; font-size: 0.75rem; color: #464646; display: block; padding: 0 0.25em; height: 5em; text-align: left; padding: 0 0.5em; font-family: Tele-groteskfet; }
.device-tarif-more { position: absolute; right: 0; bottom: 0; font-size: 0.75em; line-height: 2em; background: transparent url(../images/tarif-more-bg.png) no-repeat left top; color: #fff; padding: 0 3.5em 0 4.5em; -webkit-border-radius: 0 0 0.5em 0; -moz-border-radius: 0 0 0.5em 0; border-radius: 0 0 0.5em 0; }
.device-tarif-more:hover { background-position: 0 -33px; color: #fff; }
.tarif-details-values li p.label, .tarif-details-values li p.current { font: normal 0.75em/1.5em Arial Narrow, Arial; font-stretch: condensed; display: none; height: auto; margin: 0; padding: 0; text-transform: uppercase; }
.tarif-details-values li.selected p.label, .tarif-details-values li.current p.current { display: block; }
.tarif-details-values li.current.selected p.current { display: none; }
.tarif-details-values li p.unavailable { font: normal 0.9375em/2 Tele-grotesk; color: #333; margin: 0 0 0.4em; padding: 0; height: 2em; }
.tarif-details-values li p.break-table-cell, p.break-table-cell { padding: 0; background: none; height: 0; }
.tarif-details-values li p.options { font-size: 0.9375em; line-height: 1; padding: 0.6875em 0 0.625em; }
.tarif-details-values li p.options a.sep { display: block; margin: 0 0 0.625em; }
.tarif-details-values li p.options a.align { display: block; margin: 1.866666666666667em 0 0.625em; }
.tarif-details-values li p.options, .tarif-details-topic p.options { height: 193px; height: 12.0625rem; display: table-cell; vertical-align: middle; width: 100px; width: 6.25rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tarif-details-values li p.triple, .tarif-details-topic p.triple, .tarif-full-prices p.triple { height: 81px; height: 5.0625rem; display: table-cell; vertical-align: middle; width: 100px; width: 6.25rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tarif-details-values li p.double, .tarif-details-topic p.double, .tarif-full-prices p.double { height: 61px; height: 3.8125rem; display: table-cell; vertical-align: middle; width: 100px; width: 6.25rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tarif-details-topic p.triple, .tarif-details-topic p.double, .tarif-details-topic p.options, .tarifs-container.business .tarif-details-topic p.monthly { width: 186px; width: 11.625rem; }
.tarif-details-values li p.colspan2 { height: 82px; height: 5.125rem; display: table-cell; vertical-align: middle; width: 100px; width: 6.25rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tarifs-container.business .tarif-details-values label > li {padding-bottom:52px; padding-bottom:3.25rem;}
.tarifs-container.business .tarif-details-values label > li.selected {padding-bottom:8px; padding-bottom:0.5rem;}
.tarifs-container.business.group .tarif-details-values label > li {padding-bottom:8px; padding-bottom:0.5rem;}
.tarifs-container.business .tarif-details-values li p.triple, .tarifs-container.business .tarif-details-values li p.double, .tarifs-container.business .tarif-details-values li p.options, .tarifs-container.business .tarif-details-values li p.colspan2 { width: 146px; width: 9.125rem; }
.tarifs-container.business .tarif-details-values li .button-magenta { width: 80%; margin: 0 0 0.5em; float:none;}
.tarifs-container.business p.monthly { height: 120px; height: 7.5rem; display: table-cell; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tarifs-container.business .tarif-details-values li p.monthly { width: 146px; width: 9.125rem; background-color: #e9e9e9; }
.tarif-details-values li p.promo { height: 1.954545454545455em; font: normal 1.375em/0.9090909090909091 Tele-groteskfet; color: #e20074; }
.tarif-details-topic p.promo { padding: 24px 6px 22px 0; padding: 1.5rem 0.375rem 1.375rem 0; }
.tarif-details-values li .button, .tarif-details-values li .button-magenta { margin: 0.1875em 0 -0.5em; display: none; }
.tarif-details-values li.selected .button, .tarif-details-values li.selected .button-magenta { display: inline-block; }
.tarifs-container .tarif-details-values li.selected { margin-top: -2.1875em; }
.tarifs-container.business .tarif-details-values li.selected { margin-top: 0; }
.tarifs-container h2.tarif-name-more { margin-bottom: 4em; }
.tarifs-container .tarif-details-topic p.tarif-name { margin: 5.041666666666667em 0 1.666666666666667em; }
.tarifs-container .business .tarif-details-topic p.tarif-name { margin: 6.833333333333333em 0 2.916666666666667em; }
.tarifs-container.business .tarif-details-topic p.tarif-name { margin: 0.45em 0 1.666666666666667em; }
.tarif-details-values li .recommend { position: absolute; background: transparent url(../images/recommend-bg.png) no-repeat 50% bottom; padding: 0 0 0.625em; width: 6.75em; left: -1px; top: -2.25em; }
.tarif-details-values li .recommend p { font: normal 0.875em/2.428571428571429em Tele-groteskhal; color: #755b15; text-align: center; border: 1px solid #e8c972; background: #ffe292; padding: 0; height: auto; -moz-border-radius: 0.5em 0.5em 0 0; -webkit-border-radius: 0.5em 0.5em 0 0; border-radius: 0.5em 0.5em 0 0; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.6); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.6); text-shadow: 0 1px 1px rgba(255, 255, 255, 1); text-transform: uppercase; }
.tarif-details-values li.selected .recommend { display: none; }
.tarif-details-values li p .tarif-topic { display: none; }
.tarif-details-values li .tarif-main-values-box p.device-price, .tarif-details-values li .tarif-main-values-box p.tarif-price { display: none; }

.promo-discount { background: transparent url("../images/info-star-blue-small.png") no-repeat scroll 0.5em 50%; height: 3.636em; width: 4em; position: absolute!important; }

.tarif-details-values li .promo-trigger { display: inline-block; font-size: 11px; line-height: 19px; font: normal 0.6875rem/1.727272727272727 Arial, Helvetica, sans-serif; color: #333; border: 1px solid #b0b0b0; -moz-border-radius: 0.125rem; -webkit-border-radius: 0.125rem; border-radius: 0.125rem; padding: 0 0.5454545454545455em; height: 1.727272727272727em; position: relative; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%); background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); }
.tarif-details-values li .promo-trigger.discount { padding: 0.5454545454545455em 0.5454545454545455em 0.5454545454545455em 2.917em; }

.tarif-details-values li.disabled .promo-trigger { display: none; }
.bus-note { display: block; margin: -1.5em 0 3em; font: normal 0.875em/1.2 Tele-grotesk; }

.aditional-topic { margin: 0.75em 0 0; display: none; }
.tarif-full-prices { list-style-type: none; position: relative; top: -1.125em; z-index: 1; clear: both; }
.tarif-full-prices li { float: left; position: relative; width: 6.25em; border: 1px solid #4b4b4b; -webkit-border-radius: 0 0 0.5em 0.5em; -moz-border-radius: 0 0 0.5em 0.5em; border-radius: 0 0 0.5em 0.5em; text-align: center; padding: 20px 3px 8px; padding: 1.25rem 0.1875rem 0.5rem; margin: 1px 0 1px 1px; background: #4b4b4b; color: #fff; }
.tarifs-container.business .tarif-full-prices li { width: 9.125em; }
.tarif-full-prices li .aditional-prices { display: none; margin: 0 0 1.25em; }
.tarif-full-prices li p { font: normal 1.25em/1 Tele-grotesk; padding: 0.55em 0 0.5em; color: #fff; margin: 0; height: 1em; background: transparent url('../images/tarif-p-divider.png') no-repeat 50% bottom; background-size: 100% 1px; }
.tarif-full-prices li p span { display: inline-block; position: relative; font-size: 0.6em; bottom: 0.5em; left: 0.1666666666666667em; }
.tarif-full-prices li p.highlight { font: normal 1.375em/0.9090909090909091em Tele-groteskfet; height: 0.9090909090909091em; padding: 0.5em 0 0.4545454545454545em; }
.tarif-full-prices li .aditional-triger { color: #fff; font: normal 1em/1 Tele-grotesk; display: block; background: transparent url('../images/tarif-sprite.png') no-repeat right 2px; padding: 0 0.9375em 0 0; margin: 0.25em 0.3125em 0; color: #e5e5e5; }
.tarif-full-prices li .aditional-triger:hover { color: #fff; }
.tarif-full-prices li .aditional-triger.active { color: #999; background-position: right -21px; }
.tarif-full-prices li .aditional-triger-poslovni { font: normal 1em/1 Tele-grotesk; display: block; margin: 0.25em 0.3125em 0; color: #e5e5e5; }
.tarifs-container.business .tarif-full-prices li { background: #666; border-color: #666; }

.tarifs-container.business .poslovni-full-button-box { float: right; width: 48.375em; margin: -0.5em 0 0; }
.tarifs-container.business .poslovni-full-button-box .button-magenta { width: 100%; text-align: center; margin: 0 0 1em; }
.tarifs-container.business .poslovni-full-button-box p { font: normal 0.8125em/1.3 Arial, Helvetica, sans-serif; }

h3.filters-box-hl {font:normal 1.375em/normal Tele-grotesk; margin:0 0 0.25em;}
.device-filters-box { box-sizing: border-box; -moz-box-sizing: border-box; float: left; width: 100%; background: #484848; -moz-border-radius:0.625em; -o-border-radius:0.625em; -webkit-border-radius:0.625em; border-radius:0.625em; margin: 0 0 1.25em; padding: 1em 3em; }
.device-filters-box.active { border: 1px solid #e20074; background: #ffe0f0; }
.device-filters-box .contract-type, .device-filters-box .contract-duration, .device-filters-box .contract-split { float: left; margin: 0 1% 0 0; position: relative; }
.device-filters-box .selector { float:left; margin: 0; width: 100%; font-family:Tele-groteskhal;}
.device-filters-box .contract-type { width: 30%; }
.device-filters-box .contract-duration { width: 23%; }
.device-filters-box .contract-split { width: 44%; margin:0;}
.device-filters-box .contract-split .selector {width:85%;}
.device-filters-box .contract-split .pok-trigger {margin:0 0 0 0.25em;}
.device-filters-box h5 { font: normal 1.25em/normal headline; text-transform:uppercase; margin: 0 0 0.75em; color:#fff; }

.prepaid-tarif-details-box { position: relative; float: left; width: 100%; border: 1px solid #cccccc; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; margin: -1px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1.5em 0 1em; }
.tarif-details-topic.prepaid { width: 15em; margin: 0 -0.1875em 0 0; }
.tarif-details-topic.prepaid p.tarif-name { margin: 0.8333333333333333em 0 0.4166666666666667em; }
.tarif-details-values.prepaid li { width: 10.375em; padding: 0.125em 0.125em 0.5em; margin: 0.1875em 0.1875em 0.625em; cursor: default; }
.tarif-details-values.prepaid li h3 { font: normal 1.875em/2 Tele-groteskfet; margin: 0; }
.tarif-details-values.prepaid li .divider { margin: 0 0 0.5em; }

.overlay ul.radio-list { margin: 0 0 0.5em; }
.overlay ul.radio-list li { background: none; padding: 0; margin: 0 0 0.5em; font-size: 1em; }
.overlay ul.radio-list li label { width: auto; font: normal 1em/1.4 Tele-grotesk; }
.overlay ul.radio-list li label .wall-label { font-family: Tele-groteskfet; }
.overlay h2 { font: normal 1.5625em/1.2 Tele-groteskult; margin: 0.64em 0; }
.overlay ul.divider { border-top: 1px dotted #999; padding: 0.625em 0 0; }
.overlay ul.radio-list li p { font-size: 14px; font-size: 0.875rem; margin: 0 0 16px; margin: 0 0 1rem; border-bottom: 0; padding: 0; }
.overlay ul.radio-list li.change-tarif-note { display: none; }

.device-list-tarif-table { width: 100%; margin: 0 0 1em; background: #ffffff url(../images/tarif-li-bg.png) repeat-x 0 bottom; background: -moz-linear-gradient(top, #ffffff 58%, #dadada 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#ffffff), color-stop(100%,#dadada)); background: -webkit-linear-gradient(top, #ffffff 58%,#dadada 100%); background: -o-linear-gradient(top, #ffffff 58%,#dadada 100%); background: -ms-linear-gradient(top, #ffffff 58%,#dadada 100%); background: linear-gradient(top bottom, #ffffff 58%,#dadada 100%); }
.device-list-tarif-table td p { padding: 0 0.625em; text-align: center; }
.device-list-tarif-table .title-row, .device-list-tarif-table .topic { background: #fff; }
.device-list-tarif-table .title-row p { font: normal 1.5em/1.4 Tele-grotesk; margin: 0.4166666666666667em 0 0; background: #ffe0f0; text-align: right; }
.device-list-tarif-table .topic p { font: normal 1em/1.3 Tele-grotesk; margin: 0; text-align: right; }
.device-list-tarif-table .data { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; background: transparent; }
.device-list-tarif-table .data p { font: normal 1.375em/1.5 Tele-grotesk; background: transparent url(../images/horizontal-divider.png) no-repeat 50% bottom; background-size: 100% 1px; margin: 0 5%; }
.device-list-tarif-table .data p .currency { font-size: 0.625em; display: inline-block; position: relative; bottom: 0.5em; font-weight: normal; color: inherit; margin: 0 0 0 0.4em; }
.device-list-tarif-table .data p.magenta { font-family: Tele-groteskfet; color: #e20074; }
.device-list-tarif-table .data h2 { font: normal 2.5em/1 Tele-groteskult; margin: 0; text-align: center; color: #4b4b4b; }
.device-list-tarif-table .top-design { width: 100%; border: 1px solid #e1e1e1; border-bottom: none; -moz-border-radius: 0.5rem 0.5rem 0 0; -webkit-border-radius: 0.5rem 0.5rem 0 0; border-radius: 0.5rem 0.5rem 0 0; height: 0.625em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; }
.device-list-tarif-table .bottom { background: #fff; }
.device-list-tarif-table .bottom-design { width: 100%; border: 1px solid #e1e1e1; border-top: none; -moz-border-radius: 0 0 0.5rem 0.5rem; -webkit-border-radius: 0 0 0.5rem 0.5rem; border-radius: 0 0 0.5rem 0.5rem; height: 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #dadada; }

/*** Jednokratna ***/
.jednokratna-container { width: 52.5em; margin: 0 auto 2em; clear: both; padding: 1em 0 0; }
.jednokratna-container h1 { font: normal 1.875em/1 Tele-groteskhal; margin: 0 1.666666666666667em 1em; }
.jednokratna-box { float: left; width: 36%; border: 1px solid #cdcdcd; position: relative; margin: 0 0 2em; }
.jednokratna-box h3 { font: normal 1.5em/1 Tele-groteskhal; color: #e20074; margin: 0 0 0.4em; }
.jednokratna-box.telekom-box { padding: 1.875em 8% 1.875em 6%; margin-right: -3px; z-index: 2; -moz-border-radius: 0.375em 0 0 0; -webkit-border-radius: 0.375em 0 0 0; border-radius: 0.375em 0 0 0; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); background: #fff; }
.jednokratna-box.notelekom-box { padding: 1.25em 6% 1.25em 8%; border-left: none; margin: 0.625em 0; background: #eee url(../images/jednokratna-box-bg.png) repeat-y left top; }
.jednokratna-box input { border: 1px solid #d1d1d1; height: 1.866666666666667em; font: normal 0.9375em/1.866666666666667 Arial, Helvetica, sans-serif; padding: 0 0.375em; margin: 0 0 0.6em; -moz-border-radius: 0.3125em; -webkit-border-radius: 0.3125em; border-radius: 0.3125em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; }
.jednokratna-box.telekom-box input { background: #eee; }
.jednokratna-box label { display: block; font: normal 0.8125em/1.4 Arial, Helvetica, sans-serif; margin: 1em 0 0.3076923076923077em; }
.jednokratna-box label .right { display: block; float: right; }
.jednokratna-box .button-box { margin: 1em 0; }
.jednokratna-box p { font: normal 0.75em/1.3 Arial, Helvetica, sans-serif; color: #8a8a8a; margin: 0 0 1.3em; }
.jednokratna-box .highlight { font-weight: bold; color: #333; }
.icon-or { display: block; width: 2em; height: 2em; font: normal 1.5625em/2.1 Tele-groteskhal; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); border: 1px solid #e5e5e5; text-align: center; position: absolute; right: -1em; top: 40%; z-index: 3; background: #fff; }
.jednokratna-mojtelekom-promo { clear: both; margin: 0 0 2em; padding: 1.875em 1em 1.875em 3.125em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #cdcdcd; background: #f3f3f3; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; }
.jednokratna-mojtelekom-promo .left { float: left; width: 54%; margin: 0 2% 0 0; padding: 0; }
.jednokratna-mojtelekom-promo .right { float: left; width: 44%; padding: 0; }
.jednokratna-mojtelekom-promo h4 { font: normal 1.25em/1 Tele-groteskfet; margin: 0 0 0.25em; }
.jednokratna-mojtelekom-promo p { font: normal 1.125em/1.2 Tele-groteskhal; margin: 0 0 1.2em; }
.jednokratna-mojtelekom-promo ul.tick { list-style-type: none; }
.jednokratna-mojtelekom-promo ul.tick li { font: normal 1em/1.2 Tele-grotesk; padding: 0 0 0 1em; margin: 0 0 0.25em; background: transparent url(../images/li-tick.png) no-repeat 0 5px; }
.jednokratna-box .inputcode-container { display: none; }

/*** Checkout ***/

.checkout-container { float: left; width: 100%; margin: 0 0 1.25em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0; }
.checkout-container.options { width: 66.33333333333333%; }
.checkout-container.gray { background: #fcfcfc; border: 1px solid #ccc; padding-top: 1em; margin: 0 0 3em; }
.headline-container { margin-top: 1.5em; }
.checkout-container h2 { font: normal 1.5625em/1 Tele-grotesk; color: #333; margin: 0 0 0.5em; }
.checkout-container h2 span { font-family: Tele-groteskfet; }
.checkout-container h3 { font: normal 1.25em/1 Tele-grotesk; color: #4b4b4b; margin: 0 0 1em 1em; clear: both; }
.checkout-container .checkout-box h3 { margin-left: 0; }
.checkout-container p.product { font: normal 1.125em/1.4 Tele-grotesk; margin: 0 0 1em 0.7777777777777778em; }
.checkout-container h2 + h3 { margin-top: -0.75em; }
.checkout-container h2 .selector { margin: 0 0 0 1em; }
.checkout-container .bottom-button-container { text-align: right; float: left; width: 100%; margin: 0 0 2.5em; }
.checkout-container .bottom-button-container .button-magenta {margin-left:0.5em;}
.checkout-title { font: normal 2em/1 Tele-groteskfet; color: #4B4B4B; }
.continue-holder { clear: both; width: 100%; text-align: center; margin: 2.5em 0 1em; position: relative; }
.continue-holder .button-magenta { width: 30%; padding: 0; text-align: center; float: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.continue-holder.nomar { margin-top: 0; }
.checkout-container a.btn-continue, .checkout-container a.btn { display: inline-block; text-align: center; font: normal 1.375em/1.818181818181818 Tele-grotesk; color: #fff; padding: 0 1.136363636363636em; background: #e20074; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; position: relative; margin: 0; border: 1px solid #e20074; }
.checkout-container a.btn-continue span, .checkout-container a.btn span { display: block; width: 18px; width: 1.125rem; height: 10px; height: 0.625rem; position: absolute; bottom: -10px; bottom: -0.625rem; left: 50%; background: transparent url(../images/checkout-sprite.png) no-repeat 0 -70px; }
.checkout-container a.btn-continue:hover span { background-position: 0 -80px; }
.checkout-container a.btn-continue:hover { background: #dd338a; border-color: #dd338a; }
.checkout-container a.btn { color: #c7c7c7; background: #f6f6f6; border: 1px solid #d0d0d0; cursor: default; }
.checkout-container a.btn span { background: transparent url(../images/checkout-sprite.png) no-repeat 0 -90px; }
.checkout-container a.btn-save { display: inline-block; text-align: center; font: normal 1.1875em/2.167763157894737em Tele-groteskhal; color: #e20074; padding: 0 1.315789473684211em; background: #fff; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; position: relative; margin: 0 0 1.052631578947368em; border: 1px solid #dcdcdc; }
.checkout-container a.btn-save:hover { background: #f5f5f5; }
.checkout-container a.btn-continue.inactive { cursor: default; border: 1px solid #dcdcdc; color: #c0c0c0; background: #fff; }
.checkout-container h4.option-trigger { font: normal 1.5em/1.875 Tele-groteskfet; color: #333; margin: 0.25em 0 0; border: 1px solid #d1d1d1; -webkit-border-radius: 0.25rem 0.25rem 0 0; -moz-border-radius: 0.25rem 0.25rem 0 0; border-radius: 0.25rem 0.25rem 0 0; padding: 0 0 0 2%; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); }
.checkout-container h4.option-trigger:first-child { margin: 0; }
.checkout-container h4.option-trigger a { display: block; font: inherit; color: inherit; background: transparent url(../images/filter-list-bg.png) no-repeat 98% -109px; }
.checkout-container h4.option-trigger.selected a { background-position: 98% -147px; }
.option-list { width: 100%; list-style-type: none; display: none; }
.option-list.opened { display: block; }
.option-list-li { background: #fff; padding: 0.75em 2%; width: 100%; border: 1px solid #d1d1d1; border-top: 0; display: table; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.option-list-li.disabled { background: #efefef; }
.option-list-li table { border-spacing: 0; width: 100%; }
.option-list-li > div { display: table-cell; }
.option-list-li .option-icon { width: 4.6875em; vertical-align: top; padding: 0 1em 0 0.5em; }
.option-list-li .option-description { vertical-align: middle; }
.option-list-li .option-description .selector { width: 100%; }
.option-list-li .option-price { width: 6.5em; text-align: right; font: normal 1.375em/1 Tele-groteskhal; color: #e20074; vertical-align: middle; }
.option-list-li .option-price .small { display: block; font-family: Tele-grotesk; font-size: 0.72em; margin: 0.25em 0; }
.option-list-li .option-check { width: 7.5em; text-align: right; vertical-align: middle; }
.option-list-li .option-check .button-magenta, .option-list-li .option-check .button-gray { width: 85%; padding: 0; text-align: center; }
.option-list-li .option-check .checker { top: 0; margin: 0; }
.option-description h3 { font: normal 1.25em/1 Tele-groteskfet; margin: 0; }
.option-description p { font: normal 0.9375em/1.2 Tele-grotesk; margin: 0.375em 0; }
.option-description a { font-family: Tele-grotesk; }
.checkout-back-link { display: block; font-size: 0.85em; margin: 0.5em 0 0; float: left; }

.breadcrumbs-e2e { list-style-type: none; float: left; margin: 0.5em 0 0; }
.breadcrumbs-e2e li { float: left; font: normal 1.0625em/1.2 Tele-grotesk; color: #a0a0a0; }
.breadcrumbs-e2e span { display: inline-block; float: left; margin: 0 0.5em; }
h1.e2e-hl { font: normal 3em/1.125 Tele-groteskfet; margin: -0.1666em 0 0.6em; float: left; max-width: 70%; }
h1.e2e-hl.full { max-width:100%; }
h1.e2e-hl > span { display: block; font-size: 20px; font-size: 1.25rem; font-family: Tele-grotesk; }
h1.e2e-hl > span .selector { margin: 0 0 -0.5em 0.25em; }
.e2e-button-holder { float: right; margin: 0; }
p.nextstep-note { font: normal 0.9375em/1.3 Tele-grotesk; margin: 0.5em 0 0; clear: both; float: right; }
.continue-holder p.nextstep-note { margin: 0.5em 0 0; float: none; font-size: 0.9375em; }

/*** checkout inputi i forme ***/
h4.checkout-box-heading { margin: 0.25em 0 0; border: 1px solid #dcdcdc; -moz-border-radius: 0.25rem 0.25rem 0 0; -webkit-border-radius: 0.25rem 0.25rem 0 0; border-radius: 0.25rem 0.25rem 0 0; font: normal 1.5em/1.2 Tele-grotesk; padding: 0.33em 1% 0.33em 2%; cursor: default; clear: both; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); }
h4.checkout-box-heading .data-trigger { display: inline-block; float: right; font-size: 15px; line-height: 45px; font: normal 0.9375rem/3 Tele-grotesk; text-decoration: underline; display: none; background: transparent url(../images/ic_progress_check.png) no-repeat right -14px; padding: 0 2.75em 0 0; }
h4.checkout-box-heading.selected .data-trigger { display: inline; }
.checkout-box { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #dcdcdc; background: #fff; padding: 1.25em 2%; margin: 0; color: #4b4b4b; }
h4.checkout-box-heading + .checkout-box { border-top: 0; }
.checkout-box h2, .checkout-box h4, .checkout-box p { width: 30%; }
.checkout-box h2 { font: normal 1.625em/1 Tele-grotesk; margin: 0 auto 0.5em; }
.checkout-box h4 { font: normal 1.125em/1 Tele-groteskfet; margin: 0.5em auto 0.8888888888888889em; }
.checkout-box h4 .note { font: normal 1em/1 Tele-grotesk; margin: 0 auto; color: #e20074; }
.checkout-box p { font: normal 1em/1.2 Tele-grotesk; margin: 0 auto 1.2em; }
.checkout-box .highlight { font-family: Tele-groteskult; font-weight: normal; }
.checkout-box p.magenta-note { color: #e20074; }
.checkout-half { float: left; width: 47.5%; margin: 0 0 1.875em; }
.checkout-half.left { margin-right: 5%; }
.checkout-full { float: left; width: 100%; margin: 0 0 1.875em; }
.checkout-third { float: left; width: 32%; margin: 0 0 0 2%; }
.checkout-third.left { margin-left: 0; }
.checkout-box label { display: inline-block; font: normal 1em/1.6 Tele-grotesk; color: #333; clear: both; }
.checkout-box label.small { font: normal 0.75em/1.2 Arial, Helvetica, sans-serif; }
.checkout-half label { display: block; }
.checkout-box label a { font: inherit; text-decoration: underline; }
.checkout-box label a.small { float: right; display: inline-block; font: normal 0.625em/2.5 Arial, Helvetica, sans-serif; }
input.text { border: 1px solid #bbb; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; -webkit-box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 0.13); box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 0.13); font: normal 0.875em/1.857142857142857 Arial, Helvetica, sans-serif; padding: 0 0.5em; height: 2em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; width: 100%; color: #4b4b4b; }
input.text:disabled { color: #999; background: #f0f0f0; }
input.text:focus { outline: none; border-color: #fe57a1; }
.checkout-box .checkout-full .selector { width: 30%; }
.checkout-box .checkout-full .selector select option:disabled { color: #999; }
.select-date, .select-month, .select-year, .select-full, .select-half { float: left; margin: 0 1.5% 0 0; }
.select-date.separate, .select-month.separate, .select-year.separate, .select-full.separate, .checkout-box input.separate.text { margin-bottom: 3em; }
.select-year, .select-full { margin-right: 0; }
/*.select-date, .select-month { width: 29%; }
.select-year { width: 39%; }*/
.radio-half { float: left; width: 50%; margin: 0.25em 0 1.125em; }
.radio-half label { display: inline-block; }
.select-input .selector { float: left; width: 30.5%; margin: 0 1.5% 0 0; }
.select-input input.text { float: left; width: 68%; }
input.text::-webkit-input-placeholder { font: normal 0.8125rem/2.153846153846154 Tele-grotesk; }
input.text:-moz-placeholder { font: normal 0.8125rem/2.153846153846154 Tele-grotesk; }
input.text::-moz-placeholder { font: normal 0.8125rem/2.153846153846154 Tele-grotesk; }
input.text:-ms-input-placeholder { font: normal 0.8125rem/2.153846153846154 Tele-grotesk; }
.checkout-box .divider { width: 100%; height: 1px; margin: 3.125em 0; background: #fff; border-top: 1px solid #ccc; text-align: center; }
.checkout-box .divider a.btn-save { top: -21px; top: -1.3125rem; }
.checkout-box a.btn-upload { display: block; border: 1px solid #d0d0d0; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; font: normal 0.875em/2.857142857142857 Tele-groteskhal; color: #e20074; text-align: center; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); }
.checkout-box a.btn-upload:hover { background: #f5f5f5; filter: none; }
.upload-img img { margin: 0.625em 0; width: 100%; }
.checkout-box .highlight-list { list-style-type: disc; margin: 0; padding: 0 0 0 1em; }
.checkout-box .highlight-list li { font: normal 0.9375em/1.2 Tele-groteskfet; margin: 0 0 1em; }
.radio-list { list-style-type: none; margin: 0.625em 0; padding: 0.25em 0 0; float: left; width: 100%; }
.checkout-box .radio-list { width: 30%; float: none; margin: 0.625em auto; clear: both; }
.checkout-box .radio-list > li .radio-list { width: 100%; padding: 0 0 0 1.25em; }
.checkout-half .radio-list { margin: 0; }
.radio-list .checker, .radio-list .radio { top: -0.1875em; float: left; }
.radio-list li { margin: 0 0 1.125em; padding: 0; width: 100%; }
.radio-list li > ul { list-style-type: none; padding: 0 0 0 2em; }
.radio-list li > ul li { margin: 0 0 0.625em; }
.radio-list li label { display: inline-block; line-height: 1.2; width: 93%; margin: 0; cursor: pointer; }
.terms { float: right; font: normal 1.125em/1 Tele-grotesk; margin: 0 0 1em; }
.terms input {margin: 0 1% 0 0; float: left;}
.terms .inputcolor {border: 1px solid #cdcdcd; padding: 0.5em; margin-right: 0.5em;	float: left;}
.terms label { cursor: pointer; padding-top: 0.5em; line-height: 1.8em;}
.radio-list li input { width: 5%; margin: 0.1875em 2% 0 0; float: left; }
.radio-list li .radio span input { width: 100%; margin: 0; }
.radio-list.full li label { width: 97.5%; }
.radio-list.full li input { width: 2%; margin: 0.1875em 0.5% 0 0; }
.change-link { display: block; float: right; }
.topic-inner { float: left; width: 80%; }
.checkout-error { border: 1px solid #ff0000; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; padding: 1em 1em 1em 4em; margin: 0 0 2em; background: transparent url(../images/error-icon.png) no-repeat 1em 50%; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; }
.checkout-error h5 { font: normal 1.125em/1 Tele-groteskult; color: #5e5d5d; margin: 0 0 0.2222222222222222em; }
.checkout-error p { font: normal 1.125em/1 Tele-grotesk; color: #5e5d5d; margin: 0; width: auto; }
.checkout-error.bottom { margin: 1em 0 0; }
.checkout-divider { width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; margin: 0 0 1.25em; position: relative; clear: both; }
.conclusion-box { padding: 0 1em; }
.conclusion-box h3 { font: normal 1.625em/1 Tele-grotesk; margin: 0 0 1em; }
.conclusion-box h3 a { display: inline-block; float: right; font: normal 0.5384615384615385em/1.857142857142857em Tele-grotesk; text-decoration: underline; color: #4379AB; }
.conclusion-box h5 { font: normal 1em/1 Tele-groteskfet; margin: 0 0 0.5em; color: #4b4b4b; }
.conclusion-box .checkout-half { margin-bottom: 0; }
.conclusion-data { list-style-type: none; margin: 0 0 1.5625em; }
.conclusion-data li { font: normal 1em/1.6 Tele-grotesk; margin: 0; padding: 0; }
.conclusion-data li a { font: inherit; }
.checkout-box .checkout-half input.address-txt { float: left; width: 70%; margin-right: 2%; }
.checkout-box .checkout-half input.address-nr { float: left; width: 28%; }
.eracun-mail-change { display: inline-block; margin: 0 0.5em 0 0; position: relative; }
.eracun-mail-change input.text { display: inline-block; width: 15em; }
.eracun-mail-change .button-gray { height: 1.75em; line-height: 1.625em; top: -1px; padding: 0 0.75em; margin: 0 0 0 0.125em; }
.eracun-mail-change p.input-error { position: absolute; max-width: 100%; margin: 0; top: 2.25em; }

.radio-list.card-list { width: 12em; margin: 0.375em 0 0.5em; }
.radio-list.card-list li { height: 2.75em; padding: 0; margin: 0 0 0.5em; }
.card-icon-list { clear: both; float: left; list-style-type: none; margin: 0.5em 0 0 35%; }
.card-icon-list li { float: left; margin: 0 0.25em 0 0; }
.card-icon-list li a { display: block; height: 1.75em; width: 2.75em; background: transparent url(../images/kartice.png) no-repeat 0 0; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.card-icon-list li a.amex { background-position: 0 0; }
.card-icon-list li a.diners { background-position: -138px 0; }
.card-icon-list li a.mc { background-position: -46px 0; }
.card-icon-list li a.maestro { background-position: -92px 0; }
.card-icon-list li a.visa { background-position: -184px 0; }
.card-icon-list li a.amex.fade { background-position: 0 -30px; }
.card-icon-list li a.diners.fade { background-position: -138px -30px; }
.card-icon-list li a.mc.fade { background-position: -46px -30px; }
.card-icon-list li a.maestro.fade { background-position: -92px -30px; }
.card-icon-list li a.visa.fade { background-position: -184px -30px; }

.card-icon-list li a.selected { border: 2px solid yellow; }

.checkout-box textarea.textfield { border: 1px solid #bbb; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; -webkit-box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 0.13); box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 0.13); font: normal 0.875em/1.857142857142857 Arial, Helvetica, sans-serif; padding: 0 0.5em; height: 8em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; width: 100%; color: #4b4b4b; resize: none; }
.checkout-box textarea.textfield:disabled, .checkout-box input.text:disabled { color: #999; background: #f0f0f0; }

.checkout-box .checkout-full .select-date .selector, .checkout-box .checkout-full .select-month .selector, .checkout-box .checkout-full .select-year .selector { width: 100%; margin-bottom: 0; }
.checkout-box .checkout-full .select-full .selector, .checkout-box .checkout-full .select-half .selector { width: 100%; margin: 0; }
.checkout-box .checkout-full .select-full select, .checkout-box .checkout-full .select-half select { min-width: 99%; }
.checkout-box .checkout-full .radio-half { width: 25%; }
.checkout-box .checkout-full .radio-half label { display: inline-block; }
p.input-error { color: #c92828; float: left; margin: 0 0 0 2%; border: 1px solid #ccc; padding: 0.25em 0.5em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: auto; max-width: 32%; background: #fff; }
p.input-error .arrow { display: block; position: absolute; width: 0.875em; height: 0.75em; background: transparent url(../images/arrow-left.png) no-repeat 0 50%; left: -0.875em; top: 0.4375em; }
p.input-error.below { margin: 1em 0 0.5em 35%; max-width: 60%; }
p.input-error.below .arrow, .eracun-mail-change p.input-error .arrow { font-size: 16px; font-size: 1rem; width: 1.6875em; height: 0.75em; background: transparent url(../images/details-box-arrow.png) no-repeat 50% 0; left: 0.75em; top: -0.75em; }
input.text.error { border-color: red; border-width: 2px; }
.adresa-narudzba-podaci, .adresa-racuni-podaci, .adresa-obavijesti-podaci, .trajni-drugi-podaci { display: none; margin: 1.5em 0; }
.checkout-box p.checkbox-note { margin-left: 2.0625em; }
.checkout-box p.credit-note { margin: 0 0 2em; clear: both; }
.total-amount-box { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 38%; margin: 0 auto; background: #fff; border: 1px solid #d4d4d4; }
.total-amount-box.sec { border-top: 0; margin-bottom: 1em; }
.total-amount-box span { display: inline-block; padding: 0 0 0 3%; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font: normal 1.125em/2.125 Tele-grotesk; }
.total-amount-box span.amount { font: normal 1.5em/1.75 Tele-groteskfet; padding: 0 3% 0 0; width: 50%; border-left: 1px solid #d4d4d4; background: #f2f2f2; text-align: right; }
.postavke-placanja { display: none; }

.headbox-secure-container { float: left; width: 100%; padding: 1em 0; border-bottom: 1px solid #d1d1d1; background: #fff; position: relative; z-index: 2; -webkit-box-shadow: 0 0.125em 0.125em rgba(0, 0, 0, 0.05); box-shadow: 0 0.125em 0.125em rgba(0, 0, 0, 0.05); margin: 0; }
.headbox-secure-container .headbox-content { width: 60em; margin: 0 auto; }
.headbox-secure-container .t-logo { float: left; margin: 0; background: transparent url(../images/t-logo-desktop.png) no-repeat 0 0; display: block; width: 12em; height: 1.875em; overflow: hidden; text-indent: -9999px; margin: 0.3125em 0 0; }
.headbox-secure-container .secure { float: right; font: normal 1.3125em/1.5 Tele-grotesk; padding: 0 0 0 1.5em; background: transparent url(../images/secure-lokot.png) no-repeat 0 0; }
.headbox-secure-container .zakljucak-shopping-usp { float: right; margin: 0; width: auto; }
.headbox-secure-container .zakljucak-shopping-usp li { float: right; padding: 0.28em 0 0 3.25em; }
.thawte-icon { position: absolute; right: 0; }

.checkout-box p.product { font: normal 1.125em/1.2 Tele-grotesk; width: 30%; float: left; margin: 0.2222222222222222em 0 0.3333333333333333em; }

.mini-circle-preloader-form{	position: absolute; top: 0.375em; right: 44%; }
ul.form-container { float: left; width: 100%; list-style-type: none; }
ul.form-container > li { float: left; width: 100%; margin: 0 0 1em; position: relative; }
ul.form-container > li.separate { margin-bottom: 3em; }
ul.form-container > li > label { float: left; display: block; text-align: right; font: normal 0.875em/1 Tele-groteskfet; padding: 0.5em 0 0; color: #4b4b4b; width: 34%; margin: 0 1% 0 0; }
ul.form-container > li input.text { width: 30%; float: left; }
ul.form-container > li input.text.address-txt { width: 22%; margin-right: 1%; }
ul.form-container > li input.text.address-nr { width: 7%; }
ul.form-container > li .select-date, ul.form-container > li .select-month { width: 9.75%; margin-right: 0.25%; }
ul.form-container > li .select-year { width: 10%; }
ul.form-container > li .select-full { width: 30%; }
ul.form-container > li .select-half { width: 15%; }
ul.form-container > li p.input-note { float: left; margin: 0.25em 0 0 35%; font: italic 0.8125em/1 Tele-grotesk; clear: both; }
ul.form-container > li p.input-note a { text-decoration: underline; }
ul.form-container > li ul.radio-list { padding: 0; margin: 0.1875em 0 0; width: 30%; float: left; clear: none; }
ul.form-container > li ul.radio-list > li { margin: 0 0 0.5em; float: left; }
ul.form-container > li textarea.textfield { width: 30%; float: left; }
ul.form-container > li .tooltip, ul.form-container > li .tooltip-simple { margin: 0 0 0 0.375em; }

/*** Checkout kosarica ***/
.checkout-basket-container { float: left; width: 41.5%; margin: 1.25em 0 0; }
.checkout-basket-container h2.basket-head { font: normal 1.25em/1.8 Tele-groteskfet; color: #fff; background: #e20074 url(../images/checkout-sprite.png) no-repeat 26px -100px; padding: 0 0.5em 0 2.75em; }
.checkout-basket-container h2.basket-head a { display: inline-block; float: right; font: normal 0.55em/3.272727272727273 Arial, Helvetica, sans-serif; text-decoration: underline; background: transparent url(../images/checkout-sprite.png) no-repeat 0 -135px; padding: 0 0 0 1.636363636363636em; }
.checkout-basket-container h2.basket-head a:hover { color: #b4f0ff; background-position: 0 -164px; }
.checkout-basket { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0 0 1em; }
.checkout-basket td { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; text-align: center; padding: 12px 20px; padding: 0.75rem 1.25rem; }
.checkout-basket thead td { border: 1px solid #dbdbdb; background: #f3f3f3; background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #ffffff 50%,#eeeeee 100%); background: -o-linear-gradient(top, #ffffff 50%,#eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 50%,#eeeeee 100%); background: linear-gradient(to bottom, #ffffff 50%,#eeeeee 100%); }
.checkout-basket td.mjesecno, .checkout-basket td.jednokratno, .cart-fast-container .checkout-basket td.mjesecno, .cart-fast-container .checkout-basket td.jednokratno { font: normal 0.875em/1.2 Tele-groteskhal; padding: 0.5714285714285714em 0.4285714285714286em; }
.checkout-basket td.mjesecno { width: 15%; }
.cart-fast-container .checkout-basket td.mjesecno { width: 17%; }
.checkout-basket td.jednokratno { width: 22%; }
.checkout-basket td.mjesecno span, .checkout-basket td.jednokratno span { display: block; font-family: Tele-groteskfet; }
.checkout-basket td.section-head { text-align: left; font: normal 1.1875em/1 Tele-groteskhal; }
.checkout-basket thead td.section-head span { font-family: Tele-groteskfet; }
.checkout-basket tbody td { font: normal 1.375em/1.2 Tele-groteskfet; background: #fff; vertical-align: top; }
.cart-fast-container .checkout-basket tbody td { font-size: 1.25em; }
.checkout-basket tbody td.topic { text-align: left; font-weight: normal; font-family: Tele-grotesk; font-size: 1em; }
.checkout-basket tbody td h2 { font: normal 1.25em Tele-grotesk; }
.checkout-basket tbody td.topic .amount { font-size: 0.875em; display: block; margin: 0.5em 0 0; }
.checkout-basket tbody td.topic .amount .selector { margin-bottom: -0.5em; }
.checkout-basket tbody td.topic-remove { width: 2.083333333333333em; padding: 0; border-right: 0; }
.checkout-basket tbody td.topic .selector { width: auto; margin-left: 0.5em; }
.checkout-basket tbody td.topic p { font: normal 1em/1 Tele-grotesk; margin: 0.25em 0 0; }
.checkout-basket tbody td a { text-decoration: underline; }
.checkout-basket tbody td a.change-link { font-size: 12px; font-size: 0.75rem; display: inline-block; font-family: Arial, Helvetica, sans-serif; }
.checkout-basket tbody a.remove-option { display: inline-block; width: 13px; width: 0.8125rem; height: 13px; height: 0.8125rem; background: transparent url(../images/checkout-sprite.png) no-repeat 0 -205px; margin: 0; }
h3.aditional-txt { text-align: right; padding: 1em 0; font: normal 1.5em/1 Tele-grotesk; margin: 0; }
.checkout-basket tbody a.remove-option:hover { background-position: 0 -225px; }
.checkout-basket td.basket-title { text-align: left; border-top: 1px solid #dbdbdb; font-size: 1em; padding-bottom: 0; }
.basket-title h1 { font: normal 1.5em Tele-groteskhal; }
.cart-fast-container .basket-title h1 { font-size: 1.2em; }
p.basket-note, span.basket-note { font: normal 14px Tele-grotesk; font: normal 0.875rem Tele-grotesk; color: #999; display: block; }

.checkout-basket td.discounts { background: #fff; text-align: left; padding: 12px 10px 12px 25px; padding: 0.75rem 0.625rem 0.75rem 1.5625rem; }
.checkout-basket td.discounts .checker { float: left; top: 0; }
.checkout-basket td.discounts .selector { float: right; margin: 0.25em 0 0; width: 38%; }
.checkout-basket td.discounts h4 { font: normal 1.333333333333333em/1.2 Arial, Helvetica, sans-serif; margin: 0.25em 0 0; }
.checkout-basket td.discounts h3 { font: normal 0.9375em/1.4 Tele-groteskfet; margin: 0; }
.checkout-basket .total td { vertical-align: middle; background: #f1f1f1; border: 1px solid #dbdbdb; }
.checkout-basket .total td.total-all { font: normal 1.625em/1.1 Tele-groteskfet; text-align: left; }
.basket-image { display: block; float: left; margin-right: 15px; }
.checkout-basket .total-price td { border: 1px solid #dbdbdb; font-size: 1.4375em; vertical-align: middle; }
.checkout-basket td.empty { background: transparent; border: none; font: normal 1.375em/1 Tele-grotesk; text-align: left; }
.cart-fast-container .checkout-basket-total td.empty { font-size: 1.25em; }
.checkout-terms { margin: 1.25em 0; }
.checkout-terms a { font: normal 1em/1.2 Tele-grotesk; display: inline-block; margin: 0 1em 0 0; }

.checkout-basket ul.checked-list { margin: 0.25em 0 0; padding: 0; list-style-type: none; text-align: left; }
.checkout-basket ul.checked-list li { font: normal 1rem Tele-grotesk; margin: 0.25em 0 0; }

.checkout-basket tr.discount-row.headline td { padding-bottom: 0; }
.checkout-basket tr.discount-row td { background: #ffe7f4; }
.checkout-basket tr.discount-row td.topic h3 { font: normal 1.25em/1 Tele-groteskfet; margin: 0; }
.checkout-basket tr.discount-row td.topic h2 { margin: 0; }
.checkout-basket tr.discount-row td.topic .selector { width: auto; margin: 0.75em 0 0; }
.checkout-basket tr.discount-row td.discount p { font-size: 16px; font-size: 1rem; font-family: Tele-groteskfet; margin: 0; }
.checkout-basket tr.discount-row td.discount p span.basket-note { margin: 0.375em 0 0; }

.fast-basket-functions { float: left; font: normal 1em/1 Tele-grotesk; margin: 1% 0; width: 100%; text-align: right; }
.fast-basket-functions > a:first-child { border-right: 1px solid #cdcdcd; padding-right: 2%; margin-right: 2%; }

.fast-basket-functions { float: left; font: normal 1em/1 Tele-grotesk; margin: 1% 0; width: 100%; text-align: right; }
.fast-basket-functions > a:first-child { border-right: 1px solid #cdcdcd; padding-right: 2%; margin-right: 2%; }

.footer_box .wrapper { z-index: auto; }

.footer_box .wrapper { z-index: auto; }

.emptybasket h3 {font:normal 1.375em/1 Tele-groteskfet; margin:0 0 0.5em; clear:none;}
.emptybasket p {font:normal 1.125em/1.3 Tele-grotesk; margin:0 0 1em;}
.emptybasket dt {float:left; margin:0 2% 0 0; width:14%;}
.emptybasket dd {float:left; width:84%;}
.emptybasket img {max-width:100%;}

#development-purposes { position: fixed; bottom: 0; right: 0; z-index: 100; padding: 10px 20px; background: yellow; display: none; }

/** Dodatna oprema checkout fetaure class = accessories */
.checkout-tabs-control { list-style-type: none; float: left; width: 100%; border: 1px solid #d1d1d1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 0.25rem 0.25rem 0 0; -moz-border-radius: 0.25rem 0.25rem 0 0; border-radius: 0.25rem 0.25rem 0 0; height: 4.125em; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); }
.checkout-tabs-control > li { float: left; }
.checkout-tabs-control > li > a { display: block; color: #333; font: normal 1em/2.5 Tele-groteskhal; padding: 0.75em 1.25em; border-right: 1px solid #e5e5e5; border-left: 1px solid #fff; }
.checkout-tabs-control > li:first-child > a { border-left: none; -webkit-border-radius: 0.25rem 0 0 0; -moz-border-radius: 0.25rem 0 0 0; border-radius: 0.25rem 0 0 0; }
.checkout-tabs-control > li.selected > a { background: #fff; border-bottom: 1px solid #fff; }
.checkout-tabs-container { float: left; width: 100%; border: 1px solid #d1d1d1; border-top: none; background: #fff; margin: 0 0 1.25em; padding: 0.5em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.checkout-tabs-container .checkout-tabs { display: none; }
.checkout-tabs-container .checkout-tabs:first-child { display: block; }

.accessories-list { list-style-type: none; float: left; width: 100%; margin: -1% 0 2.5em; padding: 0 0 0 1%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.accessories-list.recommended { padding: 1% 0 0 1%; margin-top: 0; border: 1px solid #dbdbdb; background: #f5f5f5; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; }
.accessories-list > li { border: 1px solid #ddd; float: left; width: 49%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 1% 1% 0; padding: 0; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; background: #fff; -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
.accessories-list.recommended > li { margin: 0 1% 1% 0; width: 49%; }
.accessories-list > li:hover { border: 1px solid #e20074; -webkit-box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.25); box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.25); }
.accessories-list .list-device-box { height: 14.5em; background: none; filter: none; border-radius: 0; border: none; padding: 0.75em 1em 1em; float: none; margin: 0; width: 100%; }
.accessories-list .list-device-img { width: 40%; margin: 0 5% 0 0; }
.accessories-list .list-device-prices { width: 55%; }
.accessories-list .accessory_amount_picker { margin: 0.5em 0; }
.accessories-list .accessory_amount_picker .selector { width: 3.5em; margin: 0 0 -0.5em; }
.accessories-list .list-device-prices .button-magenta, .accessories-list .list-device-prices .button-gray { margin: 0.75em 0 0; font-size: 95%; }
.accessories-list .list-device-box h2 { height: 2.8em; font: normal 1.125em/1.4 Tele-groteskfet; margin: 0 0 1em; }
.accessories-list .show-more { display: block; float: left; width: 99%; text-align: center; border: 1px solid #ddd; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 1); clear: both; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font: normal 1em/2.25 Tele-groteskhal; color: #333; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; background: #fafafa; background: -moz-linear-gradient(top, #fafafa 64%, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(64%,#fafafa), color-stop(100%,#f3f3f3)); background: -webkit-linear-gradient(top, #fafafa 64%,#f3f3f3 100%); background: -o-linear-gradient(top, #fafafa 64%,#f3f3f3 100%); background: -ms-linear-gradient(top, #fafafa 64%,#f3f3f3 100%); background: linear-gradient(to bottom, #fafafa 64%,#f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f3f3f3',GradientType=0 ); }

.checkout-total-box { clear: both; float: right; /*width:31.66666666666667%;*/ width: 19em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e1e1e1; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; padding: 1.25em; z-index: 9; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); background: -o-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); background: linear-gradient(to bottom, #ffffff 0%,#dbdbdb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); }
.checkout-total-box h3 { font: normal 1.5625em/1.3 Tele-groteskfet; margin: 0 0 0.3em; }
.checkout-total-box .button-magenta, .checkout-total-box .button-gray { width: 100%; padding: 0; text-align: center; margin: 0.75em 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.checkout-total-box.fixed { position: fixed; left: 50%; top: 0.5em; margin-left: 11em; }
.checkout-total-box.fixed.bottom { position: absolute; bottom: 1.25em; left: auto; right: 0; top: auto; margin-left: 0; }
.checkout-total-box.fixed.higher, .checkout-total-box.fixed.bottom.higher { position: relative; bottom: auto; left: auto; top: auto; right: auto; margin-left: 0; }
.checkout-total-box .total-prices { float: left; width: 100%; border-top: 1px solid #b4b4b4; list-style-type: none; margin: 0; padding: 1em 0; font: normal 1em/normal Tele-grotesk; }
.checkout-total-box .total-prices li { float: left; width: 100%; padding: 0.5em 0; }
.checkout-total-box .total-prices li p { float: left; }
.checkout-total-box .total-prices li p.topic { width: 65%; font-family: Tele-groteskFet; }
.checkout-total-box .total-prices li p.value { width: 35%; text-align: right; font-size: 1.1875em; font-family: Tele-groteskFet; }
.checkout-total-box .total-prices li p.napomena { font-size: 0.8125em; width: 65%; }
.checkout-total-box .total-prices li .currency { font-family: inherit; color: inherit; font-size: 0.625em; font-weight: normal; margin: 0; position: relative; left: 0.375em; bottom: 0.375em; }
.checkout-total-box .total-prices li .small { display: block; font-size: 0.875em; line-height: 1; font-family: Tele-grotesk; max-width: 65%; }
.checkout-total-box .total-prices h2 { font: normal 1.25em/1 Tele-groteskfet; margin: 0.25em 0; }
.checkout-total-box .skip-link, .e2e-button-holder .skip-link { font-family: Tele-grotesk; display: block; margin: 1em 0 0; text-align: center; float: left; width: 100%; }
.e2e-button-holder .skip-link {float:none; clear:both; padding:0.75em 0 0; margin:0;}

.cart-added-item, .cart-fast-container { position: absolute; z-index: 10; top:108%; right:0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35); border: 2px solid #fff; padding: 0.875em; width: 15em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; display: none; background: #fff; background: -moz-linear-gradient(top, #ffffff 64%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(64%,#ffffff), color-stop(100%,#eeeeee)); background: -webkit-linear-gradient(top, #ffffff 64%,#eeeeee 100%); background: -o-linear-gradient(top, #ffffff 64%,#eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 64%,#eeeeee 100%); background: linear-gradient(to bottom, #ffffff 64%,#eeeeee 100%); behavior: url(/webresources/pie/PIE.htc); }
.cart-fast-container { width: 45em; -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.35); }
.cart-added-item img { float: left; margin: 0 0.5em 0 0; width: 3.125em; }
.cart-added-item h4 { font: normal 1.25em/1 Tele-grotesk; margin: 0; }
.cart-added-item h5 { font: normal 1em/1 Tele-groteskhal; margin: 0 0 0.5em; }
.cart-added-item p { font: normal 0.875em/1 Tele-grotesk; margin: 0 0 0.5em; }
.cart-added-item .arrow, .cart-fast-container .arrow { display: block; position: absolute; top: -0.75em; right:3.625em; background: transparent url(../images/details-box-arrow.png) no-repeat left top; width: 2.5em; height: 0.625em; }
.cart-added-item.fixed { position: fixed; top: 0.5em; left: 50%; margin: 0 0 0 12.9375em; }
.cart-fast-container { padding: 2em 0.5em 0.5em; margin: 0 0 2em; background: #fff; filter: none; }
.cart-fast-container table { font-size: 90%; }
.cart-fast-container .close { display: block; width: 1.25em; height: 1.25em; position: absolute; top: 0.375em; right: 0.375em; background: transparent url(../images/process-icons.png) no-repeat 0 -184px; cursor: pointer; }
.cart-fast-container .close:hover { background-position: -20px -184px; }
.cart-added-item ul.added-items { list-style-type: none; float: left; width: 100%; clear: both; }
.cart-added-item ul.added-items li { float: left; width: 100%; margin: 0.5em 0 0; padding: 0.5em 0 0; border-top: 1px solid #e2e2e2; }

/***Wall***/
.great-wall-container {border:none; background:none; width:54em; padding:0; -moz-border-radius:0.375rem; -webkit-border-radius:0.375rem; border-radius:0.375rem;}
.great-wall-container .great-wall {background:#fff; padding:0 0 2em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #d3d3d3; -moz-border-radius:0.375rem; -webkit-border-radius:0.375rem; border-radius:0.375rem; list-style-type:none; margin:0;}
.great-wall-container .great-wall > li {position:relative; float:left; width:100%; background:none; padding:0; font-size:16px; font-size:1rem;}
.great-wall-container .great-wall h3 {font:normal 1.75em/2.25 Tele-groteskult; text-align:center; border-bottom:1px solid #d3d3d3; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); -moz-border-radius:0.375rem 0.375rem 0 0; -webkit-border-radius:0.375rem 0.375rem 0 0; border-radius:0.375rem 0.375rem 0 0; margin:0 0 1em;}
.great-wall-container .great-wall .half {float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 6%;}
.great-wall-container .great-wall h4 {font:normal 1.375em/1.2 Tele-grotesk; margin:0 0 0.375em;}
.great-wall-container .great-wall p {font:normal 1.125em/1.2 Tele-grotesk; margin:0; border:none; padding:none;}
.great-wall-container .great-wall .text {height:8em;}
.great-wall-container .great-wall .button-gray {display:block; text-align:center; margin:0 0 0.75em; padding:0;}
.great-wall-container .great-wall .wall-ili {position:absolute; left:50%; top:0; height:100%;}
.great-wall-container .great-wall .wall-ili:before {content:""; display:block; position:absolute; left:50%; top:0; width:1px; background: #d3d3d3; background: -moz-linear-gradient(top,  #ffffff 1%, #aaaaaa 50%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(50%,#aaaaaa), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top,  #ffffff 1%,#aaaaaa 50%,#ffffff 100%); background: -o-linear-gradient(top,  #ffffff 1%,#aaaaaa 50%,#ffffff 100%); background: -ms-linear-gradient(top,  #ffffff 1%,#aaaaaa 50%,#ffffff 100%); background: linear-gradient(to bottom,  #ffffff 1%,#aaaaaa 50%,#ffffff 100%); height:100%;}
.great-wall-container .great-wall .wall-ili:after {content:"ili"; color:#fff; background:#53b7e8; display:block; position:absolute; font:normal 2.5em/1.8 Tele-groteskult; width:1.8em; text-align:center; text-transform:uppercase; left:-0.9em; top:50%; margin:-0.9em 0 0; -moz-border-radius:0.9em; -webkit-border-radius:0.9em; border-radius:0.9em;}

/*** overlay form ***/
.overlay .checkout-box { float: left; width: 100%; border: none; padding: 0; }
.overlay .checkout-full { margin: 0; }
.overlay ul.form-container li { font-size: 100%; padding: 0; background-image: none; }
.overlay ul.form-container > li > label { width: 100%; text-align: left; margin: 0 0 0.375em; }
.overlay ul.form-container > li > label.light { font: normal 0.9375em/1.2 Tele-grotesk; }
.overlay ul.form-container > li input.text { width: 50%; }
.overlay .checkout-box p.input-error { max-width: 47%; margin-left: 3%; }

/***SIM only ***/
.sim-img-third { list-style-type: none; width: 100%; float: left; background: transparent url(../images/horizontal-divider.png) no-repeat 50% bottom; background-size: 100% 1px; padding: 0 0 0.5em; margin: 0 0 0.5em; }
.sim-img-third > li { float: left; width: 33.33333333333333%; text-align: center; }
.sim-img-third canvas { margin: 0 auto; }
.sim-img-third > li img { margin: 0 auto; cursor:pointer;}
.sim-img-third > div { width: 100%; }
.sim-img-third div.radio { display: inline-block; top: 0; margin: 0 0 0.375em; }
.sim-img-third label { font: normal 0.875em/1 Tele-groteskfet; display: block; }
.sim-img-third .img-box { height: 7.125em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.sim-img-third .img-box > div { margin: 0 auto; }
.sim-img-third > li.micro .img-box { padding-top: 27px; }
.sim-img-third > li.nano .img-box { padding-top: 40px; }
.device-calculate-box li.device-calculate-li.simonly p { font: normal 0.875em/1.3 Tele-grotesk; text-align: left; margin: 0 0 0.5em; }
.device-calculate-box li.device-calculate-li.simonly input[type=text] { border: 1px solid #bbb; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; -webkit-box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 0.13); box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 0.13); font: normal 0.875em/1.857142857142857 Arial, Helvetica, sans-serif; padding: 0 0.5em; height: 2em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 1.285714285714286em; width: 100%; color: #4b4b4b; }

/***fiksni telefoni***/
.device-calculate-box li.device-calculate-li.fix-device { width: 66.25%; height: 32em; padding-bottom: 0; }
.device-calculate-box li.device-calculate-li.fix-price { height: auto; }
.device-calculate-li.fix-price .button-holder { position: relative; right: 0; bottom: 0; float: right; margin: 2.5em 0 0; }
.device-calculate-li.fix-price h3.device-total { font: normal 1.625em/1.3 Tele-grotesk; text-align: left; color: #444; margin: 1.25em 5% 0.2em; }
.device-calculate-box .device-calculate-li.fix-device .device-img { margin: 0; }
.device-gallery-control.fiksni { float: left; width: 66.25%; text-align: center; margin: -0.5em 0 1em; }

.device-calculate-box li.device-calculate-li.fix-device.tv { padding-top: 5em; height: 33.5em; }
.device-calculate-box li.device-calculate-li.fix-price.tv { padding: 0.75em 1em; }
.device-calculate-li.fix-price.tv h3.device-total { font: normal 1.375em/1.3 Tele-grotesk; margin: 0 5% 0.375em; }
.device-calculate-li.fix-price.tv h3.device-price { font: normal 2.125em/1 Tele-grotesk; margin: 0 0 0.5em; letter-spacing: 0; }
.device-calculate-li.fix-price.tv h3.device-price.monthly { font-family: Tele-groteskhal; }
.device-calculate-li.fix-price.tv .button-holder { margin: 0; }
.device-calculate-li.fix-price.tv .kreditne { clear: both; float: right; margin: 0.5em 0 0 0; }
.device-calculate-li.fix-price.tv h3.device-total .tooltip { vertical-align: inherit; }
.device-calculate-box li.device-calculate-li.fix-device.tv .device-img {width:100%;}



/***navigator***/
.e2e-navigator { list-style-type: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; width: 100%; margin: 0.75em 0 1.5em; border: 1px solid #d7d7d7; background: #ececec; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); font-family: Tele-grotesk; overflow: hidden; }
.e2e-navigator > li { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0.25em 1em 0.25em 2.25em; position: relative; height: 3.125em; color: #737373; }
.e2e-navigator > li.current { color: #e20074; }
.e2e-navigator > li.done { color: #333; }
.e2e-navigator > li:first-child, .e2e-navigator > li.first { padding-left: 0.75em; }
.e2e-navigator > li .nr { display: block; float: left; font: normal 2.625em/1 Tele-grotesk; margin: 0 0.125em 0 0; }
.e2e-navigator > li p { font-size: 1em; line-height: 1; margin: 0.25em 0 0; }
.e2e-navigator > li .back { font-size: 0.9375em; display: none; }
.e2e-navigator > li.done .back { display: block; }
.e2e-navigator > li .arrow { overflow: hidden; position: absolute; z-index: 2; width: 1.625em; height: 3.125em; left: 100%; top: 0; }
.e2e-navigator > li .arrow:after { background: #ccc; border: 1px solid #d7d7d7; content: ""; height: 6.25em; width: 6.25em; margin: -1.625em 0 0 -6.0625em; position: absolute; background: #ececec; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.e2e-navigator > li.current, .e2e-navigator > li.current .arrow:after { background: #fff; }
.e2e-navigator > li.done:after { display: block; content: ""; height: 1.5625em; width: 1.875em; background: transparent url(../images/ic_progress_check.png) no-repeat 0 -25px; position: absolute; right: 0.25em; top: 50%; margin-top: -0.78125em; z-index: 3; }
.e2e-navigator > li.next-set:after, .e2e-navigator > li.previous-set:after { display: block; width: 26px; height: 30px; background: transparent url(../images/navigator-icons.png) no-repeat 0 0; content: ""; position: absolute; right: 0.75em; top: 50%; margin-top: -15px; }
.e2e-navigator > li.previous-set:after { width: 40px; background-position: 0 -42px; }
.e2e-navigator > li.previous-set { padding-right: 3.5em; border-right: 1px solid #d7d7d7; }
.e2e-navigator > li.previous-set .arrow { display: none; }

.e2e-navigator.two > li { width: 50%; }
.e2e-navigator.three > li { width: 33.33333333333333%; }
.e2e-navigator.four > li { width: 25%; }
.e2e-navigator.five > li { width: 20%; }

.button_row_new { line-height: 12px; padding: 0.125em 0.125em 0.5em; width: 10.8em; text-align: center; vertical-align: middle; }
.prijedjite_text { margin: 0 0.13em 0.5em 0; }
.button_topic_new { width: 15.5em; text-align: right; font: 0.9375em/1.33333em Tele-grotesk; }
span.tooltip-prepaid { background: url(../images/tooltip_prepaid.png) no-repeat scroll center bottom transparent; display: inline-block; height: 14px; margin-bottom: -2px; width: 14px; }

.ui-autocomplete { max-height: 18.75em; overflow-y: auto; overflow-x: hidden; }

.back-btn-box { float: left; width: 100%; margin: 0 0 1em; }
a.continue-right { float: right; font-family: Tele-groteskfet; }
/*.continue-right.button-magenta:before {content:"Sljedeći korak: "; font-family:Tele-grotesk;}*/
.continue-right:after { display: inline-block; width: 0.4375em; height: 0.75em; background: transparent url(../images/right-btn-bg.png) no-repeat 0 0; margin: 0 -0.375em -0.125em 0.375em; padding: 0; content: ""; }
.continue-right.button-gray:after { background-image: url(../images/right-btn-bg-black.png); }
.continue-right img { margin: 0 -0.375em -1px 0.625em; }
.continue-right span.right { display: inline-block; width: 0.4375em; height: 0.75em; background: transparent url(../images/right-btn-bg.png) no-repeat 0 0; margin: 0 -0.375em -0.125em 0.375em; padding: 0; }
.button-gray.continue-right span.right { display: inline-block; width: 0.4375em; height: 0.75em; background: transparent url(../images/right-btn-bg-black.png) no-repeat 0 0; margin: 0 -0.375em -0.125em 0.375em; padding: 0; }
.continue-right .label { font-family: Tele-grotesk; }
/*****/

/***max2 process***/
.max2-process-box { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #dcdcdc; border-top: 0; }
.max2-process-box.opened { display: block; }
.max2-process-box .button-container { text-align: center; margin: 0 0 1.5em; }
.max2-process-box .button-container .button-magenta { padding: 0; min-width: 42%; }
.e2e-navigator.smaller > li p { font-size: 0.9375em; }
.max2-process h4.checkout-box-heading { font-family: Tele-groteskfet; float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 0; }
.max2-process h4.checkout-box-heading .data-trigger { line-height: 1.866666666666667; background-position: right -23px; }
.max2-process .option-list li.option-list-li { padding: 1.5em 3%; border: none; border-top: 1px solid #d1d1d1; }
.max2-process .option-list li.option-list-li:first-child { border-top: none; }
.max2-process .option-list li.option-list-li.noborder { background: transparent url(../images/horizontal-divider-light.png) no-repeat left top; background-size: 80% 1px; }
.max2-process .option-list .tablet-karakteristike { float: right; margin: 0 0 0 1.5em; }
.max2-process .option-list .tablet-karakteristike p a { display: inline-block; background: transparent url(../images/more-icon.png) no-repeat 0 4px; padding: 0 0 0 1.125em; text-decoration: underline; margin: 0.25em 0 0 1.125em; }
.max2-process .option-list p { font-size: 1.125em; }
.max2-process .option-list p.lead { font-size: 1.375em; margin: 0 0 1em; }
.max2-process .option-list ul.kvacica { margin: 0; }
.max2-process .option-list ul.kvacica li { font: normal 1.125em/1.35 Tele-grotesk; background-position: 0 0.375em; }
.max2-process .option-description h3 { font: normal 1.5em/1 Tele-grotesk; margin: 0 0 0.5em; }
.max2-package-select .duration { margin: 0 0 1em 12%; }
.max2-package-select .duration .selector { margin: 0 0.25em -0.5em; }
.max2-package-select .radio-list { margin: 0; }
.max2-package-select .radio-list li { font: normal 1.125em/1.3 Tele-grotesk; margin: 0.5em 0 0; }
.max2-package-select .radio-list li input { width: 3%; margin: 0.375em 1% 0 8%; }
.max2-package-select .radio-list li label { width: 85%; }
.max2-package-select .radio-list li .price { display: inline-block; float: right; font-size: 1.111111111111111em; margin-top: -0.125em; }
.max2-package-select .radio-list li label h4 { font: normal 1.125em/1 Tele-groteskfet; color: #e20074; }
.max2-package-select .radio-list li label h4 .price { font-size: 1.444444444444444em; margin-top: -0.25em; }
.max2-package-select .radio-list li label h5 { font: normal 1.125em/1 Tele-groteskfet; }
.max2-package-select .radio-list li p { margin: 0 0 0 12%; width: 85%; font-size: 1em; }
.max2-process .option-list .icon-box { float: left; width: 10%; margin: 0 2% 0 0; }
.max2-process .option-list .icon-box img { max-width: 100%; }
.max2-process .option-list .tekst-box { display: block; width: 88%; float: left; }
.max2-process .option-list h4 { font: normal 1.5em/1 Tele-groteskfet; margin: 0 0 0.5em; }
.max2-process .option-list-li { position: relative; }
.max2-process .option-list-li .option-icon { width: 9em; }
.max2-process .option-list-li .option-icon h4 { margin: 0 -0.5em 2em -0.5em; }
.max2-process .option-list-li .option-icon img { width: auto; max-width: 7em; }
.max2-process .option-list-li .option-icon .ec-new { position: absolute; background: #fcd167; font: normal 1.0625em/1 Headline; text-transform: uppercase; padding: 0.5em; left: 1.5em; top: 7em; -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
.max2-process .option-list-li .option-icon .ec-new span { font-family: Headline-ult; }

.max2-process .phone-fullbox {padding:2em 0 1em;}
.max2-process .phone-fullbox .image {float:left; width:50%; text-align:center;}
.max2-process .phone-fullbox .image img {max-width:95%;}
.max2-process .phone-fullbox .karakteristike {display:inline-block; background:transparent url(../images/more-icon.png) no-repeat 0 2px; font:normal 0.875em/1.3 Tele-grotesk; padding:0 0 0 1.5em;}
.max2-process .phone-fullbox .text {float:left; width:50%;}
.max2-process .mainbox-holder .phone-fullbox h3 {font:normal 1.5em/normal Tele-groteskfet; text-transform:none; margin:0 0 0.5em; color:#333;}
.max2-process .mainbox-holder .phone-fullbox p {font:normal 1.0625em/normal Tele-grotesk; margin:0 0 0.5em; width:50%;}
.max2-process .mainbox-holder .phone-fullbox p.price {font-family:Tele-groteskfet; font-size:2.625em; margin:0 0 0.25em; color:#e20074; width:100%;}
.max2-process .mainbox-holder.box-item .phone-fullbox p { width:100%; }

.max2-process .option-list.program-package .option-list-li div { display: block; float: left; }
.max2-process .option-list.program-package .option-list-li .option-icon { width: 17%; padding: 0 2%; }
.max2-process .option-list.program-package .option-list-li .option-description { width: 56%; }
.max2-process .option-list.program-package .option-list-li .option-check { width: 23%; }
.max2-process .option-list.program-package .option-list-li .programi { width: auto; margin: 1.5em 0 0; display: none; }
.max2-process .option-list.program-package .option-list-li .price { font: normal 1.5em/1 Tele-groteskfet; color: #e20074; margin: 0 0 0.5em; }
.max2-process .option-list.program-package .option-list-li .package-trigger { font-family: Tele-grotesk; display: inline-block; margin: 1em 0 0; background: transparent url(../images/link-up-down.png) no-repeat right 0.4375em; padding: 0 0.75em 0 0; }
.max2-process .option-list.program-package .option-list-li .package-trigger.active { background-position: right -0.75em; }
.max2-process .option-list.program-package .option-list-li .option-icon img { max-width: 6em; }
.max2-process .option-list.program-package .option-list-li p.note24 { font-size: 0.9375em; color: #999; margin: 1em 0 0; }

.max2-process .terms { text-decoration: underline; float:none;}
.max2-process .terms:before { content: ""; display: inline-block; width: 20px; width: 1.25rem; height: 20px; height: 1.25rem; background: transparent url(../images/info-gray.png) no-repeat 0 0; margin: 0 0.25em -0.125em 0; }
.checkout-box.twothirds ul.form-container > li input.text, .checkout-box.twothirds .radio-list, .checkout-box.twothirds ul.form-container > li p.input-note, .checkout-box.twothirds h2, .checkout-box.twothirds h4, .checkout-box.twothirds p { width: 42%; }
.checkout-box.twothirds ul.form-container > li > label { width: 28%; }
.checkout-box.twothirds ul.form-container > li input.text.address-txt { width: 30%; }
.checkout-box.twothirds ul.form-container > li input.text.address-nr { width: 12%; }
.checkout-box.twothirds ul.form-container > li p.input-note { margin-left: 29%; }
.checkout-box.twothirds p.input-error { width: auto; max-width: 27%; }
.checkout-box.twothirds .radio-list li label { width: 92%; }
.max2-process p.note { width: 90%; font-size: 1em; font-family: Tele-groteskfet; }
.max2-process-total h4 { font: normal 1.375em/1 Tele-grotesk; border-top: 1px solid #b4b4b4; margin: 0.5em 0; padding: 0.5em 0 0; clear: both; }
.max2-process-total h2 { font: normal 1.75em/1 Tele-groteskfet; border-top: 1px solid #b4b4b4; margin: 0.5em 0; padding: 0.5em 0 0; clear: both; }
.max2-process-total .max2-selected { background: #f7f7f7; padding: 4%; border-bottom: 1px solid #dcdcdc; }
.max2-process-total .total { padding: 4%; }
.max2-process-total ul.prices { list-style-type: none; }
.max2-process-total ul.prices li { font: normal 1.125em/1.6 Tele-grotesk; clear: both; float: left; width: 100%; }
.max2-process-total ul.prices li.package { font-family: Tele-groteskfet; font-size: 1.25em; }
.max2-process-total ul.prices li span { display: inline-block; float: right; text-align: right; font-size: 1.111111111111111em; margin-top: -0.125em; }
.max2-process-total ul.prices li span span { display: block; float: none; font-size: 0.75em; margin: -0.5em 0 0.75em; }
.max2-process-total ul.prices li.monthly span { color: #e20074; font-size: 1.444444444444444em; font-family: Tele-groteskult; margin-top: -0.25em; }
.max2-process-total ul.prices li.single span { font-family: Tele-groteskfet; }
.checkout-total-box.max2-process-total .button-magenta, .checkout-total-box.max2-process-total .button-gray { margin: 1em 0 0; }
.max2-process-bann { float: left; width: 100%; background: transparent url(https://www.hrvatskitelekom.hr/ResourceManager/GetImage.aspx?imgId=3743) no-repeat 0 0; position: relative; padding-bottom: 48.9%; height: 0; margin: 0 0 2em; }
.max2-process-bann .brandon { position: absolute; left: 1.25em; top: 1.25em; width: 18.125em; }
.max2-process-bann .brandon h3 { color: #fff; font-size: 1.5625em; margin: 0; }
.max2-process-bann p.note { font: normal 1em/1.2 Tele-grotesk; position: absolute; bottom: 0.75em; left: 1.25em; letter-spacing: -0.03em; color: #4b4b4b; }
.max2-process-bann p.karakteristike-link { position: absolute; bottom: 3.25em; right: 6%; font-size: 1.125em; }
.max2-process-bann p.karakteristike-link a { text-decoration: underline; }
.max2-process .mainbox-holder { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 1em; }
.max2-process .mainbox-holder.maxobitelj-box { padding: 1em 0; }
.max2-process .mainbox-holder .halfbox { position: relative; padding: 0 1.25em 8em; float: left; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 24em; }
.max2-process .mainbox-holder .halfbox.last { border-left: 1px dotted #d1d1d1; }
.max2-process .mainbox-holder .fullbox { float: left; width: 100%; padding: 0 1.25em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; text-align: center; }
.max2-process .mainbox-holder h3 { font: normal 1.875em/1 Headline-ult; text-transform: uppercase; margin: 0 0 0.5em; }
.max2-process .mainbox-holder h4 { font: normal 1.5em/1 Headline-ult; text-transform: uppercase; margin: 0 0 0.5em; color: #4b4b4b; clear: both; }
.max2-process .mainbox-holder p { font-size: 1.125em; }
.max2-process .mainbox-holder h3 + p { margin-top: 3em; }
.max2-process .mainbox-holder p.small-price { font: normal 1.125em/1 Tele-groteskfet; color: #e20074; }
.max2-process .mainbox-holder p.small-price span { font-size: 1.333333333333333em; }
.max2-process .mainbox-holder .plus { margin: 0 0 0.5em; text-align: center; }
.max2-process .mainbox-holder ul.kvacica { clear: both; }
.max2-process .mainbox-holder ul.kvacica li { font: normal 1.125em/1.3 Tele-grotesk; background-position: 0 0.3em; }
.max2-process .mainbox-holder .bottom-box { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding-bottom: 1em; }
.max2-process .mainbox-holder .bottom-box .price { font: normal 1.25em/1 Tele-groteskfet; color: #e20074; margin: 0 0 2em; }
.max2-process .mainbox-holder .bottom-box .price span { font-size: 1.5em; }
.max2-process .mainbox-holder .bottom-box .price + .small-price { margin: -2em 0 0.625em; }
.max2-process .mainbox-holder .fullbox .bottom-box { position: relative; }
.max2-process .mainbox-holder .halfbox { margin-top: 1em; }
.max2-process.poslovni .mainbox-holder .halfbox { height: 41em; }
.max2-process.poslovni .mainbox-holder .halfbox .image { text-align: center; margin: 0 0 1em; }
.max2-process .mainbox-holder .halfbox input { margin: 0 0.5em 0 0; cursor: pointer; }
.max2-process .mainbox-holder .halfbox label { font-family: Tele-grotesk; font-size: 1.125em; }

.max2-process .mainbox-holder.maxobitelj-process .halfbox { height: 41em; }
.max2-process .napomene { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1.25em; margin-top: 1em; }
.max2-process .napomene p { font-size: 1em; }

.max2-process .mainbox-holder.maxobitelj-box .brandon { width: auto; margin: 0 1em 3em 0; }
.max2-process .mainbox-holder.maxobitelj-box .brandon h3 { font: normal 1.5em/1.125 Headline; margin: 0; }
.max2-process .mainbox-holder.maxobitelj-box .halfbox { height: auto; padding: 0 0 0 1.25em; }
.max2-process .mainbox-holder.maxobitelj-box .halfbox.last { border-left: none; padding: 0 1.25em 0 0; }
.max2-process .mainbox-holder.maxobitelj-box .bottom-box { position: relative; }
.max2-process .mainbox-holder.maxobitelj-box p { margin: 0 0.5em 1em 0; }
.max2-process .mainbox-holder.maxobitelj-box p.small { font-size: 0.9375em; margin: 1em 0 0; }
.max2-process .mainbox-holder.maxobitelj-box .karakteristike { margin: -1.25em 0 1.5em 0.75em; text-align: right; }
.max2-process .mainbox-holder.maxobitelj-box .karakteristike a { text-decoration: underline; }
.max2-process .mainbox-holder.djecji-box { padding: 1.25em 1.25em 0.5em; position: relative; }
.max2-process .mainbox-holder.djecji-box h3 { font: normal 1.5em/1 Tele-groteskfet; color: #333; text-transform: none; margin: 0 0 0.5em; }
.max2-process .mainbox-holder.djecji-box p.lead { margin: 0 0 0.5em; font-size: 1.5em; width: 16em; }
.max2-process .mainbox-holder.djecji-box .programi { width: auto; }
.max2-process .mainbox-holder.djecji-box .button-magenta, .max2-process .mainbox-holder.djecji-box .button-gray { float: right; }
.max2-process .mainbox-holder.djecji-box .kvacica { margin: 0 0 1em; }
.max2-process .mainbox-holder.djecji-box .ec-new { position: absolute; background: #fcd167; font: normal 1.0625em/1 Headline; text-transform: uppercase; padding: 0.5em 0.75em; right: 2em; top: 2em; -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
.max2-process .mainbox-holder.djecji-box .ec-new span { font-family: Headline-ult; }
.max2-process .programi p { font: normal 0.625em/normal Arial; }

/*test tablica tarifa*/
.tarif-table { width: 99%; margin: 2em 0 2.5em; border-collapse: collapse; }
.tarif-table tbody td { position: relative; border-right: 1px solid #fff; width: 20%; text-align: center; background: transparent url(../images/tarif-p-divider.png) no-repeat 50% top; background-size: 100% 1px; padding: 0.5em 0.25em; }
.tarif-table th { font: normal 0.9375em/normal Tele-grotesk; text-align: right; padding-right: 8px; padding-right: 0.5rem; }
.tarif-table tbody td:before, .tarif-table tbody td:after { display: block; content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #ccc; }
.tarif-table tbody td:after { right: 0; left: auto; }
.tarif-table td.finish { vertical-align: bottom; background: #fff; padding: 0; }
.tarif-table td.finish.top { height: 4em; vertical-align: bottom; background: #fff; }
.tarif-table td.finish > div { border: 1px solid #ccc; -moz-border-radius: 0.25em 0.25em 0 0; -webkit-border-radius: 0.25em 0.25em 0 0; border-radius: 0.25em 0.25em 0 0; padding: 0.25em; background: #f5f5f5; }
.tarif-table td.finish.top > div { border-bottom: none; }
.tarif-table td.finish.bottom > div { border-top: none; -moz-border-radius: 0 0 0.25em 0.25em; -webkit-border-radius: 0 0 0.25em 0.25em; border-radius: 0 0 0.25em 0.25em; }
.tarif-table tbody td.finish > div .button-magenta { display: none; }
.tarif-table tbody td.finish.selected > div .button-magenta { display: block; }
.tarif-table td.finish:before, .tarif-table tbody td.finish:after { display: none; }
.tarif-table .values { background: #f5f5f5; }
.tarif-table .selected, .tarif-table td.finish.selected > div { background-color: #ffe0f0; }
.tarif-table td.finish.selected > div { border-color: #fbbcdd; }
.tarif-table tbody td.selected:before, .tarif-table tbody td.selected:after { background: #fbbcdd; }
.tarif-table td h1 { font: normal 2.5em/1 Tele-groteskult; color: #424242; margin: 0 0 0.125em; }
.tarif-table td .radio { margin: 0; }
.tarif-table .tarif-name td { background-image: none; }
.tarif-table .tarif-name th { font-size: 1.5em; text-transform: uppercase; }

.iphone-soon-tag { float: left; width: 60.625em; height: 0; padding-bottom: 12.37113402061856%; margin: -0.9375em 0 0 -0.3125em; background: transparent url(/ResourceManager/GetImage.aspx?imgId=4193) no-repeat center bottom; }

/* max obitelj proces */
.checkout-container.options.max2-process.max-obitelj-proces .list-device-box h2 { color: #303030; font: 1.5em/1 Tele-groteskfet; margin: 0 0 1.41667em; }
.checkout-container.options.max2-process.max-obitelj-proces .list-device-box h3 { color: #303030; font: 1.125em/1 Tele-grotesk; margin: -1.88889em 0 0.888889em; }
.checkout-container.options.max2-process.max-obitelj-proces p.tarif { height: 2.143em; }
.checkout-container.options.max2-process.max-obitelj-proces .list-device-bottom .list-device-control { width: 35.7365%; }
.checkout-container.options.max2-process.max-obitelj-proces .button-gray { margin: 0.166667em 0 0; float: right; }
.checkout-container.options.max2-process.max-obitelj-proces .list-device-prices p.webshop-price { background: none; }
.checkout-container.options.max2-process.max-obitelj-proces { /*width: 68.3333%;*/ margin: 0 0 0.6em; }
.checkout-container.options.max2-process.max-obitelj-proces .maxobitelj-list-device-container { width: 103%; }
.checkout-container.options.max2-process.max-obitelj-proces .list-device-box { width: 48.4%; height: 22em; }
.checkout-container.options.max2-process.max-obitelj-proces .list-device-prices ul li { font: 0.875em/1 Tele-grotesk; color: #666666; margin: 0 0 0 1.143em; }
.checkout-container.options.max2-process.max-obitelj-proces .list-device-prices p.webshop-price span.currency {bottom: 0; }
.checkout-container.options.max2-process.max-obitelj-proces .list-device-prices p.webshop-price span.additional-price { font-size: 1.714em; }
.checkout-container.options.max2-process.max-obitelj-proces .list-device-prices p.webshop-price span.currency.additional { font-size: 1.143em; }
.checkout-container.options.max2-process.max-obitelj-proces p.device-info { clear: both; float: left; margin-top: 1em; font-size: 0.750em; }
.checkout-container.options.max2-process.max-obitelj-proces .lenta-blagdanska-ponuda { background: url('/ResourceManager/GetImage.aspx?imgId=4215') no-repeat left top; width: 2.125em; height: 11.500em; position: absolute; left: -0.54em; top: 50%; margin-top: -5.75em; }
.max-obitelj-e-bill-box { clear:both;  height: 6.000em; background: url('/ResourceManager/GetImage.aspx?imgId=4219') no-repeat left top; padding:0 1em 0 12.000em; }
.max-obitelj-e-bill-box h3 { color: #222222; font: 2.250em Headline-ult; margin:0; text-transform: uppercase; }
.max-obitelj-e-bill-box h4 { color: #222222; font: 1.375em/1 Headline; margin:0; text-transform: uppercase; }
.max-obitelj-e-bill-box a { color: #e20074; font: 1em/1 Headline; margin:0; }

.max3-e-bill-box {clear:both; height:6em; background:url('/ResourceManager/GetImage.aspx?imgId=4219') no-repeat left top; padding:0.375em 1em 0 12em; margin:1.5em 0 0; float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.max3-e-bill-box h3 {font:normal 1.4375em/1 Headline-ult; text-transform:uppercase; margin:0 0 0.125em;}
.max3-e-bill-box h4 {font:normal 1.125em/1 Headline; text-transform:uppercase; margin:0;}
.max3-e-bill-box a {color:#e20074;}

.mobile-basket-container {display:none;}

/***marketplace***/
.marketplace h1.e2e-hl {float:none; width:100%; max-width:100%;}
.marketplace-container {float: left; width: 100%; margin: 4em 0 2em; text-align: center;}
.marketplace-container h1 {margin:0 0 1em; font: normal 2.5em/1 Tele-groteskult; color: #424242;}
.marketplace-container h1 span {display:block; font:normal 0.6em/normal Tele-grotesk;}
.marketplace-container .checkout-container {text-align:left;}
.marketplace .checkout-box {margin:0 0 1.5em;}
.marketplace .marketplace-zavrsetak {width:90%; max-width:40em; margin:0 auto 2em; text-align:left; border:1px solid #c5c5c5; padding:3% 4%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.marketplace-container .marketplace-zavrsetak h3 {font:normal 1.5em/normal Tele-groteskfet; margin:0 0 0.5em;}
.marketplace-container .marketplace-zavrsetak h4 {font:normal 1.25em/normal Tele-groteskfet; margin:0 0 0.5em;}
.marketplace .kvacica {margin:0 0 2em;}
.marketplace .kvacica li {font:normal 1.125em/normal Tele-grotesk; background-position:0 0.375em; margin:0 0 0.5em;}
.marketplace .kvacica.divide {border-bottom:1px dashed #c5c5c5; margin:0 0 1.5em; padding:0 0 1em;}
.marketplace .kvacica.done li {color:green;}
.marketplace .kvacica.to-do li {font-family:Tele-groteskhal;}
.marketplace .kvacica.to-do span {display:block; font-family:Tele-grotesk; font-size:0.9em;}
.upload-btn {position:relative; overflow:hidden; font-size:1em; line-height:1.75em; height:1.75em; padding:0; text-align:center; width:9%;}
.upload-btn input.upload {position:absolute; top:0; right:0; margin:0; padding:0; font-size:20px; cursor:pointer; opacity:0; filter:alpha(opacity=0); height:100%;}
ul.form-container > li input.text.file-upload {width:20%; margin-right:1%;}
.marketplace-container .checkout-container .kvacica {padding-left:35%;}
.continue-holder .tooltip-simple {margin:0 -1.25em 0 0.25em; text-align:left;}

/*prp tarife*/
.prp-tarife h1 {font:normal 3.125em/normal Tele-groteskfet; color:#4b4b4b; float:left; width:100%; margin:0.5em 0;}
.prp-tarife .gray-bg-container h3 {font:normal 1.875em/normal Headline-ult; color:#4b4b4b; margin:0 0 1.25em; text-transform:uppercase;}
.prp-tarife .gray-bg-container {margin:0 0 2.5em;}
.prp-tarif-container {list-style-type:none; margin:0 0 2.5em;}
.prp-tarife .gray-bg-container:after, .prp-tarif-container:after	{ content: ''; display: table; clear: both; }
.prp-tarif-container > li {float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:19.6%; margin:0 0 0 0.5%; background:#fff; -moz-border-radius:0.25rem 0.25rem 0 0; -o-border-radius:0.25rem 0.25rem 0 0; -webkit-border-radius:0.25rem 0.25rem 0 0; border-radius:0.25rem 0.25rem 0 0;}
.prp-tarif-container > li:first-child {margin-left:0;}
.prp-tarif-container > li.double {width:39.7%;}
.prp-tarif-container > li.triple {width:59.8%;}
.prp-tarif-container.headlines {margin-bottom:0;}
.prp-tarif-container.headlines > li {background:#d1d1d1; font:normal 1.5em/1 Tele-groteskhal; text-transform:uppercase; text-align:center; padding:1em 0 2.6em; margin-bottom:-1.6em;}
.prp-tarif-container h2 {font:normal 1.5em/1.6 Headline-ult; text-transform:uppercase; color:#fff; background:#e20074; text-align:center; margin:0; -moz-border-radius:0.25rem 0.25rem 0 0; -o-border-radius:0.25rem 0.25rem 0 0; -webkit-border-radius:0.25rem 0.25rem 0 0; border-radius:0.25rem 0.25rem 0 0;}
.prp-tarif-container h2 .normal {font-family:Headline;}
.prp-tarif-container h2 .desc {display:none;}
.prp-tarif-container .tarifa h2 {background:#4b4b4b; margin:0 0 2em;}
.prp-tarif-container p.duration {font:normal 1.125em/2.667 Tele-grotesk; margin:0; text-transform:uppercase; text-align:center;}
.prp-tarif-container .prp-prices-list {list-style-type:none; padding:0 1.25em; height:25em; margin:0 0 1.5em;}
.prp-tarif-container .prp-prices-list > li {border-top:1px solid #d5d5d5; display:table; width:100%; height:3em;}
.prp-tarif-container .prp-prices-list > li.triple {height:5em;}
.prp-tarif-container .prp-prices-list > li:first-child {border-top:none;}
.prp-tarif-container .prp-prices-list p {display:table-cell; vertical-align:middle; font-size:1.125em; color:#4b4b4b;}
.prp-tarif-container .prp-prices-list p.strong {font-size:1.222em; font-family:Tele-groteskfet;}
.prp-tarif-container .prp-prices-list p.strong .normal {font-family:Tele-grotesk; font-size:0.75em; display:block;}
.prp-tarif-container .prp-prices-list .magenta {background:#f1f1f1;}
.prp-tarif-container .prp-prices-list .magenta p {color:#e20074;}
.prp-tarif-container .tarifa .prp-prices-list p.price {text-align:right;}
.prp-tarif-container .opcija .prp-prices-list p.topic {display:none;}
.prp-tarif-container .opcija .prp-prices-list p.price {text-align:center;}
.prp-tarif-container .button-container {text-align:center; margin:0 0 2em; height:2.5em;}
.prp-tarif-container .button-container .link {display:inline-block; font-size:1.125em; line-height:2;}
.prp-tarife .notes p {margin:0 0 1em;}

/*tarife 2014*/
.tarif-pricelist-tab-control, .tarif-pricelist-tabs, .tarif-pricelist-2014, .tarif-pricelist-2014-cells {list-style-type:none; clear:both;}
.tarif-pricelist-tab-control > li {float:left; width:15em; margin-left:0.4%; margin-bottom:0.25em; text-align:center; border:1px solid #d1d1d1; -moz-border-radius:0.375em 0.375em 0 0; -o-border-radius:0.375em 0.375em 0 0; -webkit-border-radius:0.375em 0.375em 0 0; border-radius:0.375em 0.375em 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tarif-pricelist-tab-control > li:first-child {margin-left:25.1%;}
.tarif-pricelist-tab-control > li.current {background:#d1d1d1;}
.tarif-pricelist-tab-control > li a {display:block; font:normal 1.4375em/1 Headline-ult; text-transform:uppercase; color:#4b4b4b; padding:0.45em 0; cursor:pointer;}
.tarif-pricelist-tab-control > li.current a {cursor:default;}
.tarif-pricelist-tabs > li {display:none;}
.tarif-pricelist-2014.tarif-names h3 {font:normal 1em/1.125 Headline-ult; text-transform:uppercase; color:#fff; background:#e20074; -moz-border-radius:0.375em 0.375em 0 0; -o-border-radius:0.375em 0.375em 0 0; -webkit-border-radius:0.375em 0.375em 0 0; border-radius:0.375em 0.375em 0 0; text-align:center; padding:0.3125em 0;}
.tarif-pricelist-2014.tarif-names h3.valign {padding:0.875em 0;}
.tarif-pricelist-2014 {color:#4b4b4b; position:relative;}
.tarif-pricelist-2014 > li {float:left;}
.tarif-pricelist-2014.five > li {width:19.68%; margin-left:0.4%;}
.tarif-pricelist-2014.five > li.double {width:39.76%;}
.tarif-pricelist-2014.eight > li {width:12.15%; margin-left:0.4%;}
.tarif-pricelist-2014.eight > li.double {width:24.7%;}
.tarif-pricelist-2014.eight > li.triple {width:37.25%;}
.tarif-pricelist-2014.eight > li.five {width:62.35%;}
.tarif-pricelist-2014.sixth > li {width:16.33333333333333%; margin-left:0.4%;}
.tarif-pricelist-2014.sixth > li.double {width:33.06666666666667%;}
.tarif-pricelist-2014.sixth > li.triple {width:49.8%;}
.tarif-pricelist-2014 > li:first-child {margin-left:0;}
.tarif-pricelist-2014 .pricelist-prices, .tarif-pricelist-2014 .pricelist-included {background:#fff; padding:0 0.5em; -webkit-transition:all 200ms; -moz-transition:all 200ms; -ms-transition:all 200ms; -o-transition:all 200ms; transition:all 200ms;}
.tarif-pricelist-2014 .selected .pricelist-prices, .tarif-pricelist-2014 .selected .pricelist-included {background:#ffe0f0;}
.tarif-pricelist-2014 .disabled .pricelist-prices, .tarif-pricelist-2014 .disabled .pricelist-included {background:#fff url(../images/tarif-disabled-bg.png) repeat 0 bottom;}
.tarif-pricelist-2014 .disabled, .tarif-pricelist-2014 .disabled .big {color:#999; cursor:default !important;}
.tarif-pricelist-2014 .pricelist-prices {margin:0 0 1em;}
.tarif-pricelist-2014 h2 {font:normal 3.125em/1 Headline; text-transform:uppercase; padding:0.4em 0 0.6em; height:1em;}
.tarif-pricelist-2014 .topic h2 {padding-left:0.32em;}
.tarif-pricelist-2014 .values h2 {font-family:Headline-ult;}
.tarif-pricelist-2014 h2 .za-mlade {font-size:0.48em; display:block; line-height:1.25; height:2.08em;}
.tarif-pricelist-2014 h2 .za-mlade > span {font-size:0.7em; display:block; line-height:0.75;}
.tarif-pricelist-2014 h2 .mobile-net {font-size:0.34em; display:block; line-height:1.25; height:2.94em;}
.tarif-pricelist-2014 h2 .mobile-net > span {font-size:2em; display:block; line-height:0.75;}
.tarif-pricelist-2014 h2 .unavailable {font-family:Tele-grotesk; font-size:0.32em; display:block; line-height:1.25; color:#4b4b4b;}
.tarif-pricelist-2014 h2 input {display:block; margin:0 auto; zoom:1.4; zoom:140%; outline:none; cursor:pointer;}
.tarif-pricelist-2014 .values {text-align:center; cursor:pointer;}
.tarif-pricelist-2014 .values.selected {cursor:default;}
.tarif-pricelist-2014 .tarif-name-container {display:table; height:2.875em; width:100%;}
.tarif-pricelist-2014 .tarif-name-container h3 {display:table-cell; vertical-align:middle; font:normal 1em/1.125 Headline-ult; text-transform:uppercase; color:#fff; background:#e20074; -moz-border-radius:0.375em 0.375em 0 0; -o-border-radius:0.375em 0.375em 0 0; -webkit-border-radius:0.375em 0.375em 0 0; border-radius:0.375em 0.375em 0 0; text-align:center;}
.tarif-pricelist-2014-cells {}
.tarif-pricelist-2014-cells > li {border-top:1px solid #c7c8ca; height:4em; display:table; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tarif-pricelist-2014-cells > li.double {height:8em;}
.tarif-pricelist-2014-cells > li.promo {height:7em;}
.tarif-pricelist-2014-cells > li.lte {height:7em;}
.tarif-pricelist-2014-cells > li.multimedia {height:17.5em;}
.tarif-pricelist-2014 .info-change {float:left; margin:0 0 1em 1em;}
.topic .tarif-pricelist-2014-cells > li {padding:0 0.5em 0 1em;}
.values .tarif-pricelist-2014-cells > li {border-color:#d5d6d7;}
.pricelist-included .tarif-pricelist-2014-cells > li:first-child {border-top:none;}
.tarif-pricelist-2014-cells p {display:table-cell; height:100%; vertical-align:middle;}
.tarif-pricelist-2014-cells p.tarif-topic {display:none;}
.topic .pricelist-prices .tarif-pricelist-2014-cells p {font-size:1.125em;}
.topic .tarif-pricelist-2014-cells p strong {font-family:Tele-groteskult;}
.values .tarif-pricelist-2014-cells p {font-size:1.125em;}
.values .tarif-pricelist-2014-cells p a {display:block; margin:0 0 0.625em;}
.values .tarif-pricelist-2014-cells p a.tooltip-simple {display:inline-block; margin:0 0.25em 0.25em 0;}
.values .pricelist-included .tarif-pricelist-2014-cells p {font-size:1.25em;}
.values .tarif-pricelist-2014-cells p .small {font-size:0.8em;}
.tarif-pricelist-2014-cells p.big {font-size:2em; color:#e20074;}
.tarif-pricelist-2014-cells p .currency {font-family:inherit; margin:0; color:inherit; font-size:inherit;}
.tarif-pricelist-2014-cells p.big .currency {font-size:0.75em;}
.values .tarif-pricelist-2014-cells .multimedia p.icons {vertical-align:top; padding-top:0.75em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.values .tarif-pricelist-2014-cells .promo p {vertical-align:top; padding-top:0.375em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.values .tarif-pricelist-2014-cells .promo p .button-gray {font-size:16px; font-size:1rem; display:block; padding:0; color:#666; line-height:1.625; height:1.75em; margin:0.75em 0 0;}

.tarif-notes {clear:both; padding:1em 0; font-size:0.9375em;}


/* Novi/stari header */

#HeaderSwitcher {
list-style: none;
display: inline-block;
margin-left: 348px;
}

#HeaderSwitcher li {
display: inline-block;
float: left;
}

#HeaderSwitcher li a.selected {
background-color: #7c7c7c;
color: #fff;
}

#HeaderSwitcher li a {
font: 15px Tele-grotesk;
padding: 8px 20px;
border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
display: block;
color: #515151;
}

#ProfileBox > li#Languagesv2 > ul li { float:left; }

.lanSpanSelected {
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
background-color: rgb(238, 238, 238);
}

#ProfileBox {
list-style: none;
display: inline-block;
margin-left:49px;
}
#LanguageList{
margin-top: -30px;
}

/**R2 redesign **/
h4.option-triggerNoArrow{background: #999; padding: 0.825em; border: 0; border-radius: 0; color: #666; font: normal 1em Headline-Ult; text-transform: uppercase; color: White;}
h4.option-triggerNoArrow a{ color: White;}

#ProfileBoxr2 #lang-link.level-1-li > a { height: auto; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; text-indent: 0; font: normal 1.2em/1.2 Tele-GroteskUlt; background: 0; padding: 0.95em; color: #333;}
#ProfileBoxr2 #lang-link.level-1-li > a:hover{ color: White; text-shadow:  none;	}
#ProfileBoxr2 .icon-link { }
#ProfileBoxr2 .icon-link > a { text-indent: -9999px; position: relative; background: url(../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; }
#ProfileBoxr2 .icon-link:hover > a,
#ProfileBoxr2 .icon-link > a:active,
#ProfileBoxr2 .icon-link > a.active { background-color: #333 !important; border-left-color: #333; border-right-color: #333; }

#ProfileBoxr2 {
list-style: none;
display: inline-block;
}
/**R2 redesign **/

@media screen and (max-width:1120px)
{
    #HeaderSwitcher {
    margin-left: 250px;
}
}

@media screen and (max-width:995px)
{
    #HeaderSwitcher {
    margin-left: 80px;
}
}

@media screen and (max-width:367px)
{
    #HeaderSwitcher li:first-child { visibility: hidden; width:10px;}
}
}