html { width: 100%; min-width: 62em; }

body { font-family: Tele-grotesk, Arial, Helvetica, sans-serif; font-size: 100%; color: #333; padding: 0px; background-color: #eee; position: relative; }

* { margin: 0px; padding: 0px; }

img { border: none; }

strong, b { font-weight: normal; font-family: Tele-groteskfet; }

/***font-face***/
@font-face { font-family: 'Tele-GroteskFet'; src: url('../font/tele-groteskfet-webfont.eot'); src: url('../font/tele-groteskfet-webfont.eot?#iefix') format('embedded-opentype'), url('../font/tele-groteskfet-webfont.svg#tele-groteskfetregular') format('svg'), url('../font/tele-groteskfet-webfont.woff') format('woff'), url('../font/tele-groteskfet-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Tele-GroteskHal'; src: url('../font/tele-groteskhal-webfont.eot'); src: url('../font/tele-groteskhal-webfont.eot?#iefix') format('embedded-opentype'), url('../font/tele-groteskhal-webfont.svg#tele-groteskhalregular') format('svg'), url('../font/tele-groteskhal-webfont.woff') format('woff'), url('../font/tele-groteskhal-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Tele-Grotesk'; src: url('../font/tele-grotesknor-webfont.eot'); src: url('../font/tele-grotesknor-webfont.eot?#iefix') format('embedded-opentype'), url('../font/tele-grotesknor-webfont.woff') format('woff'), url('../font/tele-grotesknor-webfont.ttf') format('truetype'), url('../font/tele-grotesknor-webfont.svg#tele-grotesknorregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Tele-GroteskUlt'; src: url('../font/tele-groteskult-webfont.eot'); src: url('../font/tele-groteskult-webfont.eot?#iefix') format('embedded-opentype'), url('../font/tele-groteskult-webfont.svg#tele-groteskultregular') format('svg'), url('../font/tele-groteskult-webfont.woff') format('woff'), url('../font/tele-groteskult-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Headline'; src: url('../font/telegroteskheadline.eot'); src: url('../font/telegroteskheadline.eot?#iefix') format('embedded-opentype'), url('../font/telegroteskheadline.svg#telegrotesk_headlineregular') format('svg'), url('../font/telegroteskheadline.woff') format('woff'), url('../font/telegroteskheadline.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Headline-Ult'; src: url('../font/telegroteskheadline-ultra.eot'); src: url('../font/telegroteskheadline-ultra.eot?#iefix') format('embedded-opentype'), url('../font/telegroteskheadline-ultra.svg#telegrotesk_headline_ultraRg') format('svg'), url('../font/telegroteskheadline-ultra.woff') format('woff'), url('../font/telegroteskheadline-ultra.ttf') format('truetype'); font-weight: normal; font-style: normal; }

a { text-decoration: none; color: #4379AB; font-weight: normal; cursor: pointer; }

a:hover { color: #e20074; }

p a { font-size: inherit; }

p { font-size: 1em; }

a.over-trigger { /*font-size:inherit;*/ }
a.over-trigger:hover { text-decoration: underline; }
/*a:hover {
text-decoration: underline;
}*/

.clearing { clear: both; }

.no_border { border: none; }

.masthead_box_wrapper { position: relative; /*overflow: hidden;*/ width: 100%; border-bottom: 1px solid #D1D1D1; background-color: white; z-index: 100; left: 0; top: 0; -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.08); box-shadow: 0px 2px 2px rgba(68,68,68,0.08); /* filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.08); */ /* -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2,MakeShadow=true,ShadowOpacity=0.08); */ }

/* ***************************************MASTHEAD STYLE************************************* */

.masthead_box { float: left; width: 100%; margin: 0px 0px 1px 0px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgb(255,255,255) 50%, rgb(244,244,244) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgb(255,255,255)), color-stop(100%,rgb(244,244,244))); background: -webkit-linear-gradient(top, rgb(255,255,255) 50%,rgb(244,244,244) 100%); background: -o-linear-gradient(top, rgb(255,255,255) 50%,rgb(244,244,244) 100%); background: -ms-linear-gradient(top, rgb(255,255,255) 50%,rgb(244,244,244) 100%); background: linear-gradient(top, rgb(255,255,255) 50%,rgb(244,244,244) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); }

.wrapper { position: relative; margin: 0 auto; width: 61em; z-index: 100; clear: both; }

.main_content_box.with-overlay .wrapper { z-index: auto; }

.masthead { float: left; width: 60em; }

.logo { float: left; width: 12em; font-size: 1em; text-indent: -9999em; overflow: hidden; margin: 1.25em 0 1.25em; padding: 0; }
.logo a { display: block; width: 100%; height: 1.875em; padding: 0.75em 0; background: transparent url(../images/t-logo-desktop.png) no-repeat 0.1875em 0.75em; position: relative; }
.logo a span { display: none; }

.user_dashboard_menu { display: block; list-style-type: none; }

.user_dashboard_menu > li { display: inline-block; float: right; margin: 0 0 0 22px; position: relative; }

.user_dashboard_menu > li > a { height: 28px; line-height: 28px; display: block; color: #666; font-size: 14px; }


.user_dashboard_menu > li > a, .user_dashboard_menu > li > a > span { -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; }

.user_dashboard_menu > li > a:hover { color: #e20074; }

.user_dashboard_menu > li > a.sign-in { color: #fff; background-color: #e20074; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; padding: 0 10px; }

.user_dashboard_menu > li > a.sign-in:hover { background-color: #ee66ac; }

.user_dashboard_menu > li > a.shopping-cart { padding: 0 0 0 25px; line-height: 20px; height: 20px; margin: 4px 0 0; }

.user_dashboard_menu > li > a.shopping-cart span, .user_dashboard_menu li.notifications a span { display: block; background-color: #e20074; color: #fff; padding: 0 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.user_dashboard_menu > li > a.shopping-cart:hover span, .user_dashboard_menu li.notifications a:hover span { background-color: #ee66ac; }

.user_dashboard_menu > li.notifications { margin: 0 0 0 8px; }

.user_dashboard_menu > li.notifications > a { line-height: 20px; height: 20px; margin: 4px 0 0; }

.user_dashboard_menu > li.notifications > a .users_notifications_label_mail_inactive { display: block; background: transparent url(../images/message-bg.png) no-repeat 0 3px; padding: 0 0 0 26px; }

.user_dashboard_menu > li.notifications > a .users_notifications_label_mail_active { display: block; background: transparent url(../images/message-bg.png) no-repeat 0 -20px; padding: 0 0 0 26px; }

.user_dashboard_menu > li.notifications > a .users_notifications_label_mail_active:hover { background-position: 0 -43px; }

.user_dashboard_menu > li > a.active-service { line-height: 20px; height: 20px; margin: 4px 0 0; color: #fff; padding: 0 8px; background-color: #e20074; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.user_dashboard_menu > li > a.active-service:hover { background-color: #ee66ac; }

.user_dashboard_menu > li > a.active-service span { display: inline-block; width: 7px; margin: 0 0 0 8px; background: transparent; }


.main_content_box { position: relative; float: left; width: 100%; margin: 0 0 0; padding-bottom: 50px; z-index: 1; background: white; }

.main_content_box.with-overlay { z-index: auto; }

.user_menu_container { display: none; }

/* *************************************CARUSEL STYLE****************************** */

.carusel_box { width: 100%; top: 0px; left: 0px; height: 486px; z-index: 1; position: absolute; }

.chat-gumb-head { float: right; margin: 3px 0 0; }

/* **************************************ZERO LEVEL NAVIGATION************************ */

.zero_level_menu { float: left; margin: 0px 0px 0px 0px; }

.zero_level_menu ul { list-style-type: none; }

.zero_level_menu ul li { float: left; }

.zero_level_menu ul li a { display: inline-block; line-height: 28px; padding: 0px 12px; color: #666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.zero_level_menu ul li a:hover { color: #e20074; }

.zero_level_menu ul li:nth-child(2) a { background: transparent url(../images/menu-divide.gif) no-repeat right center; }

.zero_level_menu ul li:nth-child(2) a.selected { background-image: none; }

.zero_level_menu ul li:nth-child(3) a { background: transparent url(../images/menu-divide.gif) no-repeat right center; }

.zero_level_menu ul li:nth-child(3) a.selected { background-image: none; }

.zero_level_menu ul li a.selected { color: #fff; background-color: #7c7c7c; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }

.zero_level_menu ul li.portal-link a { background: transparent url(../images/portal-link-bg.png) no-repeat 1em 45%; padding-left: 2.5em; color: #e20074; font-weight: bold; }

.mobile-menu { display: none; }
.process-enter-box.mobilna-podrska { display: none; }
/* **************************************************MAIN MENU STYLE*************************** */

.main_menu_container { float: left; width: 958px; height: 40px; margin: 18px 0 0; border: 1px solid #d8d8d8; background: #fff url(../images/menu-bg.jpg) repeat-x left bottom; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4); z-index: 2; position: relative; }

.main_menu_container ul { float: left; height: 40px; list-style-type: none; position: relative; left: -1px; }

.main_menu_container ul li { float: left; height: 40px; margin: 0px 0px 0px 0px; }

.search_box { clear: both; float: right; padding: 0; margin: 2.125em 0 0; position: relative; }

.search_box input { float: left; font: normal 1em/1.375 Tele-grotesk; width: 8.5em; padding: 0 1.5em 0 0.25em; height: 1.625em; border: 1px solid #d8d8d8; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2); }
.search_box input:focus { outline: none; border-color: #fe57a1; }
.search_box .search-enter { background: transparent url(../images/ui.png) no-repeat 100.8% -529px; width: 1.625em; height: 1.75em; position: absolute; right: 0; top: 0; z-index: 2; cursor: pointer; }

.landing_page_main_content_box { float: left; width: 100%; margin: 460px 0px 0px 0px; }
.landing_page_main_content_box.no-carusel { margin: 10px 0 0; }

.process-title { float: left; margin: 0.75em 0 1.25em; }
.process-title h1 { font: normal 2.5em/1 Tele-groteskult; color: #424242; }
.process-title h1 .dodatna-oprema { display: inline-block; font: normal 0.65em/1 Tele-grotesk; }
.process-title h2 { font: normal 1.75em/1 Tele-grotesk; color: #888; }

.home-swipe { display: none; }
.home-swipe-mobile { display: none; }
#pokazi-sve-mobitele { display: none; }
ul#position { display: none; }
.no-desktop { display: none; }

.menu-moj-telekom-link { display: block; float: right; font: normal 1.125em/41px Tele-grotesk; padding: 0 0.75em; color: #fff; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border-left: 1px solid #427bab; background: #427bab; background: -moz-linear-gradient(top, #5196d0 0%, #427bab 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5196d0), color-stop(100%,#427bab)); background: -webkit-linear-gradient(top, #5196d0 0%,#427bab 100%); background: -o-linear-gradient(top, #5196d0 0%,#427bab 100%); background: -ms-linear-gradient(top, #5196d0 0%,#427bab 100%); background: linear-gradient(to bottom, #5196d0 0%,#427bab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5196d0', endColorstr='#427bab',GradientType=0 ); }
.menu-moj-telekom-link:hover { color: #fff; background: #427bab; filter: none; }

.main_menu_container ul li a .sub-trigger, .submenu_section_container li a .sub-sub-trigger { display: none; }
/* ******************************************PROCESS WIZARD*********************************** */

.process_wizard_box { float: left; width: 940px; border-bottom: 1px solid #dbdbdb; padding: 0px 10px 0px 10px; margin-bottom: 40px; }

.process_wizard_box ul { float: left; width: 940px; list-style-type: none; }

.process_wizard_box ul li { float: left; height: 38px; line-height: 38px; color: #666; text-align: center; }

.process_wizard_box ul li.selected_step_bckg { background-position: 0% 0%;
    background-image: -moz-linear-gradient(#9a9a9a, #666666);
    background-color: #9a9a9a;
    background-repeat: repeat;
    background-attachment: scroll;
}

.process_wizard_box ul li a { width: 100%; float: left; height: 38px; line-height: 38px; color: #666; text-align: center; font-size: 13px; }

.process_wizard_box ul li a.selected, .process_wizard_box ul li a.selected_last { background-image: url(../images/ui.png); background-position: 0px -155px; background-repeat: no-repeat; color: white; }

.process_wizard_box ul li a.selected_first { color: white; }

.process_wizard_box ul li a.selected span, .process_wizard_box ul li a.selected_first span { width: 100%; height: 38px; float: right; background-image: url(../images/ui.png); background-position: right -155px; background-repeat: no-repeat; }

.process_wizard_box ul li a.selected_last span { width: 100%; height: 38px; float: right; }

.process_wizard_box ul li a.passed { color: #009608; color: #999; }

.process_wizard_box ul li a.passed:hover { color: #333; }

.process_wizard_box ul li.five_steps { width: 188px; }

.process_wizard_box ul li.for_steps { width: 235px; }

.process_wizard_box ul li.three_steps { width: 313px; }

.process_wizard_box ul li.two_steps { width: 470px; }

/* ******************************************PROCESS WIZARD NEW*********************************** */

.process-wizard-box { float: left; width: 100%; margin-bottom: 20px; }

.process-wizard-box ul { float: left; width: 958px; list-style-type: none; border-left: 1px solid #ededed; border-right: 1px solid #ededed; background: transparent url(../images/progress-bar-bg.png) repeat-x 0 0; }

.process-wizard-box ul li { float: left; height: 69px; color: #ccc; position: relative; padding: 9px 0 0 52px; background: transparent url(../images/progress-bar.png) no-repeat left top; font-family: Tele-grotesk; font-size: 17px; }

.process-wizard-box ul li:first-child { background-position: right top; padding: 9px 0 0 10px; }

.process-wizard-box ul li.selected_step_bckg { }

.process-wizard-box ul li span { font-size: 34px; display: block; float: left; margin: 0 8px 0 0; position: relative; line-height: 1; top: -3px; }

.process-wizard-box ul li a { display: block; font-size: 15px; position: absolute; bottom: 10px; left: 76px; }

.process-wizard-box ul li:first-child a { left: 34px; }

.process-wizard-box ul li.selected { background-position: 0px -81px; color: #333; }

.process-wizard-box ul li:first-child.selected { background-position: right -81px; }

.process-wizard-box ul li.passed { background-position: 0px -81px; background-color: #f6f6f6; color: #666; }

.process-wizard-box ul li.passed:first-child { background-position: right -81px; }

.process-wizard-box ul li.five_steps { width: 140px; }
.process-wizard-box ul li.five_steps:first-child { width: 180px; }

.process-wizard-box ul li.four_steps { width: 187px; }
.process-wizard-box ul li.four_steps:first-child { width: 231px; }

.process-wizard-box ul li.three_steps { width: 267px; }
.process-wizard-box ul li.three_steps:first-child { width: 310px; }

.process-wizard-box ul li.two_steps:first-child { width: 427px; }
.process-wizard-box ul li.two_steps { width: 469px; }

/* ************************************PROCESS LAYOUT HEADER********************************************* */

.process_container { float: left; width: 960px; margin-top: 40px; }

.process_container.packages { margin-top: 10px; }

.process_container.device { margin-top: 12px; position: relative; }

.process_container.fullbasket { margin-top: 1.5em; position: relative; }

.process_container.e2e { margin-top: 0.75em; position: relative; }

.process_container.nomar { margin-top: 0; position: relative; }

.process_title_bar { float: left; width: 960px; margin-bottom: 40px; }

.process_container.device .process_title_bar { margin-bottom: 20px; }

.process_title_bar h1 { float: left; font-family: "Tele-grotesk"; font-size: 26px; font-weight: normal; padding: 0 10px 0 0; width: 760px; }

.shopping_cart_title { float: right; width: 180px; margin: 0 0 11px; }

.shopping_cart_title a.button { float: right; }

.shopping_cart_title a:hover { text-decoration: underline; }

.shopping_cart_quick_view { float: left; width: 180px; margin-bottom: 2px; cursor: pointer; }

.shopping_cart_title h2 { float: left; width: 180px; font-size: 16px; font-family: "Tele-grotesk"; }

.process_selection_container { float: left; width: 960px; }

.process_service_selection_box { float: left; width: 780px; }

/* ************************************PROCESS LEFT COLUMN FILTERS********************************************* */

.filter_selection { float: left; width: 170px; }

.filter_box { float: left; width: 168px; margin-bottom: 20px; border: 1px solid #D1D1D1; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

.blue_filter { /*background-image: url(../images/tile_filter_blue.jpg);
background-repeat: repeat-y;*/ }

.blue_filter_box_inner { /*float: left;
width: 170px;
background-image: url(../images/blue_box_bottom.jpg);
background-repeat: no-repeat;
background-position: 0px 100%;*/ }

.blue_filter_content_box { /*float: left;
width: 150px;
background-image: url(../images/blue_box_top.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 15px 10px;*/ }

.gray_filter { /*background-image: url(../images/tile_filter_gray.jpg);
background-repeat: repeat-y;*/ }

.gray_filter_box_inner { /*float: left;
width: 170px;
background-image: url(../images/gray_box_bottom.jpg);
background-repeat: no-repeat;
background-position: 0px 100%;*/ }

.gray_filter_content_box { /*float: left;
width: 150px;
background-image: url(../images/gray_box_top.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 15px 10px;*/ }

.filter_box h3 { position: relative; /*width: 150px;*/ font-size: 17px; font-family: "Tele-grotesk"; font-weight: normal; padding: 5px 10px 7px; border-bottom: 1px solid #D1D1D1; background: #fff url(../images/filterboxh3-bg.jpg) repeat-x left bottom; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; margin: 0; text-shadow: 0 1px 0 #fff; }

.filter_box h3 a { position: absolute; right: 10px; top: 7px; font-size: 11px; text-align: right; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }

.filter_box h3 a:hover { text-decoration: underline; }

.filter_box select { /*float: left;*/ margin: 10px 0px 0px 0px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0px 0px 0px 3px; display: inline; width: 150px; }

.filter_box select { margin: 10px 10px; width: 148px; }

.filter_radio_selector_box { /*float: left;
width: 150px;*/ list-style-type: none; margin: 0px 0px 0px 0px; }

.filter_radio_selector_box li { /*float: left;
width: 150px;*/ margin: 0px 0px 0px 0px; cursor: pointer; border-top: 1px solid #f2f2f2; position: relative; }

.filter_radio_selector_box li:hover { background: #f2f2f2; }

.filter_radio_selector_box li:first-child { border-top: none; }

.filter_radio_selector_box li input { position: absolute; right: 6px; top: 8px; margin: 0; height: 14px; width: 14px; padding: 0px; cursor: pointer; }

.filter_radio_selector_box li label { /*float: left;*/ /* width: 125px; */ width: 135px; margin: 0px; padding: 7px 23px 7px 10px; display: inline-block; font-size: 11px; min-height: 13px; line-height: 15px; cursor: pointer; }

.filter_box_note { margin: 10px 0px 0px 0px; padding: 7px 10px 10px; font-size: 11px; /* font-style: normal; */ }

.filter_box_note a:hover { text-decoration: underline; }

.dashed_border { padding-bottom: 10px; border-bottom: 1px dotted #ccc; }

.filter_checkbox_selector_box { /*float: left;
width: 150px;*/ list-style-type: none; margin: 0px 0px 0px 0px; }

.filter_checkbox_selector_box li { /*float: left;
width: 150px;*/ margin: 0px 0px 0px 0px; min-height: 14px; border-top: 1px solid #f2f2f2; position: relative; }

.filter_checkbox_selector_box li.ponuda { background: #d0deea; }

.filter_checkbox_selector_box li:hover { background: #f2f2f2; }

.filter_checkbox_selector_box li:first-child { border-top: none; }

.filter_radio_selector_box li.last, .filter_checkbox_selector_box li.last { margin-bottom: 0px; }

.filter_checkbox_selector_box li input { position: absolute; right: 8px; top: 7px; margin: 0; padding: 2px 0px 0px 0px; height: 15px; cursor: pointer; }

.filter_checkbox_selector_box li label { /*float: left;*/ width: 135px; margin: 0px; padding: 7px 23px 7px 10px; display: inline-block; margin: 0px 0px 0px 0px; font-size: 11px; min-height: 14px; line-height: 15px; cursor: pointer; }

.filter_box ul.arrow { margin: 10px 0 0; }

.filter_box ul.arrow li a { color: #333; }

.filter_box ul.arrow li a:hover { color: #4379AB; }

.filter_box ul.arrow li.selected a { font-weight: bold; cursor: default; }

.filter_box ul.arrow li.selected a:hover { color: #333; }

/* *****************************************TOOLTIP STYLE************************* */

.tooltip, .checkout_narrow_selection_column_right a.tooltip { display: inline-block; margin: 1px 0px 0px 3px; line-height: 14px; vertical-align: top; background-position: 0px -22px; background-repeat: no-repeat; width: 12px; height: 12px; cursor: pointer; }

.tooltip:hover, .checkout_narrow_selection_column_right a.tooltip:hover { background-position: -22px -22px; }

/*.tooltip img {
display: inline;
vertical-align: bottom;
}*/

.tooltip_container { position: absolute; width: 200px; background-color: #FFF; border: 5px solid #E5E5E5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 0px 15px black; -webkit-box-shadow: 0px 0px 15px black; box-shadow: 0px 0px 15px black; padding: 0px 10px 6px 10px; display: none; }



.tooltip_title { padding: 10px 0px 5px 0px; line-height: 18px; font-size: 14px; font-weight: bold; width: 100%; float: left; display: inline; color: #e20074; margin: 0px 0px 0px 0px; }

.tooltip.large { margin: 3px 0 0 6px; }


.why_not { display: inline-block; margin: 1px 0px 0px 3px; line-height: 14px; vertical-align: top; background-position: 0px -1001px; background-repeat: no-repeat; width: 12px; height: 12px; cursor: pointer; }

.why_not:hover { background-position: -22px -1001px; }

/* **********************PROCESS CENTER COLUMN******************************* */

.process_center_container { float: left; width: 600px; margin: 0px 0px 0px 5px; }

.action_buttons_box { float: right; width: 560px; margin: 10px 20px 20px 0px; padding: 10px 0px 0px 0px; }

.action_buttons_box a { margin-right: 0px; }

.action_buttons_box_border { border-top: 1px solid #D1D1D1; }

.phone_price_terms { display: inline-block; width: 560px; border-bottom: 1px solid #DBDBDB; padding-bottom: 10px; margin: 0px 0px 0px 20px; }

.phone_price_terms h2 { width: 100%; color: #e20074; color: #333; font-size: 16px; }

.phone_price_terms h2.accessories_category { margin-top: 40px; }

.phone_price_terms p { width: 100%; font-size: 11px; font-style: normal; text-align: center; margin: 0 0 5px; }

.accessories_buy_btn { float: right; margin-right: 20px; }


h3.no-accesories, .not-found { text-align: center; margin: 10px 0 40px 20px; font-weight: normal; width: 530px; background: #f5f5f5; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 18px; font-family: Tele-grotesk; }

.not-found.full { margin: 10px 0 40px; width: 100%; padding: 15px 0; }

h2 span.choose-accesories { display: block; padding: 30px 80px 30px 100px; -webkit-box-shadow: inset 0px 0px 40px 0px #f2f2f2; box-shadow: inset 0px 0px 40px 0px #f2f2f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: transparent url(../images/acessories-left.png) no-repeat 40px center; line-height: 1.4; font-family: "Tele-grotesk"; font-size: 24px; font-weight: normal; }

/* ************FINDER GADGET SELECTION AND ACCESSORIES STYLE***************** */

.center_offer_container { float: left; width: 600px; margin: 20px 0px 0px 0px; }

.phone_row { float: left; width: 600px; margin: 20px 0px 0px 0px; }

.center_offer_container_inner { float: left; width: 560px; margin: 0px 0px 0px 20px; }

.center_offer_container_inner h2 { float: left; width: 540px; font-size: 16px; color: #e20074; /* border-bottom: 1px solid #D1D1D1; */ padding: 0px 10px 0px 0px; }

/*.phone_box {
float: left;
position: relative;
width: 260px;
padding: 0px 0px 20px 0px;
margin: 0px 20px 10px 20px;
border-bottom: 1px solid #DBDBDB;
}*/

.phone_box { float: left; position: relative; width: 100%; padding: 0; margin: 0; }

.accessory_box { float: left; position: relative; width: 260px; padding: 0px 0px 20px 0px; margin: 10px 20px 10px 20px; border-bottom: 1px solid #DBDBDB; }

.accessory_box .phone_image img { margin-top: 0px; }

.phone_box_border_bottom { position: relative; float: left; width: 260px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #DBDBDB; }

.pop_box { min-height: 38px; margin: 10px 20px 0px 20px; }

.simpa_box { height: 68px; margin: 00px 20px 0px 20px; }

.phone_box_border_bottom .accessory_amount_picker { float: left; margin: 3px 0px 0px 120px; }

.phone_box_border_bottom .accessory_amount_picker select { font-size: 11px; }

.telephone_buy { /*position: absolute;
bottom: 20px;
left: 120px;*/ /*min-height: 38px;*/ }

.phone_image { float: left; width: 40%; position: relative; padding-bottom: 8px; }

.phone_image img { float: left; border: none; }

.phone_image img.gaget_action, .phone_image img.vpn_gadget { margin-top: 0px; }

.phone_image img.not_available_image { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.simpa_paket_sim { position: absolute; bottom: -5px; left: 32px; background-image: url(../images/simpa_sim.png); background-repeat: no-repeat; width: 45px; height: 92px; }



.phone_image .web-akcija { position: absolute; width: 65px; height: 65px; background: transparent url(../images/akcije-sticker.png) no-repeat 0 0; top: 0px; left: 22px; cursor: pointer; }

.web-akcija { width: 60px; height: 80px; padding: 0 10px; background: transparent url(../images/akcije-stickers.png) no-repeat 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; display: table-cell; vertical-align: middle; text-align: center; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); font-family: Tele-grotesk; font-size: 15px; }
.web-akcija-mid { width: 80px; height: 100px; padding: 0 10px; background: transparent url(../images/akcije-stickers-mid.png) no-repeat 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; display: table-cell; vertical-align: middle; text-align: center; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); font-family: Tele-grotesk; font-size: 15px; }
.web-only { width: 60px; height: 80px; padding: 0 10px; background: transparent url(../images/akcije-stickers.png) no-repeat 0 -80px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; display: table-cell; vertical-align: middle; text-align: center; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); font-family: Tele-grotesk; font-size: 15px; }

.phone_image .akcija { position: absolute; width: 65px; height: 65px; background: transparent url(../images/akcije-sticker.png) no-repeat 0 -66px; top: 0px; left: 22px; cursor: pointer; }

.phone_image.center { text-align: center; }

.phone_image.center img { float: none; }

/*.action_seal {
position: absolute;
width: 60px;
height: 60px;
top: 0px;
left: 25px;
background-image: url(/static/images/icons.png);
background-position: 0px -45px;
}*/

.phone_description { float: right; width: 56%; padding: 0 0 0 4%; }

.phone_description h2 { float: right; width: 100%; font-size: 20px; line-height: 20px; margin: 0 0 5px; color: #333; height: 45px; overflow: hidden; font-family: "Tele-grotesk"; font-weight: normal; }

.phone_description h2 a { font-family: "Tele-grotesk"; font-size: 18px; line-height: 20px; color: #333; height: 42px; overflow: hidden; color: #333; }

.phone_description h2 a:hover { text-decoration: underline; }

.phone_description.sim-only h2 { line-height: 15px; }

.phone_description.sim-only p { margin: 0 0 10px; }

.phone_description h2 .sim-sub { font-size: 11px; font-weight: normal; position: relative; }

.phone_description h2.accessories_title { height: 62px; margin-bottom: 5px; color: #333; }

.main_phone_characteristics_list, .static_content_container ul.main_phone_characteristics_list { float: left; width: 100%; list-style-type: none; padding: 0px 0px 0px 0px; border-bottom: 1px dotted #dbdbdb; margin: 5px 0 0; }

.main_phone_characteristics_list li { float: left; width: 92%; padding: 0 0 0 8%; margin-bottom: 5px; font-size: 14px; background-image: url(../images/bullet.jpg); background-position: 0px 4px; background-repeat: no-repeat; line-height: 14px; color: #666; }

.phone_price_box, .static_content_container p.phone_price_box { float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 14px; line-height: 16px; font-weight: normal; /* border-bottom: 1px dotted #dbdbdb; */ }

.phone_store_price_box { float: left; width: 100%; padding: 5px 0px 5px 0px; /* border-top: 1px dotted #dbdbdb; */ /* border-bottom: 1px dotted #dbdbdb; */ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #999; }

.store_price { display: inline; font-size: 16px; font-family: Tele-groteskfet; color: #333; }

.strike_through { text-decoration: line-through; }

.phone_price { float: left; width: 100%; padding: 5px 0px 5px 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #999; }

.phone_box .phone_price { border-bottom: 1px dotted #dbdbdb; }

.accessory_price { float: right; width: 100%; padding: 5px 0px 5px 0px; font-size: 11px; font-weight: normal; border-bottom: 1px dotted #dbdbdb; border-top: 1px dotted #dbdbdb; }

.phone_price_style { display: inline; font-family: Tele-groteskfet; font-size: 22px; color: #e20074; }

.currency { display: inline-block; font-size: 18px; font-family: Tele-groteskfet; margin: 0 0 0 5px; color: #e20074; }

.static_content_container ul.phone_dashboard, .text_box ul.phone_dashboard, .phone_dashboard { width: 40%; list-style-type: none; padding-top: 10px; background-image: url(../images/phone_dashboard_arrow.jpg); background-position: center 0px; background-repeat: no-repeat; margin: 0 4% 0 0; float: left; }

.static_content_container ul.phone_dashboard li, .text_box ul.phone_dashboard li, .phone_dashboard li { float: left; width: 100%; margin: 0; text-align: center; padding: 0; background: transparent; font-size: 14px; }

.phone_dashboard li a:hover { text-decoration: underline; }

/*.phone_not_available {
position: absolute;
bottom: 10px;
left: 120px;
width: 130px;
margin: 10px 0px 0px 0px;
font-size: 11px;
line-height: 14px;
}*/

.phone_not_available { float: left; width: 100%; margin: 10px 0px 0px 0px; font-size: 11px; line-height: 14px; }

.accessories_dashboard { float: right; width: 140px; margin: 10px 0px 0px 0px; }

.accessory_amount_picker { float: left; width: 100%; text-align: left; margin: 0px 0px 10px 0px; font-size: 11px; }

.accessory_amount_picker select { border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0px 0px 0px 3px; display: inline; width: 40px; }

.accessory_by_btn { float: left; }

.process_next_step_button { float: right; margin: 0px 20px 20px 0px; }

.accessories_more_deatails { position: absolute; bottom: 20px; left: 0px; }

.accessories_more_deatails:hover { text-decoration: underline; }

.phone_box_large { float: left; position: relative; width: 560px; padding: 0px 0px 10px 0px; margin: 0px 20px 0px 20px; border-bottom: 1px solid #D1D1D1; }

.phone_box_large_image_links_box { float: left; width: 216px; }

.phone_box_large .phone_image { float: left; width: 216px; position: relative; text-align: center; }

.phone_box_large .phone_image img { float: none; margin-top: 0; }

.phone_box_large .phone_description { float: right; width: 320px; }

.phone_box_large .phone_description h2 { width: 320px; }

.phone_box_large .main_phone_characteristics_list { width: 320px; }

.phone_box_large .main_phone_characteristics_list li { width: 320px; }

.phone_box_large .telephone_buy_large { float: left; height: 38px; margin: 10px 0px 10px 0px; }

.phone_box_large .phone_price { width: 320px; }

.phone_box_large .phone_price_box, .phone_box_large .phone_store_price_box { width: 320px; }

.phone_box_large .accessory_amount_picker { width: 320px; float: left; margin: 10px 0px 0px 0px; text-align: left; }

.phone_dashboard_large { float: left; margin: 10px 0px 0px 58px; width: 110px; list-style-type: none; padding-top: 10px; background-image: url(../images/phone_dashboard_arrow.jpg); background-position: center 0px; background-repeat: no-repeat; }

.phone_dashboard_large li { float: left; margin: 0px 0px 0px 0px; text-align: center; width: 110px; }

.phone_dashboard_large li a:hover { text-decoration: underline; }

.remove-item { display: block; clear: both; margin: 5px 0; line-height: 14px; width: 33px; font-size: 11px; background: transparent url(../images/remove-bg.png) no-repeat 0 -19px; padding: 0 0 0 17px; }

.remove-item:hover { text-decoration: none !important; background-position: 0 0; }

/* ************ GADGET FULL SPECS STYLE***************** */

.gadget_decription_upper_box { float: left; width: 960px; margin-bottom: 20px; }

.gadget_description_quarter_box { float: left; width: 225px; margin: 0px 20px 30px 0px; }

.gadget_description_quarter_box_last { float: left; width: 225px; margin: 0px 0px 30px 0px; }

.gadget_description_half_box { float: left; width: 470px; margin: 0px 20px 30px 0px; }

.gadget_description_half_box_last { float: left; width: 470px; margin: 0px 0px 30px 0px; }

.gadget_description_quarter_box_last p { margin-top: 10px; }

.gadget_full_specs_img { float: left; margin-bottom: 5px; }

.fullspecs_gallery_controls { float: left; height: 32px; text-align: center; width: 225px; }

.fullspecs_gallery_controls a { display: inline-block; width: 33px; height: 32px; background-image: url(../images/icons.png); background-repeat: no-repeat; margin-right: 10px; }

.fullspecs_gallery_controls.small { margin-top: 4px; }

.fullspecs_gallery_controls.small a { width: 24px; height: 24px; }

.fullspecs_img_gallery { background-position: 0px -148px; }

.fullspecs_img_gallery:hover { background-position: 0px -190px; }

.fullspecs_img_gallery:active { position: relative; top: 1px; }

.fullspecs_video_gallery { background-position: -44px -148px; }

.fullspecs_video_gallery:hover { background-position: -44px -190px; }

.fullspecs_video_gallery:active { position: relative; top: 1px; }

.fullspecs_3d_gallery { background-position: -88px -148px; }

.fullspecs_3d_gallery:hover { background-position: -88px -190px; }

.fullspecs_3d_gallery:active { position: relative; top: 1px; }

.fullspecs_gallery_controls.small .fullspecs_img_gallery { background-position: 0px -1109px; }

.fullspecs_gallery_controls.small .fullspecs_img_gallery:hover { background-position: 0px -1138px; }

.fullspecs_gallery_controls.small .fullspecs_video_gallery { background-position: -29px -1109px; }

.fullspecs_gallery_controls.small .fullspecs_video_gallery:hover { background-position: -29px -1138px; }

.fullspecs_gallery_controls.small .fullspecs_3d_gallery { background-position: -58px -1109px; }

.fullspecs_gallery_controls.small .fullspecs_3d_gallery:hover { background-position: -58px -1138px; }

.gadget_description_quarter_box h2, .gadget_description_quarter_box_last h2 { font-size: 16px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #D1D1D1; }

.gadget_description_quarter_box h2.full_specs_category_title { float: left; width: 205px; padding: 0px 0px; font-size: 11px; font-weight: bold; border: none; margin-bottom: 0px; }

.full_specs_category_title_description { margin-left: 10px; }

ul.fullspecs_decsription_bullets { float: left; width: 225px; margin: 10px 0px 10px 0px; list-style-type: none; }

ul.fullspecs_decsription_bullets li { float: left; width: 200px; margin: 0px 0px 7px 0px; padding: 0px 10px; font-size: 14px; background-image: url(../images/bullet.jpg); background-position: 0px 5px; background-repeat: no-repeat; }

.users_gadget_overall_grade_box { float: left; width: 205px; padding: 15px 10px; border-top: 1px dotted #D1D1D1; border-bottom: 1px dotted #D1D1D1; font-size: 14px; line-height: 20px; }

.grade_star { float: left; width: 205px; margin: 0px 0px 0px 0px; padding: 0px 0px; }

.stars_img { float: left; margin: 10px 0px 0px 0px; }

.full_specs_price_tarif { float: left; width: 225px; padding: 10px 0px; }

.full_specs_price_tarif p { float: left; font-weight: normal; font-size: 13px; margin-top: 3px; }

.tcenter_fullspecs_price { float: left; width: 225px; padding: 10px 0px; border-top: 1px dotted #D1D1D1; border-bottom: 1px dotted #D1D1D1; }

.tcenter_fullspecs_price p { float: left; font-weight: normal; font-size: 13px; margin-top: 3px; }

.noaction_fullspecs_price { float: left; width: 225px; padding: 10px 0px; border-top: 1px dotted #D1D1D1; border-bottom: 1px dotted #D1D1D1; }

.noaction_fullspecs_price p { float: left; font-weight: normal; font-size: 13px; margin-top: 3px; text-decoration: line-through; }

.fullspecs_price, .fullspecs_fullprice { float: left; width: 225px; padding: 10px 0px; border-bottom: 1px solid #D1D1D1; }

.fullspecs_price p { float: left; font-weight: bold; font-size: 20px; margin-top: 3px; color: #e20074; }

.fullspecs_fullprice p { float: left; font-weight: normal; font-size: 13px; margin-top: 3px; }

.fullspecs_buy_btn { float: left; margin: 20px 0px 0px 0px; }

.inline_icon_links { float: left; width: 225px; list-style-type: none; margin-top: 10px; }

.inline_icon_links li { float: left; margin-right: 10px; }

.inline_icon_links li a { float: left; margin: 0px; width: 33px; height: 32px; background-image: url(../images/icons.png); background-repeat: no-repeat; }

.fullspecs_mail { background-position: -132px -148px; }

.fullspecs_mail:hover { background-position: -132px -190px; }

.fullspecs_mail:active { position: relative; top: 1px; }

.fullspecs_fb { background-position: -175px -148px; }

.fullspecs_fb:hover { background-position: -175px -190px; }

.fullspecs_fb:active { position: relative; top: 1px; }

.fullspecs_tw { background-position: -218px -148px; }

.fullspecs_tw:hover { background-position: -218px -190px; }

.fullspecs_tw:active { position: relative; top: 1px; }

.fullspecs_print_btn { /*margin-top: 30px;*/ float: right; }


/*.full_specs_tabs_menu {
float: left;
width: 960px;
margin-top: 50px;
}

.full_specs_tabs_menu ul {
float: left;
width: 960px;
height: 50px;
list-style-type: none;
border-bottom: 1px solid #D1D1D1;
padding-bottom: 1px;
}

.full_specs_tabs_menu ul li {
float: left;
display: inline;
width: 159px;
margin: 0px 1px 0px 0px;
text-align: center;
height: 44px;
padding: 6px 0px 0px 0px;
font-size: 16px;
font-weight: bold;
text-shadow: 1px 1px 1px white;
cursor: pointer;
background-image: url(/static/images/bg_tab.jpg);
background-repeat: repeat-x;
border: none;
}

.full_specs_tabs_menu ul li.last {
width: 158px;
margin: 0px;
}

.full_specs_tabs_menu ul li.selected {
width: 157px;
border-right: 1px solid #D1D1D1;
border-left: 1px solid #D1D1D1;
border-top: 1px solid #D1D1D1;
border-bottom: 1px solid white;
background: white;
height: 44px;
padding-top: 6px;
margin-right: 1px;
}*/

.tab_menu_content_container_fullspecs { float: left; margin: 0px; position: relative; width: 960px; overflow: hidden; }

.fullspecs_tab_container { /* float: left; */ width: 960px; margin: 0px 0px 0px 0px; position: absolute; top: 0px; left: 0px; display: none; }

.fullspecs_tab_container.margin-top { margin: 30px 0 0; }

.fullspecs_tarifs_table_box { float: right; width: 760px; min-height: 300px; }

.fullspecs_tarifs_table_box.full { width: 100%; }

.fullspecs_tarifs_table_box table { float: left; width: 760px; border-collapse: collapse; }

.fullspecs_tarifs_table_box.full table { width: 100%; }

.fullspecs_tarifs_table_box table th { border-bottom: 1px solid #D1D1D1; padding: 5px 20px; font-size: 14px; font-weight: normal; vertical-align: bottom; }

.fullspecs_tarifs_table_box table tr.highlited { background: #f0f0f0; }

.text_left_align { text-align: left; }

.text_center_align { text-align: center; }

.fullspecs_tarifs_table_box table td { border-bottom: 1px solid #D1D1D1; padding: 5px 20px; font-size: 16px; height: 36px; }

.fullspecs_tarifs_table_box table td.tarif_table_choose_btn { border-bottom: 1px solid #D1D1D1; padding: 5px 20px 3px 20px; text-align: right; height: 38px; }

.fullspecs_tech_specs_left_column { float: left; width: 480px; }

.fullspecs_tech_specs_right_column { float: right; width: 450px; }

.fullspecs_tech_specs_left_column_left { float: left; width: 225px; }

.fullspecs_tech_specs_left_column_right { float: right; width: 225px; }

.fullspecs_tech_specs_narrow_box { float: left; width: 225px; margin-bottom: 30px; }

.fullspecs_tech_specs_narrow_box p { float: left; width: 225px; margin-top: 10px; line-height: 18px; }

.tech_specs_title { float: left; width: 100%; border-bottom: 1px solid #D1D1D1; font-size: 16px; height: 22px; background-repeat: no-repeat; background-position: 100% 0px; padding-bottom: 0px; padding-top: 10px; }

p.main-technical { margin: 10px 0; line-height: 2; float: left; }

.camera_specs_title { background-image: url(../images/camera_title_icon.jpg); }

.film_specs_title { background-image: url(../images/film_title_icon.jpg); }

.fullspecs_tech_specs_right_column h3 { float: left; width: 100%; font-size: 11px; font-weight: bold; margin: 10px 0px 5px 0px; }

.fullspecs_tech_specs_right_column p { float: left; width: 100%; font-size: 13px; font-weight: normal; margin: 0px 0px 10px 0px; }

.fullspecs_apps_left_column { float: left; width: 460px; }

.fullspecs_apps_right_column { float: right; width: 460px; }

.fullspecs_apps_left_column a:hover, .fullspecs_apps_right_column a:hover { text-decoration: underline; }

.fullspecs_apps_left_column a.small_button:hover, .fullspecs_apps_right_column a.small_button:hover { text-decoration: none; }

.t-centers { width: 100%; border-collapse: collapse; margin: 15px 0 0; }

.t-centers thead td { color: #333; border-bottom: none; border-top: none; padding: 0 10px; }

.t-centers thead td.table-divide { height: 5px; }

.t-centers tbody tr:nth-child(odd) { background: #f0f0f0; }

.t-centers tbody th { color: #666; font-weight: normal; text-align: left; padding: 6px 8px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; width: 50%; }

.t-centers thead th { text-align: left; padding: 0px 8px; }

.t-centers tbody td { color: #666; padding: 10px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

select.centers-select { border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 150px; padding: 3px 3px 3px 4px; margin: 0 0 0 6px; }

dl.app_row { float: left; width: 460px; margin-top: 10px; padding-bottom: 10px; }

dl.dashed_border { border-bottom: 1px dotted #D1D1D1; }

dl.solid_border { border-bottom: 1px solid #D1D1D1; }

.app_row dt { float: left; width: 65px; margin-right: 20px; }

.app_row dd { float: left; width: 200px; }

.app_row dd span.app_publisher { float: left; width: 200px; font-size: 11px; line-height: 11px; color: #999; margin-bottom: 5px; }

.app_row a.app_name { color: #333; font-weight: bold; font-size: 14px; }

.app_row dd.app_more_info { float: right; width: 155px; text-align: right; padding-top: 24px; }

.user_comment_row { float: left; width: 960px; border-bottom: 1px solid #D1D1D1; padding: 20px 0px 0px 0px; }

.user_comment_name_box, .fullspecs_support_menu { float: left; width: 250px; margin-right: 30px; }

.user_comment_name { float: left; width: 250px; font-size: 18px; font-weight: bold; }

.user_comment_date { float: left; width: 250px; font-size: 11px; margin-top: 2px; color: #999; }

.user_comment_star_grade { float: left; width: 250px; margin-top: 10px; }

.user_comment_text { float: left; width: 450px; margin-bottom: 20px; }

.user_comment_text h2 { float: left; width: 450px; color: #333; font-size: 18px; font-weight: bold; margin-bottom: 5px; }

.user_comment_text p { float: left; width: 450px; font-size: 13px; padding: 0px 0px 20px 0px; }

.user_comment_row_input { float: left; width: 960px; padding: 20px 0px 0px 0px; }

.user_comment_text input { float: left; width: 430px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0px 10px; margin-bottom: 20px; }

.user_comment_text textarea { float: left; width: 430px; height: 150px; line-height: 22px; font-size: 14px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 10px; overflow: hidden; }

.send_grade_comment_box { float: left; width: 450px; margin: 10px 0px 0px 0px; height: 38px; }

.comment_grading_stars_box { float: left; width: 150px; margin-top: 7px; }

.comment_btn { float: right; }

.fullspecs_accessories_row { float: left; width: 960px; margin-bottom: 20px; }

.fullspecs_support_menu ul { float: left; width: 250px; list-style-type: none; border-top: 1px solid #D1D1D1; }

.fullspecs_support_menu ul li { float: left; width: 240px; padding: 5px 0px 5px 10px; border-bottom: 1px solid #D1D1D1; }

.fullspecs_support_menu ul li a { float: right; width: 230px; font-size: 13px; line-height: 20px; padding-right: 10px; text-align: left; color: #999; background-image: url(../images/ui.png); background-repeat: no-repeat; background-position: -246px -254px; }

.fullspecs_support_menu ul li a:hover, .fullspecs_support_menu ul li a.selected { color: black; background-position: 0px -254px; }


/*** Novi proces ***/

h1.process-title { font: normal 50px/1.1 Tele-groteskfet, Arial; color: #4b4b4b; letter-spacing: -2px; margin: 0 0 20px; position: relative; float: left; }
.process-title-button-holder { float: right; margin: 8px 0 0; }
.process-title-button-holder .button { margin: 0 0 0 5px; }

.filter-box-container { float: left; width: 960px; background: #d6e4eb url(../images/filter-bg.png) repeat; padding: 0; margin: 0 0 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); }
.filter-box { width: 208px; height: 124px; padding: 12px 15px; float: left; border-left: 1px solid #fff; border-right: 1px solid #b9d0db; position: relative; }
.filter-box.first { border-left: none; }
.filter-box.last { border-right: none; }
.filter-box label { cursor: pointer; font: normal 15px Tele-grotesk; }

.filter-box-prepaid { padding: 12px 15px; float: left; position: relative; }
.filter-box-prepaid .multi-select-container { float: left; margin: 0 27px 0 0; }
.filter-box-prepaid .multi-select-container.last { margin: 0; }
.filter-box-prepaid div.selector { width: 275px; }

a.clear-filters { display: block; position: absolute; right: 20px; top: 18px; font-size: 11px; }
a.clear-filters:hover { text-decoration: none; }
a.clear-filters-prepaid { display: block; position: absolute; right: 20px; top: 18px; font-size: 11px; }

.filter-box h3, .filter-box-prepaid h3 { font: normal 18px/normal Tele-grotesk; text-transform: uppercase; margin: 0 0 10px; }

.filter-vertical { list-style-type: none; }
.filter-vertical li { padding: 10px 0 0; position: relative; }
.filter-vertical li:first-child { padding: 0; }
span.for-number { color: #e20074; display: none; margin: 0 0 9px 34px; position: relative; top: -5px; }
span.for-number .change-icon { display: inline-block; width: 15px; height: 17px; background: transparent url(../images/change-icon.png) no-repeat 0 0; position: relative; top: 4px; }
span.for-number .change-icon:hover { background-position: 0 -17px; }
.filter-horizontal { list-style-type: none; width: 100%; }
.filter-horizontal li { float: left; width: 50%; padding: 0 0 2px; }

.list-control-box { float: left; margin: 0 0 10px; width: 930px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 12px 15px; background: #d6e4eb url(../images/filter-bg-light.png) repeat; }
.list-control { float: left; padding: 0 20px 0 0; border-right: 1px solid #999; margin: 0 20px 0 0; }
.filter-control a { display: inline-block; background: transparent url(../images/ui.png) no-repeat right -491px; padding: 0 15px 0 0; margin: 0 5px 0 0; }
.filter-control a:hover { background-position: right -507px; }

/*.list-device-box-container {width:975px; float:left;}
.list-device-box {float:left; border:solid 1px #e5e5e5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin:0 15px 15px 0; width:308px; position:relative;
-webkit-transition: all 300ms ;
-moz-transition: all 300ms ;
-ms-transition: all 300ms ;
-o-transition: all 300ms ;
transition: all 300ms ;}
.posebna-ponuda {position:absolute; right:-3px; top:-3px; display:block; width:80px; height:80px; background:transparent url(../images/sticker-akcija.png) no-repeat 0 0;}
.sold-out {position:absolute; right:-3px; top:-3px; display:block; width:91px; height:90px; background:transparent url(../images/rasprodano.png) no-repeat 0 0;}
.list-device-details {float:left; padding:12px 15px; width:278px; position:relative; margin:0; height:289px;}
.list-device-head {margin:0 0 10px; float:left; width:100%;}
.list-device-head h2 {font:normal 20px/23px Tele-grotesk; margin:0; padding:0 40px 0 0; height:23px; overflow:hidden;}
.list-device-head h3 {font:normal 16px/23px Tele-grotesk; margin:0 0 4px; padding:0;}
.list-device-head h3 a {font-size:inherit;}
.list-device-head p {font:normal 15px/normal Tele-grotesk; margin:0; padding:0;}
.list-device-details img {width:106px; margin:0 0 5px;}
.list-device-box.unavailable .list-device-details img {opacity: 0.3; filter: alpha(opacity=30);}
.list-device-details .links {text-align:center;}
.list-device-details .more-details {display:block; text-align:center;}
.list-device-details .more-details span {background:transparent url(../images/more-icon.png) no-repeat 0 0; padding:0 0 0 20px;}
.list-device-details .compare-box {margin:10px 0 4px;}
.list-device-details .button {margin:30px 0 0;}
.list-device-details .small_button {margin:5px 0 0;}
.list-device-prices {float:left; width:155px; margin:0; cursor:default;}
.list-device-prices p.centers-price {margin:7px 0 15px; height:15px; font:normal 15px/normal Tele-grotesk;}
.list-device-prices p.tarif-price {color:#999;}
.list-device-prices p.centers-price span {font-weight:bold; font-size:13px;}
.list-device-prices p.webshop-price {font:normal 15px/normal Tele-grotesk; border-bottom:1px dashed #e5e5e5; padding:7px 0 5px; margin:8px 0;}
.list-device-prices p.webshop-price span {font:normal 32px/1.1 Tele-groteskhal; color:#e20074;}
.list-device-prices p.webshop-price span.currency {display:inline-block; font-size:18px; position:relative; bottom:9px; left:4px; margin:0;}
.list-device-prices p.unavailable {font:normal 14px/normal Tele-grotesk; margin:4px 0 0; float:left;}
.list-device-prices p.device-added {font:normal 15px/normal Tele-grotesk; margin:15px 0 0; float:left;}
.list-device-prices p.tarif-unavailable {font:normal 16px/normal Tele-grotesk; margin:36px 0; float:left;}
.list-device-more {border-top:1px solid #e5e5e5; padding:4px 0; width:100%; float:left; text-align:center; height:58px; background:#f5f5f5;}
.list-device-more .unavailable {font-size:11px; padding:0 15px;}
.list-device-more .button {margin:10px 0 0;}
.list-device-more .small_button {margin:2px 0 0;}
.list-device-img {float:left; width:108px; margin:0 15px 0 0;}
.compare-box {margin:4px 0 0; display:block; font:normal 16px Tele-grotesk;}
.compare-box label {cursor:pointer;}*/

.list-device-box-container.prepaid .list-device-details .button { margin: 17px 0 0; }
.list-device-box-container.prepaid .list-device-head h2 { height: 46px; }
.list-device-box-container.prepaid .list-device-prices p.centers-price { margin: 0 0 15px; height: 15px; }
.list-device-box-container.prepaid .list-device-prices p.webshop-price { margin: 0 0 8px; }
.list-device-box-container.prepaid .list-device-details img { margin: 0 0 10px; }
.list-device-box-container.prepaid .list-device-details { height: 285px; }
.list-device-prices p.airtime { border-bottom: 1px dashed #e5e5e5; padding: 0 0 5px; margin: 8px 0 0; font: normal 15px/normal Tele-grotesk; }
.list-device-prices p.airtime span { font: normal 16px/normal Tele-groteskhal; }

.multi-select-container { position: relative; }
.multi-select { position: absolute; z-index: 6; background: #fff; padding: 4px 0; top: 27px; left: 3px; min-width: 195px; list-style-type: none; display: none; border: 1px solid #d5d5d5; border-top: 0; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); -o-box-shadow: 0 1px 2px rgba(0,0,0,.15); -ms-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15); -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }
.filter-box-prepaid .multi-select { min-width: 280px; }
.multi-select-triger { display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; padding: 0 1.6875em 0 0; position: relative; overflow: hidden; margin: 0 0 0.25em; font: normal 1em/1.625 Tele-grotesk; border: 1px solid #999; text-shadow: 0 1px 0 #fff; color: #333; background: #a0a0a0; background: -moz-linear-gradient(top, #dddddd 0%, #a0a0a0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#a0a0a0)); background: -webkit-linear-gradient(top, #dddddd 0%,#a0a0a0 100%); background: -o-linear-gradient(top, #dddddd 0%,#a0a0a0 100%); background: -ms-linear-gradient(top, #dddddd 0%,#a0a0a0 100%); background: linear-gradient(to bottom, #dddddd 0%,#a0a0a0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#a0a0a0',GradientType=0 ); }
.multi-select-triger span { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #999; display: block; line-height: 1.625em; height: 1.625em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0 0 0.5em; background: #bcbcbc; background: -moz-linear-gradient(top, #ffffff 0%, #bcbcbc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bcbcbc)); background: -webkit-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: -o-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: -ms-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: linear-gradient(to bottom, #ffffff 0%,#bcbcbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); }
.multi-select-triger:hover { background: #bcbcbc; background: -moz-linear-gradient(top, #ffffff 0%, #bcbcbc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bcbcbc)); background: -webkit-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: -o-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: -ms-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: linear-gradient(to bottom, #ffffff 0%,#bcbcbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); }
.multi-select-triger:active { background: #fb2f98; background: -moz-linear-gradient(top, #fb2f98 0%, #d0046d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb2f98), color-stop(100%,#d0046d)); background: -webkit-linear-gradient(top, #fb2f98 0%,#d0046d 100%); background: -o-linear-gradient(top, #fb2f98 0%,#d0046d 100%); background: -ms-linear-gradient(top, #fb2f98 0%,#d0046d 100%); background: linear-gradient(to bottom, #fb2f98 0%,#d0046d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb2f98', endColorstr='#d0046d',GradientType=0 ); }
.multi-select-triger:after { content: ""; display: block; font-size: 16px; font-size: 1rem; width: 0.75em; height: 0.375em; background: transparent url(../images/uniform-bg.png) no-repeat 0 0; position: absolute; right: 0.5em; top: 50%; margin: -0.1875em 0 0; z-index: 1; }
.multi-select-triger:active:after { background-position: 0 -0.375em; }

.multi-select li { padding: 3px 6px 2px 5px; margin: 0 0 1px; }
.multi-select li:hover { background: #f5f5f5; }
.multi-select .small_button { text-shadow: none; float: right; margin: 8px 7px 2px 0; }

.gadget-full-img-box { float: left; width: 230px; margin: 0 20px 30px 0; position: relative; }
.gadget-full-img-box.unavailable img { opacity: 0.3; filter: alpha(opacity=30); }
.gadget-full-img-box .sold-out { z-index: 2; right: 8px; top: -2px; }
.gadget-full-usp-box { float: left; width: 290px; margin: 0 40px 30px 0; font-family: Tele-grotesk; }
.gadget-full-usp-box h3 { font: normal 19px Tele-groteskhal; }
.gadget-full-usp-box p { font-size: 16px; margin: 0; }
.gadget-full-service-box { float: left; width: 380px; }
.fullspecs-special-offer { position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 10px 60px 10px 15px; float: left; margin: 20px 0 0; width: 215px; background: #e7f3f7; min-height: 60px; cursor: default; text-shadow: 0 1px 0 #fff; }
.fullspecs-special-offer p { font: normal 15px/normal Tele-grotesk; }
.fullspecs-special-offer h3 { font: normal 19px/normal Tele-groteskhal; margin: 0 0 8px; }
.fullspecs-special-offer ul { font: normal 15px/normal Tele-grotesk; padding: 0 0 0 15px; list-style-type: square; }
.fullspecs-special-offer ul li { margin: 0 0 4px; }
.tarif-more .fullspecs-special-offer { clear: both; margin: 0 0 30px; width: 485px; }

.fullspecs_usp_list { list-style-type: none; margin: 5px 0 15px; padding: 11px 0; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }
.fullspecs_usp_list li { background: transparent url(../images/li-tick.png) no-repeat 0 7px; padding: 4px 0 4px 16px; font-size: 16px; }
.fullspecs_usp_list li a { font: inherit; }
.fullspecs_device_controls { float: left; list-style-type: none; margin: 10px 0 0 50px; }
.fullspecs_device_controls li { float: left; }
.fullspecs_device_controls a { display: inline-block; width: 33px; height: 32px; background-image: url(../images/icons.png); background-repeat: no-repeat; margin-right: 10px; }
.tab_menu_container.fullspecs { margin: 0 0 15px; }
.fullspecs_tab_container h4 { font: normal 16px Tele-groteskhal; margin: 0 0 15px; }
.fullspecs_tab_container h4 a { font: inherit; }
.fullspecs_tab_container .button_next { float: right; margin: 0 0 10px; }

.device-service-box { float: left; border: 1px solid #e5e5e5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative; margin: -60px 0 0; background: #f9f9f9; }
.device-service-box h3 { font: normal 17px/normal Tele-grotesk; padding: 7px 15px; }
.device-service-box ul { list-style-type: none; float: left; width: 100%; border-bottom: 1px solid #b9d0db; border-top: 1px solid #fff; padding: 5px 0; background: #d6e4eb url(../images/filter-bg.png) repeat; }
.device-service-box li { padding: 4px 15px; }
.device-service-box label { cursor: pointer; }
.device-service-box h4 { font: normal 14px/normal Tele-grotesk; text-transform: uppercase; }
.full-prices-box { float: left; padding: 10px 15px; width: 248px; text-align: right; }
.full-prices-box p.centers-price { }
.full-prices-box p.centers-price span { font-weight: bold; font-size: 13px; }
.full-prices-box p.webshop-price { border-top: 1px solid #e5e5e5; padding: 10px 0 0; margin: 10px 0 5px; }
.full-prices-box p.webshop-price span { font: normal 24px/1.4 Tele-groteskhal; color: #e20074; }
.full-prices-box p.webshop-price span.currency { display: inline-block; font-size: 14px; position: relative; bottom: 6px; margin: 0 0 0 4px; }

.tarif-select-container { float: left; }
.tarif-select-container.full { width: 100%; }
.tarif-select-container.left { background: #f5f5f5 url(../images/filter-bg-light.png) repeat; }
.tarif-select-container.right { background: #d6e4eb url(../images/filter-bg.png) repeat; padding: 0; }
.tarif-select-container .button_next { float: right; margin: 16px; }
.tarif-select-container h3 { margin: 16px 0 42px 16px; font: normal 20px/normal Tele-groteskfet; }
.tarif-selector { list-style-type: none; float: left; position: relative; z-index: 10; }
.tarif-selector li { width: 100px; margin: 0 16px 16px 0; background: #fff; position: relative; text-align: center; padding: 10px 0; float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; cursor: pointer; }
.tarif-selector label:first-child li { margin: 0 16px 16px; }
.tarif-selector li:hover { background-color: #fdfdfd; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.15); -o-box-shadow: 0 2px 10px rgba(0,0,0,.15); -ms-box-shadow: 0 2px 10px rgba(0,0,0,.15); box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.tarif-selector li.selected { -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.15); -o-box-shadow: 0 2px 5px rgba(0,0,0,.15); -ms-box-shadow: 0 2px 5px rgba(0,0,0,.15); box-shadow: 0 2px 5px rgba(0,0,0,.15); background-color: #f5fde8; }
.tarif-selector div.radio { margin: 0; }
.tarif-selector h2 { font: normal 30px/normal Tele-groteskfet; padding: 0 0 10px; margin: 0; }
.tarif-selector h3 { font: normal 24px/17px Tele-groteskfet; margin: 10px 10px 4px; padding: 10px 0 0; border-top: 1px dotted #e5e5e5; }
.tarif-selector h3 span { font-size: 15px; }
.tarif-selector h3.monthly-fee { color: #e20074; }
.tarif-selector h4.single-prices { font: normal 18px/normal Tele-groteskhal; margin: 15px 0 0; padding: 15px 0 0; border-top: 1px dashed #ccc; color: #e20074; text-transform: uppercase; }
.tarif-selector h4 { font: normal 20px/18px Tele-groteskfet; margin: 10px 10px 4px; padding: 10px 0 0; border-top: 1px dotted #e5e5e5; }
.tarif-selector h4 span { font-size: 15px; }
.tarif-selector h4.centres { font: normal 15px/18px Tele-groteskhal; border-top: none; }
.tarif-selector h4.webshop { font: normal 20px/22px Tele-groteskfet; color: #e20074; margin: 10px 8px 4px; }
.tarif-selector h4 span.store { font: normal 14px Tele-grotesk; color: #333; }
.tarif-selector h4.nedostupan { font: normal 16px/normal Tele-grotesk; color: #333; margin: 35px 10px 36px; padding: 0; border-top: none; }
.tarif-selector p { color: #999; margin: 0 10px; }
.tarif-selector label { cursor: pointer; }
.tarif-selector .chosen { position: absolute; top: 2px; left: 0; width: 100px; padding: 5px 0 12px; background: #e20074; color: #fff; z-index: -1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.tarif-selector li.selected .chosen { top: -25px; }
.tarif-selector .current-tarif { position: absolute; top: -35px; left: 0; width: 100px; padding: 5px 0; background: #fff; /*z-index:-1;*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font: normal 15px Tele-grotesk; -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.tarif-selector li.selected .current-tarif { display: none; }
.tarif-selector h4.section-head { font: normal 13px/10px Tele-groteskhal; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px dashed #ccc; text-transform: uppercase; }

.tarif-selector li.disabled { background: #eaf1f4; color: #999; }
.tarif-selector li.disabled label { cursor: default; }
.tarif-selector li.disabled:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }
.tarif-selector li.disabled h3.monthly-fee, .tarif-selector li.disabled h4.single-prices, .tarif-selector li.disabled h4.webshop, .tarif-selector li.disabled h4 span.store, .tarif-selector li.disabled h4.nedostupan { color: #999; }
.tarif-selector li.disabled .chosen { top: -25px; background: #C5B4B4; color: #fff; }

.shopping_cart_title { position: relative; }
.kosarica { position: absolute; top: 40px; right: 0; background: #fff; z-index: 20; padding: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -o-box-shadow: 0 0 10px rgba(0,0,0,.4); -ms-box-shadow: 0 0 10px rgba(0,0,0,.4); box-shadow: 0 0 10px rgba(0,0,0,.4); border: 1px solid #ccc; width: 500px; display: none; }
.kosarica .cart-arrow { display: block; position: absolute; width: 20px; height: 9px; top: -9px; right: 17px; background: transparent url(../images/shoping-cart-arrow.png) no-repeat; }
.kosarica .small_button { float: right; }
.kosarica-head { list-style-type: none; float: left; width: 100%; border-bottom: 1px solid #b5b5b5; padding: 0 0 8px; margin: 0 0 8px; }
.kosarica-head li { float: left; line-height: 20px; border-left: 1px solid #eee; padding: 0 8px; }
.kosarica-head li:first-child { border-left: none; padding-left: 0; }
.kosarica-head .close-cart { float: right; line-height: 20px; background: transparent url(../images/remove-bg.png) no-repeat right -17px; padding: 0 20px 0 0; }
.kosarica-head .close-cart:hover { background-position: right 2px; text-decoration: none; }
.kosarica table { clear: both; float: left; width: 100%; margin: 0 0 10px; }
.kosarica table thead th { border-bottom: 1px solid #d5d5d5; text-transform: uppercase; font: normal 13px/normal Tele-groteskfet; vertical-align: bottom; padding: 5px 0; }
.kosarica table tbody th, .kosarica table tbody td { border-bottom: 1px dotted #ddd; padding: 8px 0; }
.kosarica table tbody th { font: normal 14px/normal Tele-groteskfet; vertical-align: middle; color: #333; text-align: left; padding-left: 5px; }
.kosarica table tbody th .section { color: #999; text-transform: uppercase; font: normal 13px/normal Tele-grotesk; }
.kosarica table tbody th img { float: right; margin: 0 10px 0 0; }
.kosarica table .another { display: inline-block; margin: 10px 0 0; font: normal 14px/normal Tele-grotesk; }
.kosarica table tbody td { font: normal 17px/normal Tele-groteskfet; text-align: right; padding-right: 10px; }
.kosarica table tbody td.amount { font: normal 16px/normal Tele-grotesk; text-align: center; padding: 0; }
.kosarica table tfoot td, .kosarica table tfoot th { background: #E4F1F8; border-bottom: 1px solid #d5d5d5; padding: 5px 0; }
.kosarica table tfoot th { font: normal 17px/normal Tele-groteskfet; text-align: left; padding-left: 5px; }
.kosarica table tfoot td { font: normal 17px/normal Tele-groteskfet; text-align: right; padding-right: 10px; }

.classic-overlay { width: 600px; background: #fff; padding: 25px 25px; margin: 0 !important; position: absolute; border: 1px solid #777; display: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.classic-overlay.w300 { width: 300px; }
.classic-overlay.w400 { width: 400px; }
.classic-overlay.w500 { width: 500px; }
.classic-overlay.w650 { width: 650px; }
.classic-overlay.w800 { width: 800px; }
.classic-overlay.auto { width: auto; }
.classic-overlay h3 { font: normal 18px Tele-grotesk; margin: 0 0 15px; }
.classic-overlay p { margin: 0 0 8px; }
.classic-overlay .cp-select-nr { width: 100%; margin: 0 0 8px; }
.classic-overlay .cp-select-nr h4 { font: normal 16px Tele-grotesk; margin: 0 0 8px; }
.classic-overlay .cp-select-nr li { border-bottom: 1px solid #d5d5d5; padding: 8px 0 6px; margin: 0; background-image: none; line-height: 22px; }
.classic-overlay .cp-select-nr label { cursor: pointer; font: normal 15px Tele-groteskfet; }
.classic-overlay .cp-select-nr .cp-yes { color: green; }
.classic-overlay .cp-select-nr .cp-no { color: red; }
.overlay.classic-overlay .close.default { top: 6px; right: 6px; }

.gadget-service-box { background: #d6e4eb url(../images/filter-bg.png) repeat; padding: 10px 12px; position: relative; float: left; width: 356px; margin: 0 0 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: Tele-grotesk, Arial, sans-serif; font-size: 16px; }
.gadget-service-box dl { position: relative; float: left; width: 100%; margin: 0 0 10px; padding: 10px 12px; border-bottom: 2px dotted #fff; left: -12px; }
.gadget-service-box dl.prices { border-bottom: none; }
.gadget-service-box dl dt { float: left; width: 100px; margin: 0 15px 0 0; }
.gadget-service-box dl dd { float: left; width: 241px; }
.gadget-service-box dl.prices dt { width: 130px; }
.gadget-service-box dl.prices dd { width: 211px; }
.gadget-service-box .rbr { position: absolute; display: block; width: 32px; text-align: center; background: #64b9e4; color: #fff; font: normal 24px/32px Tele-groteskfet; left: -10px; top: 2px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; border: 2px solid #fff; }
.gadget-service-box .signs { position: absolute; display: block; font: normal 24px/32px Tele-groteskfet; color: #4b4b4b; left: 2px; bottom: -18px; }
.gadget-service-box h4 { font: normal 17px/22px Tele-groteskhal; margin: 0 0 10px; padding: 0 0 0 18px; }
.gadget-service-box h5 { clear: both; font: normal 16px/normal Tele-grotesk; margin: 8px 0 10px; padding: 8px 0 0; }
.gadget-service-box .dk_container { margin: 0; }
.gadget-service-box h3.chosen-tarif { font: normal 20px/normal Tele-groteskfet; text-align: right; }
.gadget-service-box h3.chosen-tarif a.family-member { font: normal 14px/normal Tele-grotesk; display: inline-block; float: right; }
.gadget-service-box h3.chosen-tarif a.over-trigger { font: normal 20px/normal Tele-groteskfet; color: #333; }
.gadget-service-box h3.chosen-tarif a.change-tarif { font: normal 16px/normal Tele-grotesk; display: inline-block; float: right; margin: 4px 0 0; }
.gadget-service-box p.webshop-price { padding: 0; margin: -8px 0 4px; float: right; text-align: left; }
.gadget-service-box p.webshop-price span { font: normal 28px/normal Tele-groteskhal; color: #e20074; }
.gadget-service-box p.webshop-price span.centers-price { font: normal 16px/normal Tele-grotesk; color: #333; border-top: 1px dotted #fff; padding: 6px 0 0; margin: 2px 0 0; display: inline-block; width: 100%; text-align: right; }
.gadget-service-box p.webshop-price span.currency { display: inline-block; font-size: 14px; position: relative; bottom: 9px; margin: 0 0 0 4px; }
.gadget-service-box p.discounts { font: normal 15px/26px Tele-groteskfet; color: #333; margin: 0 0 10px; background: transparent url(../images/iphone/online-benefits.png) no-repeat right -69px; padding: 0 35px 0 0; float: right; }
.gadget-service-box .button { float: right; }
.gadget-service-box .contract-duration { list-style-type: none; width: 100%; float: left; }
.gadget-service-box .contract-duration li { float: left; width: 50%; }
.gadget-service-box span.for-number { font-size: 16px; float: left; margin: 8px 0 3px; }
.gadget-service-box span.for-number a { font-size: 16px; color: #e20074; }
.gadget-service-box span.select-nr { float: left; font-size: 16px; margin: 3px 0; display: none; }
.gadget-service-box span.select-nr a { font-size: 16px; font-family: Tele-grotesk, Arial, sans-serif; }
.gadget-service-box .selector { width: 220px; }
.gadget-service-box p.unavailable { text-align: right; }
.gadget-service-box p.unavailable .small_button { margin: 8px 0 0; }
.gadget-service-box p.tarif-unavailable { text-align: right; }

.gadget-full-prepaid-prices { float: right; margin: 0 0 20px 20px; max-width: 360px; text-align: right; }
.gadget-full-prepaid-prices h4 { font: normal 19px/1.2 Tele-groteskhal; border-bottom: 1px solid #e5e5e5; padding: 0 0 5px; margin: 0 0 14px; }
.gadget-full-prepaid-prices p.airtime { font: normal 15px/normal Tele-grotesk; border-bottom: 1px dotted #e5e5e5; padding: 0 0 10px; margin: 0 0 10px; }
.gadget-full-prepaid-prices p.airtime span { font: normal 16px/normal Tele-groteskhal; }
.gadget-full-prepaid-prices p.webshop-price { font: normal 16px/normal Tele-grotesk; padding: 0; margin: 0 0 5px; }
.gadget-full-prepaid-prices p.webshop-price span { font: normal 30px/normal Tele-groteskhal; color: #e20074; }
.gadget-full-prepaid-prices p.centers-price { font: normal 15px/normal Tele-grotesk; }
.gadget-full-prepaid-prices p.webshop-price span.currency { display: inline-block; font-size: 14px; position: relative; bottom: 9px; margin: 0 0 0 4px; }
.gadget-full-prepaid-button { border-top: 1px solid #e5e5e5; margin: 15px 0 0; padding: 15px 0 0; position: relative; }
.gadget-full-prepaid-button .selector { float: right; text-align: left; margin: 0 0 10px; width: 50px; }
.gadget-full-prepaid-button .button { clear: both; float: right; }

.accessory_amount_picker .selector { margin: 0; width: 40px; text-align: left; }

.process_title_bar.device { width: 500px; }
.cp-check { float: right; /*background:#f5f5f5 url(../images/filter-bg-light.png) repeat; */ padding: 10px 0; position: relative; margin: 0 0 10px; }
.cp-check p { float: right; margin: 0; text-align: right; font: normal 15px/23px Tele-grotesk; color: #666; }
.cp-check .small_button { float: right; }

.single-login-container { list-style-type: none; float: left; width: 960px; }
.single-login-container li { width: 460px; margin: 0 0 0 40px; float: left; position: relative; }
.single-login-container li:first-child { margin: 0; }
.single-login-box { border: 1px solid #d1d1d1; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 35px 0 35px; margin: 0 0 20px; }
.single-login-box .login-title { font: normal 19px Tele-grotesk; color: #E20074; padding: 5px 10px; margin: 0; background-color: white; display: inline-block; position: relative; top: -16px; left: -10px; }
.single-login-box .data-input dt { margin: 0 0 4px; }
.single-login-box .data-input dd { margin: 0 0 15px; }
.single-login-box label { font: normal 15px/normal Tele-groteskfet; width: 312px; display: block; }
.single-login-box label a { font-size: 14px; }
.single-login-box .input-note { font: normal 15px Tele-grotesk; color: #e20074; margin: 5px 0 0; width: 312px; }
.single-login-box input { padding: 0px 10px 0px 10px; width: 290px; margin: 0px 0px 0px 0px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #eee; }
.single-login-box input:focus { background: #e3f1f7; }
.single-login-box input.error { background: #ffe3f0; }
.single-login-box .single-button-box { width: 100%; padding: 25px 35px 20px; margin: 25px 0 0 -35px; background: #f5f5f5; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-top: 1px solid #e5e5e5; }
.single-forgoten-pass { float: right; margin: 10px 0 0; }
.single-login-box p { font: normal 16px/normal Tele-grotesk; margin: 0 0 20px; }
.single-login-box p.note { font: normal 14px/normal Tele-grotesk; }
.single-login-box.code-box { padding-top: 20px; }

.tarif-more-container { position: absolute; left: 16px; top: 200px; background: #fff; padding: 25px 20px; width: 888px; z-index: 10; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3); -o-box-shadow: 0 2px 3px rgba(0,0,0,.3); -ms-box-shadow: 0 2px 3px rgba(0,0,0,.3); box-shadow: 0 2px 3px rgba(0,0,0,.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; }
.tarif-more-container.tarif-page { top: 215px; }
.tarif-more { display: none; font-family: Tele-grotesk; }
.tarif-more p { font-size: 16px; margin: 0 0 15px; }
.tarif-more-close { display: block; position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; background: transparent url(../images/ui.png) no-repeat 0 -279px; }
.tarif-more-close:hover { background-position: -34px -279px; }
.tarif-more .tarif-downgrade-fee { clear: both; float: left; background: #f4d9e8; text-shadow: 0 1px 1px #fff; padding: 8px 12px; display: block; margin: 0 0 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.35); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.35); -o-box-shadow: 0 1px 1px rgba(0,0,0,.35); -ms-box-shadow: 0 1px 1px rgba(0,0,0,.35); box-shadow: 0 1px 1px rgba(0,0,0,.35);*/ }

.basket { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0 0 30px; color: #4b4b4b; }
.basket th, .basket td { text-align: left; vertical-align: middle; }
.basket th { padding: 3px 0; border-bottom: 1px solid #d5d5d5; }
.basket td { padding: 15px 0; }
.basket thead h2 { font: normal 25px/normal Tele-groteskfet, Arial; color: #4b4b4b; letter-spacing: -1px; margin: 0; }
.basket .remove { width: 150px; padding-left: 15px; }
.basket thead th.monthly, .basket thead th.single { text-align: right; font: normal 18px/normal Tele-grotesk; }
.basket thead th.monthly { width: 135px; }
.basket thead th.amount { width: 135px; text-align: center; font: normal 18px/normal Tele-grotesk; }
.basket .single { width: 165px; padding-right: 20px; }
.basket .item h3 { font: normal 21px Tele-groteskhal; margin: 0 0 20px; color: #e20074; }
.basket .basket-img { float: left; margin: 0 15px 0 0; width: 59px; min-height: 26px; }
.basket .basket-item { float: left; width: 390px; }
.basket .basket-promo { float: left; width: 390px; }
.basket .basket-img .checker { margin: 0 0 0 32px; }
.basket p.type { font: normal 18px/normal Tele-groteskhal; margin: 0 0 8px; }
.basket p.product { font: normal 18px/normal Tele-groteskfet; margin: 0 0 2px; }
.basket p.product span { font: normal 15px Tele-grotesk; }
.basket .single, .basket .monthly { font: normal 23px/normal Tele-groteskfet; text-align: right; }
.basket .monthly { background: #f9f9f9; padding-right: 10px; }
.basket .amount { background: #f9f9f9; padding-right: 10px; text-align: center; }
.basket .single span, .basket .monthly span { font-size: 15px; display: inline-block; position: relative; top: -5px; }
.basket .basket-divider { padding: 0; }
.basket .basket-divider div { width: 100%; height: 1px; background: transparent url(../images/img_divider_lrg.png) no-repeat 0 0; }
.basket .divide td { border-bottom: 1px dotted #e5e5e5; }
.basket .total { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #f9f9f9; }
.basket .total h4 { text-align: right; font: normal 23px/normal Tele-grotesk; padding: 0 30px 0 0; }
.basket .bonus-select .selector { margin: 5px 0 0; width: 120px; }
.basket .amount .selector { margin: 0; width: 40px; text-align: left; }

.dev-tool { position: absolute; background: yellow; padding: 10px 15px; right: 20px; bottom: 40px; width: 170px; display: none; }
.dev-tool p { margin: 0 0 8px; }

.moj-telekom-promo { padding: 20px 30px; -webkit-box-shadow: inset 0 0 45px 15px #f2f2f2; -moz-box-shadow: inset 0 0 45px 15px #f2f2f2; -o-box-shadow: inset 0 0 45px 15px #f2f2f2; -ms-box-shadow: inset 0 0 45px 15px #f2f2f2; box-shadow: inset 0 0 45px 15px #f2f2f2; }
.moj-telekom-promo h3 { font: normal 19px/normal Tele-groteskhal; padding: 0 0 5px; border-bottom: 1px solid #d5d5d5; margin: 0 0 10px; }
.moj-telekom-promo p { font: normal 18px/normal Tele-grotesk; margin: 0; }
.moj-telekom-promo ul, .overlay.moj-telekom-promo ul { list-style-type: none; margin: 10px 0; float: left; width: 100%; }
.moj-telekom-promo li, .overlay.moj-telekom-promo li { margin: 0 0 5px; padding: 0 0 0 15px; font: normal 15px/normal Tele-grotesk; background: transparent url(../images/li-tick.png) no-repeat 0 4px; }

/*** Nav bar ***/
.progressNav { margin: 0 0 20px; width: 100%; float: left; }
.progressNav ul.steps { background-color: #fff; border: 0; float: left; list-style-type: none; margin: 0; padding: 0; width: 100%; }
.progressNav ul.steps li { font: normal 18px/1 Tele-grotesk, Arial, sans; position: relative; float: left; background: url(../images/navbar-bg.png) no-repeat 0 -240px; padding: 0 0 0px 30px; margin-left: -25px; margin-top: -1px; width: 226px; height: 78px; color: #a4a4a4; }
.progressNav ul.steps li .inner { background: url(../images/navbar-bg.png) no-repeat right -80px; height: 75px; padding: 3px 0 0 0; width: 100%; }
.progressNav ul.steps li.completed { color: #686868; }
.progressNav ul.steps li.current { background-position: 0 -160px; }
.progressNav ul.steps li.current .inner { background-position: right 0; }
.progressNav ul.steps li.first { background: none; padding: 0; width: 256px; margin-left: 0; border-left: 1px solid #dedede; }
.progressNav ul.steps li.first .inner { padding-left: 10px; }
.progressNav ul.steps li.last { border-right: 1px solid #dedede; width: 235px; }
.progressNav ul.steps li.last .inner { background-position: left -80px; }
.progressNav ul.steps li.current.last .inner { background-position: left 0; }
.progressNav ul.steps li a,
.progressNav ul.steps li div { display: inline-block; padding: 0 0 0 2px; text-decoration: none; white-space: nowrap; }
.progressNav ul.steps li a { color: #7fa2ca; }
.progressNav ul.steps li span { font-family: Tele-groteskhal, Arial, sans; font-size: 37px; color: #aaa; display: block; float: left; height: 18px; padding: 1px 0 0 2px; text-align: center; width: 22px; height: 39px; line-height: 39px; padding: 0; }
.progressNav ul.steps li span em { font-style: normal; }
.progressNav .progressText { float: none; margin: 5px 0 0 0; }
#progressNavOverlay .progressText { float: none; }
.progressNav ul li .progressText .progressTitle,
.progressNav ul li .progressText .progressArticle { float: none; display: block; }
.progressNav ul li .progressText .progressArticle { font-size: 15px; margin: 3px 0 0; height: 15px; overflow: hidden; }
.progressNav ul.steps li .progressAction { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #4379ab; padding-left: 0; margin: 10px 0 0 0; }
.progressNav ul.steps li .progressAction a { display: none; }
.progressNav ul.steps li.current div,
.progressNav ul.steps li.current span { color: #262626; }
.progressNav ul.steps li.completed div,
.progressNav ul.steps li.completed span { color: #6c6c6c; }
.progressNav ul.steps li.current div { color: #262626; }
.checkStatus { position: absolute; top: 25px; right: 20px; height: 25px; width: 30px; }
.progressNav ul.steps li.completed .checkStatus { background: transparent url(../images/ic_progress_check.png) no-repeat 0 -25px; }
.progressNav ul.steps li.completed .progressAction a { display: inline-block; }

.progressNav ul.steps.two li.first { width: 488px; }
.progressNav ul.steps.two li.last { width: 465px; }

.progressNav ul.steps.third li { width: 303px; }
.progressNav ul.steps.third li.first { width: 333px; }
.progressNav ul.steps.third li.last { width: 312px; }

.progressNav ul.steps.six li { width: 156px; }
.progressNav ul.steps.six li.first { width: 165px; }
.progressNav ul.steps.six li.last { width: 144px; }

.progressNav ul.steps.five li { width: 188px; }
.progressNav ul.steps.five li.first { width: 198px; }
.progressNav ul.steps.five li.last { width: 176px; }

.progressNav ul.steps.quarter li { width: 236px; }
.progressNav ul.steps.quarter li.first { width: 247px; }
.progressNav ul.steps.quarter li.last { width: 224px; }

.progressNav ul.steps.half li.first { width: 487px; }
.progressNav ul.steps.half li.last { width: 466px; }

.tarif-more-device-img { float: left; margin: 0 20px 0 0; }
.tarif-more-device-table { border-spacing: 0; color: #4b4b4b; margin: 0 0 40px; float: left; }
.tarif-more-device-table th, .tarif-more-device-table td { padding: 10px 15px; font: normal 16px/normal Tele-grotesk; text-align: left; }
.tarif-more-device-table th { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #f9f9f9; font-family: Tele-groteskhal; }
.tarif-more-device-table td { padding: 20px 15px; border-bottom: 1px solid #d5d5d5; }
.tarif-more-device-table td.topic { padding-right: 40px; font-family: Tele-groteskhal; }
.tarif-more-device-table th.topic { }
.tarif-more-device-table td.price-webshop { font: normal 32px/1 Tele-groteskfet; color: #e20074; }
.tarif-more-device-table td.price-webshop span { font-size: 15px; position: relative; top: -11px; left: 4px; }
.tarif-more-device-table .price-centers { font: normal 16px/1 Tele-grotesk; padding-left: 40px; }
.tarif-more-device-table .basket-divider { padding: 0; border: none; }
.tarif-more-device-table .basket-divider div { height: 1px; width: 100%; background: transparent url(../images/img_divider_lrg.png) no-repeat center center; background-size: 100% 1px; }

.tarif-more-tarif-table { border-spacing: 0; color: #4b4b4b; margin: 0 0 40px; float: left; width: 100%; border-bottom: 5px solid #e5e5e5; }
.tarif-more-tarif-table.initial-prices { width: 550px; margin: 0 0 20px; }
.tarif-more-tarif-table th, .tarif-more-tarif-table td { padding: 10px 15px; font: normal 16px/normal Tele-grotesk; text-align: left; }
.tarif-more-tarif-table th { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #f9f9f9; font: normal 19px/normal Tele-groteskhal; }
.tarif-more-tarif-table td.value { font: normal 19px/normal Tele-groteskhal; text-align: center; width: 150px; }
.tarif-more-tarif-table td.value.magenta { font-family: Tele-groteskfet; color: #e20074; }
.tarif-more-tarif-table.included-prices td.value { font-size: 23px; }
.tarif-more-tarif-table .basket-divider { padding: 0; border: none; }
.tarif-more-tarif-table .basket-divider div { height: 1px; width: 100%; background: transparent url(../images/img_divider_lrg.png) no-repeat center center; background-size: 100% 1px; }
.tarif-more-description { float: left; width: 313px; margin: 0 0 0 25px; }
.tarif-more-description p { font-size: 15px; }

.full-divider { float: left; width: 100%; height: 1px; margin: 10px 0 40px; background: transparent url(../images/img_divider_lrg.png) no-repeat center center; background-size: 100% 1px; }

/* ***********************************FINDER TARIF STYLE*********************************** */

.tarif_marketing_note { float: left; width: 560px; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #D1D1D1; }

.tarif_marketing_note p { float: left; width: 100%; font-size: 14px; }

.tarif_process_table { float: left; width: 560px; border-collapse: collapse; margin: 0px 0px 60px 0px; }

.tarif_process_table td { padding: 5px 0px; vertical-align: top; }

.tarif_process_table td.tarif_status { padding: 5px; border: none; background-image: url(../images/tile_tarifa.jpg); background-repeat: repeat-x; }

.tarif_process_table td.tarif_status_selected_tarif { padding: 5px; border: none; background-image: url(../images/tile_tarifa_active.jpg); background-repeat: repeat-x; }

.tarif_process_table td .tarif_name { font-size: 24px; font-weight: bold; display: inline; margin-right: 10px; /*font-family:"Tele-grotesk";*/ }

.tarif_sticker { }

.tarif_action_sticker { background-image: url(../images/tile_tarifa_akcija.jpg); background-repeat: repeat-x; color: #344a00; }

.your_tarif_sticker { background: #e20074; color: white; font: normal 11px/1.2 Arial; padding: 4px; width: 90px; display: inline-block; }

.your_next_tarif { color: #333; font: bold 11px/1.2 Arial; padding: 4px 6px; display: inline-block; }

.tarif_table td.button_row .your_next_tarif .tooltip { margin-top: 0; }

.tarif_process_table td.expense_label { padding: 5px 0px 0px 5px; }

.tarif_process_table td.expense_label_gadget { padding: 5px 0px 0px 0px; }

.tarif_process_table td.tarif_traffic { width: 60px; padding: 4px 0px 5px 5px; border-bottom: 1px solid #D1D1D1; vertical-align: top; font-size: 16px; font-weight: bold; line-height: 18px; }

.tarif_process_table td.monthly_tarif_gadget_price { width: 80px; padding: 4px 0px 5px 0px; font-weight: bold; font-size: 16px; line-height: 18px; border-bottom: 1px solid #D1D1D1; }

/*.tarif_process_table td.tarif_name table {
width: 100%;
border-collapse: collapse;
margin: 0px 0px 0px 0px;
}

.tarif_process_table td.tarif_name table td {
border: none;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 16px;
width: 42px;
}*/

.tarif_table_small_print { display: block; font-size: 11px; color: #999; line-height: 11px; font-weight: normal; }

/*.tarif_table_traffic_small_print {
display: block;
font-size: 10px;
color: #999;
line-height: 10px;
font-weight: normal;
}

.tarif_table_price_small_print {
font-size: 10px;
color: #999;
line-height: 10px;
font-weight: normal;
display: block;
margin-top: 0px;
}*/

.tarif_process_table td.tarif_buy_btn { width: 140px; text-align: right; vertical-align: bottom; border-bottom: 1px solid #D1D1D1; }

/*.tarif_trafic_style {
font-size: 16px;
font-weight: bold;
line-height: 19px;
}*/

.users_tarif_note { font-size: 11px; color: #e20074; line-height: 14px; font-weight: normal; }

/* ***********************************SUMMARY STYLE**************************************** */

.order_summary_table { float: left; width: 740px; border-collapse: collapse; margin-bottom: 30px; table-layout: fixed; }

.summary_row { background: none; }

.order_summary_table td { padding: 10px 10px; border-bottom: 1px solid #D1D1D1; }

.order_summary_table td a:hover { text-decoration: underline; }

.order_summary_table td.summary_table_title { color: #e20074; font-size: 18px; line-height: 18px; padding: 10px 10px; width: 400px; }

.order_summary_table td.summary_monthly_expense_title { font-size: 14px; text-align: right; width: 145px; padding: 5px 10px; }

.order_summary_table td.summary_to_pay_title { font-size: 14px; text-align: right; width: 145px; padding: 5px 10px; }

.order_summary_table td.border_dashed { border-bottom: 1px dotted #D1D1D1; }

.summary_price_format { font-size: 20px; color: black; font-weight: bold; text-shadow: 1px 1px 1px white; margin: 6px 0; display: inline-block; }

.summary_price_format.small { font-size: 16px; }
.summary-offer-hl { font: bold 13px/1 Arial, Helvetica, sans-serif; display: block; color: #e20074; margin: 6px 0 0; }

.summary_price_format_total { font-size: 20px; color: #e20074; font-weight: bold; text-shadow: 1px 1px 1px white; }

.summary_picked_service_monthly_cost { /* background: #e2e2e2; */ text-align: right; vertical-align: middle; }

.summary_picked_service_fixed_price { text-align: right; vertical-align: middle; }

.summary_picked_service_fixed_price ul.kvacica { margin: 10px 0 0; }
.summary_picked_service_fixed_price ul.kvacica li { text-align: left; font-size: 11px; }

.summary_picked_service_fixed_price_note { color: #999; font-size: 11px; }

.included_services { font-size: 13px; line-height: 15px; }

.table_lightgray_cell { background: #fff; }

.table_darkgray_cell { background: #e9e9e9; }

.table_lightblue_cell { background: #e4f1f8; }

.table_darkblue_cell { background: #d9e6ed; }

.summary_row_category { float: left; width: 400px; font-size: 11px; margin-bottom: 10px; padding: 0px; }

.summary_gadget { float: left; width: 220px; padding: 0px 20px 0px 0px; }

.summary_service { float: left; width: 380px; padding: 0px 20px 0px 0px; }

.summary_service p { float: left; width: 380px; padding: 0px 0px 0px 0px; margin-bottom: 5px; }

.summary_gadget a { float: left; padding: 0px 0px 0px 0px; margin-bottom: 5px; }

.summary_quick_view_link { float: left; color: #333; font-size: 16px; font-weight: bold; line-height: 22px; margin-bottom: 5px; }

.summary_gadget_image { float: left; }

.order_summary_table td dl { margin: 5px 0px 0px 0px; float: left; width: 400px; }

.order_summary_table td dl dt { float: left; width: 16px; }

.order_summary_table td dl dt input { float: left; margin-top: 6px; height: 14px; }

.order_summary_table td dl dd { float: right; width: 375px; //text-align: right; line-height: 26px; }

.order_summary_table td dl dd label { //float: left; display: inline; font-weight: bold; font-size: 16px; line-height: 26px; }

.order_summary_table td dl dd label.small_print { font-size: 14px; line-height: 24px; font-weight: normal; }

.order_summary_table td select { border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0px 0px 0px 2px; }

.order_summary_table td dl h4 { margin: 0 0 15px; }

.order_summary_table td select.summary_loyalty_select { min-width: 50%; }

.order_summary_table td select option { padding: 0px 5px 0px 2px; }

.order_summary_table td p.order_summary_item { float: left; width: 400px; font-size: 16px; font-weight: bold; line-height: 22px; margin-top: 0px; padding: 0px; }

.order_summary_table td p.service_specs { float: left; width: 400px; font-size: 14px; font-weight: bold; line-height: 16px; margin-top: 0px; padding: 0px; }

.sumary_table_note { float: left; width: 375px; margin: 10px 0px 0px 0px; font-size: 14px; text-align: left; line-height: 16px; font-weight: normal; }

.sumary_table_legal_note { float: left; width: 720px; margin: 20px 0px 20px 0px; font-size: 14px; text-align: left; line-height: 16px; font-weight: normal; }

.order_summary_table td.additional_actions { padding-top: 50px; }

.order_summary_table td.summary_total_sum { padding: 30px 10px; font-size: 20px; font-weight: bold; }

.order_summary_table td.summary_delivery_info { padding: 10px 10px; font-size: 16px; font-weight: bold; }

.order_summary_table td.small_print { padding: 10px 10px; font-size: 11px; font-weight: normal; color: #999; }

.order_summary_table h3 { font-size: 16px; }

.summary_cancel_order_btn { float: left; }

.shopping_cart_service_title { font-size: 14px; color: #333; }

.shopping_cart_delivery_note { float: left; width: 730px; padding: 0px 0px 0px 10px; background-image: url(../images/tile_dostava.jpg); background-repeat: repeat-x; margin-bottom: 10px; height: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /* background: #b0006d; */ }

.shopping_cart_delivery_note span { float: left; width: 690px; height: 40px; line-height: 40px; text-align: left; font-size: 14px; font-weight: bold; color: white; padding: 0px 0px 0px 65px; background-image: url(../images/dostava.png); background-repeat: no-repeat; background-position: 0px 7px; }

.shopping_cart_action_btn_box { float: left; width: 740px; text-align: right; padding: 0px 0px 25px 0px; border-bottom: 1px solid #D1D1D1; margin-bottom: 40px; }

.shopping_cart_action_btn_box a:hover { text-decoration: underline; }

.shopping_cart_action_btn_box a.button:hover { text-decoration: none; }

.security_seal { float: left; margin: 30px 0px 0px 0px; border-top: 1px solid #D1D1D1; padding-top: 10px; width: 740px; }

.secured_visa { float: left; display: inline; width: 83px; height: 62px; margin: 0px 10px 0px 0px; }

.secured_master { float: left; display: inline; width: 104px; height: 56px; margin: 0px 10px 0px 0px; }

.secured_ax { float: left; display: inline; width: 111px; height: 46px; margin: 0px 10px 0px 0px; }

.summary_buy_btn { float: right; margin-right: 40px; }

.summary_specials_box { float: left; width: 740px; margin: 30px 0px 0px 0px; border-top: 1px solid #D1D1D1; padding-top: 80px; }

.summary_specials_box h2 { float: left; width: 740px; font-size: 16px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #D1D1D1; padding-bottom: 5px; color: #e20074; }

.summary_specials_box table { float: left; width: 740px; border-collapse: collapse; }

.summary_specials_box table td { padding: 10px 20px; text-align: left; font-size: 14px; border-bottom: 1px dotted #D1D1D1; }

.summary_specials_box table td.border_solid { border-bottom: 1px solid #D1D1D1; }

.summary_specials_box table td.specials_image_cell { width: 150px; padding: 10px 0px; }

.summary_specials_box table td.specials_choose_btn_cell { width: 110px; padding: 10px 0px; text-align: right; }

.specials_smallprint { float: left; margin-top: 10px; font-size: 11px; }

/* *************************************CHECKOUT STYLE***************************** */

.checkout_paragraph_lead { float: left; width: 740px; font-size: 16px; margin: 0px 0px 20px 0px; }

.checkout_paragraph_lead_first_on_page { float: left; width: 740px; font-size: 16px; margin: 20px 0px 20px 0px; }

.checkout_paragraph { float: left; width: 740px; font-size: 13px; line-height: 17px; margin: 0px 0px 20px 0px; }

.checkout_important_note_box { float: left; width: 700px; padding: 20px; background: #f2f2f2; margin: 0px 0px 30px 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.checkout_important_note_box ul { float: left; width: 700px; list-style-type: none; }

.checkout_important_note_box ul li { background-image: url("../images/bullet.jpg"); background-position: 0 5px; background-repeat: no-repeat; float: left; padding: 0px 0px 0px 10px; font-size: 13px; line-height: 17px; margin: 0px 0px 10px 0px; }

.checkout_unit { float: left; width: 738px; margin: 0px; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; margin-bottom: 50px; }

.checkout_unit_no_border { float: left; width: 738px; margin: 0px; margin-bottom: 20px; }

.checkout_unit_inner { background-image: url("../images/co_bottom.jpg"); background-position: 0 100%; background-repeat: no-repeat; float: left; margin-left: -1px; width: 740px; }

.checkout_unit_content { background-image: url("../images/co_top.jpg"); background-position: 0 0; background-repeat: no-repeat; float: left; margin-left: 0; padding: 0px 20px 10px 20px; width: 700px; }

.checkout_unit_content p { float: left; margin: 0px 0px 10px 0px; width: 700px; }

.checkout_unit_content ul { float: left; margin: 0px 0px 10px 20px; width: 680px; }

.checkout_unit_content ul li { float: left; margin: 0px 0px 5px 0px; width: 680px; }

.checkout_unit_content table { float: left; margin: 10px 0px 30px 0px; width: 700px; border-collapse: collapse; }

.checkout_unit_content table th { border-bottom: 1px solid #D1D1D1; padding: 5px 0px; }

.checkout_unit_content table td { border-bottom: 1px dotted #D1D1D1; padding: 5px 5px; }

.checkout_unit_content table td.article, .checkout_unit_content table th.article { width: 650px; text-align: left; }

.checkout_unit_content table td.article_price, .checkout_unit_content table th.article_price { width: 150px; text-align: right; }

.checkout_unit_content table td.total { border-top: 1px solid #D1D1D1; border-bottom: none; }


.checkout_unit_title { float: left; font-size: 16px; color: #e20074; padding: 5px 10px; margin: -13px 0px 20px 0px; background-color: white; }

.checkout_narrow_selection_column_left { float: left; width: 250px; }

.checkout_narrow_selection_column_right { float: right; width: 400px; }

.checkout_narrow_selection_column_right a { float: right; margin: 0 0 0 0.5em; display: block; height: 1.6875em; width: 2.6875em; background: transparent url(../images/kartice_sprite.jpg) no-repeat 0 0; }
.checkout_narrow_selection_column_right a.amex { background-position: 0 0; width: 2.25em; }
.checkout_narrow_selection_column_right a.diners { background-position: -40px 0; }
.checkout_narrow_selection_column_right a.mc { background-position: -86px 0; }
.checkout_narrow_selection_column_right a.maestro { background-position: -135px 0; }
.checkout_narrow_selection_column_right a.visa { background-position: -183px 0; }

.checkout_narrow_selection_column_right .control_number { display: inline-block; margin: 8px 0px 0px 3px; line-height: 14px; vertical-align: top; background-image: url(../images/icons.png); background-position: 0px -1001px; background-repeat: no-repeat; width: 12px; height: 12px; cursor: pointer; }

.checkout_narrow_selection_column_right .control_number:hover { background-position: -22px -1001px; }

.checkout_narrow_selection_column_right a.sec_code { margin: 10px 0px 0px 0px; }

.checkout_unit_content dl.cc_text_input { float: left; padding: 0px 0px; width: 440px; margin: 0px 0px 7px 0px; }

.checkout_unit_content dl.cc_text_input dt { float: left; padding: 0px 10px 0px 0px; width: 100px; margin: 0px 0px 0px 0px; white-space: nowrap; text-align: right; line-height: 28px; }

.checkout_unit_content dl.cc_text_input dd { float: left; padding: 0px 0px 0px 0px; width: 300px; margin: 0px 0px 0px 0px; }

.checkout_unit_content dl.cc_text_input dd input { float: left; padding: 0px 10px 0px 10px; width: 250px; margin: 0px 0px 0px 0px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #eee; }

.checkout_unit_content dl.cc_text_input dd select { float: left; /* display: inline-block; */ padding: 2px 0px 2px 10px; width: 70px; margin: 3px 10px 0px 0px; font-size: 14px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; vertical-align: middle; }

.checkout_unit_content dl.text_input, .checkout_unit_content dl.check_input, .checkout_unit_content dl.check_input_stores { float: left; padding: 0px 0px; width: 700px; margin: 0px 0px 7px 0px; }

.checkout_unit_content dl.text_input .topuperror {font-size:0.875em;}

.checkout_unit_content dl.text_input dt { float: left; padding: 0px 10px 0px 0px; width: 140px; margin: 0px 0px 0px 0px; white-space: nowrap; text-align: right; line-height: 28px; }

.checkout_unit_content dl.text_input dd { float: left; padding: 0px 0px 0px 0px; width: 550px; margin: 0px 0px 0px 0px; }

.checkout_unit_content dl.text_input dd input { float: left; padding: 0px 10px 0px 10px; width: 290px; margin: 0px 0px 0px 0px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #eee; }

.checkout_unit_content dl.text_input dd input.short { width: 224px; }

.checkout_unit_content dl.text_input dd input:focus { background: #e3f1f7; }

.checkout_unit_content dl.text_input dd input.error { background: #ffe3f0; }

.checkout_unit_content dl.text_input label, .checkout_unit_content dl.check_input label, .checkout_unit_content dl.check_input_stores label { font-size: 14px; }

.error_input_field_message { display: inline; font-size: 14px; font-style: normal; color: #e20074; padding: 0px 0px 0px 17px; background-image: url(../images/icons.png); background-repeat: no-repeat; background-position: 0px 0px; line-height: 28px; margin-left: 5px; }


.checkout_unit_content dl.text_input textarea { float: left; padding: 10px; width: 440px; margin: 0px 0px 0px 0px; height: 150px; line-height: 17px; font-size: 14px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #eee; }

.checkout_unit_content dl.text_input span.personal_message { float: right; font-style: normal; width: 270px; }

.checkout_unit_content dl.text_input dd select { float: left; /* display: inline-block; */ padding: 2px 0px 2px 10px; width: 310px; margin: 3px 0px 0px 0px; font-size: 14px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; vertical-align: middle; }

.checkout_unit_content dl.text_input dd select.predbroj { width: 60px; margin: 0 6px 0 0; padding: 5px 3px 4px 5px; }

.checkout_unit_content dl.text_input dd.checkout_unit_content_plain_text { line-height: 28px; font-weight: bold; }

.checkout_unit_content dl.text_input dd select.phonebook_selector { width: 200px; margin-left: 20px; height: 28px; margin-top: 0px; }

.input_field_note { float: left; margin-left: 10px; font-size: 11px; /* font-style: normal; */ line-height: 17px; }

.checkout_unit_content dl.check_input dt { float: left; padding: 0px 10px 0px 0px; width: 40px; margin: 0px 0px 0px 0px; text-align: right; }

.checkout_unit_content dl.check_input dd { float: left; padding: 0px 0px 0px 0px; width: 580px; margin: 0px 0px 0px 0px; }

.checkout_unit_content dl.check_input dd input { float: left; padding: 0px 10px 0px 10px; width: 290px; margin: 0px 0px 0px 0px; font-size: 14px; }

.checkout_unit_content dl.check_input_stores dt { float: left; padding: 0px 10px 0px 0px; width: 140px; margin: 0px 0px 0px 0px; text-align: right; }

.checkout_unit_content dl.check_input dd.simpa_bon_box { margin-left: 110px; }

.checkout_unit_content dl.check_input dd a.simpa_bon_note { display:none; float: left; padding: 0px 0px 0px 0px; width: 107px; height: 52; margin: 0px 20px 0px 0px; background-image: url(../images/bg_bon.jpg); background-repeat: no-repeat; font-size: 24px; font-weight: bold; text-shadow: 1px 1px 1px white; color: #999; line-height: 52px; text-align: center; }

.checkout_unit_content dl.check_input dd a.simpa_bon_note_selected { display:none; float: left; padding: 0px 0px 0px 0px; width: 107px; height: 52; margin: 0px 20px 0px 0px; background-image: url(../images/bg_bon.jpg); background-position: 0px -52px; background-repeat: no-repeat; font-size: 24px; font-weight: bold; text-shadow: 1px 1px 1px white; color: #999; line-height: 52px; text-align: center; color: #333; }

.checkout_unit_content dl.check_input dd a.simpa_bon_note:hover { background-position: 0px -52px; color: #333; }

.checkout_unit_content dl.check_input_stores dd { float: left; padding: 0px 0px 0px 0px; width: 550px; margin: 0px 0px 0px 0px; }

.checkout_unit_terms_conditions { float: left; width: 720px; margin: 0px 0px 30px 0px; padding: 0px 10px 10px 10px; }

.checkout_unit_border { border-bottom: 1px solid #D1D1D1; }

/*.checkout_unit_terms_conditions {
display: none;
float: left;
}*/

.checkout_unit_terms_conditions h2 { float: left; width: 720px; margin: 0px 0px 10px 0px; font-size: 14px; color: black; }

.checkout_unit_terms_conditions dl { float: left; padding: 0px 0px; width: 720px; margin: 0px 0px 10px 0px; padding-bottom: 10px; /*border-bottom: 1px dotted #D1D1D1;*/ }

.checkout_unit_terms_conditions dl h2 { margin-bottom: 0px; }


.checkout_unit_terms_conditions dl.no_border { border: none; }

.checkout_unit_terms_conditions dl.last { border: none; }

.checkout_unit_terms_conditions dl dt { float: left; padding: 0px 0px 0px 0px; width: 25px; margin: 0px 0px 0px 0px; text-align: left; }

.checkout_unit_terms_conditions dl dd { float: left; padding: 0px 0px 0px 0px; width: 610px; margin: 0px 0px 0px 0px; }

.text-input { float: left; padding: 0px 10px 0px 10px; width: 290px; margin: 6px 0px 0px 0px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #eee; }

.text-input:focus { background: #e3f1f7; outline: none; }

/* **********************************LANDING PAGES TAB STYLE***************************** */

.tab_menu_container { float: left; height: 54px; margin-bottom: 30px; overflow: hidden; width: 100%; }

.landing_page_main_content_box .tab_menu_container { margin-bottom: 0; }

.tab_menu_760 { width: 760px; }

.tab_menu_960 { width: 100%; }

.tab_menu_container ul { float: left; width: 100%; height: 53px; list-style-type: none; border-bottom: 1px solid #D1D1D1; }

.tab_menu_container ul li { float: left; cursor: pointer; display: inline; font-size: 20px; line-height: 1; font-family: Tele-groteskFet; margin: 0 0 1px; padding: 0 0 0 1px; text-align: center; text-shadow: 1px 1px 1px white; height: 52px; display: table; #position: relative; overflow: hidden; white-space: nowrap; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.tab_menu_container ul li.magenta { background-image: url("../images/bg_tab-magenta.jpg"); }

.tab_menu_container.tab_menu_960 ul li { font-family: Tele-grotesk; }

.tab_menu_container ul li:first-child { padding-left: 0; }

.tab_menu_container ul li div.tab_title_wrapper { #position: absolute; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle; background: #f2f2f2; background: -moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 58%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(58%,#e6e6e6)); background: -webkit-linear-gradient(top, #f2f2f2 0%,#e6e6e6 58%); background: -o-linear-gradient(top, #f2f2f2 0%,#e6e6e6 58%); background: -ms-linear-gradient(top, #f2f2f2 0%,#e6e6e6 58%); background: linear-gradient(to bottom, #f2f2f2 0%,#e6e6e6 58%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e6e6',GradientType=0 ); }
.tab_menu_container ul li.mouse_over div.tab_title_wrapper { background: #eaf9ff; background: -moz-linear-gradient(top, #eaf9ff 0%, #c4eaf7 58%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf9ff), color-stop(58%,#c4eaf7)); background: -webkit-linear-gradient(top, #eaf9ff 0%,#c4eaf7 58%); background: -o-linear-gradient(top, #eaf9ff 0%,#c4eaf7 58%); background: -ms-linear-gradient(top, #eaf9ff 0%,#c4eaf7 58%); background: linear-gradient(to bottom, #eaf9ff 0%,#c4eaf7 58%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf9ff', endColorstr='#c4eaf7',GradientType=0 ); }

.tab_menu_container ul li span.tab_title { #position: relative; #top: -50%; #left: -50%; line-height: 18px; width: 100%; }

.tab_menu_container ul li span.tab_small_print { font-family: Tele-grotesk; font-size: 15px; text-shadow: 1px 1px 1px white; white-space: nowrap; font-weight: normal; display: block; }

.tab_menu_container ul li.selected { background: #fff; border: 1px solid #D1D1D1; border-bottom: none; height: 54px; }
.tab_menu_container ul li.selected div.tab_title_wrapper { background: #fff; filter: none; }

.tab_menu_container ul.double_tab li { width: 50%; }

.tab_menu_container ul.triple_tab li { width: 33.33333333333333%; }

.tab_menu_container ul.quadriple_tab li { width: 25%; font-size: 18px; }

.tab_menu_container ul.quintuple_tab li { width: 20%; }

.tab_menu_container ul.sixtiple_tab li { width: 16.66666666666667%; }

.home-box-quarter { list-style-type: none; }

.home-box-quarter li { float: left; display: inline-block; width: 23.5%; padding: 0.5em 0.875em 0.75em; border: 1px solid #D1D1D1; margin: 0 0 0 2%; -webkit-border-radius: 0.375em; -moz-border-radius: 0.375em; border-radius: 0.375em; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 104px; }

.home-box-quarter li:first-child { margin: 0; }

.home-box-quarter li:hover { border: 1px solid #e20074; }

.home-box-quarter li h3, .home-box-quarter li h3 a { margin: 0 0 6px; font-size: 20px; font-weight: normal; font-family: "Tele-grotesk"; color: #333; }

.home-box-quarter li:hover h3, .home-box-quarter li:hover h3 a { color: #e20074; }

.home-box-quarter li p { margin: 0 40px 0 0; font-size: 14px; }

.home-box-quarter li a { color: #333; }

.home-box-quarter li .icon { position: absolute; right: -6px; bottom: -11px; width: 60px; height: 80px; background: transparent url(../images/home-box-icons.png) no-repeat 0 0; }

.home-box-quarter li .icon.switch { background-position: 0 -80px; }
.home-box-quarter li:hover .icon.switch { background-position: 0 0; }
.home-box-quarter li .icon.upgrade { background-position: -60px -80px; }
.home-box-quarter li:hover .icon.upgrade { background-position: -60px 0; }
.home-box-quarter li .icon.travel { background-position: -120px -80px; }
.home-box-quarter li:hover .icon.travel { background-position: -120px 0px; }

.home-box-quarter li .selector, .home-box-quarter li .selector { width: 100%; }

.home-box-quarter li select { float: left; padding: 2px 2px 2px 8px; width: 100%; margin: 0 0 6px; font-size: 14px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; vertical-align: middle; }

/* *************************************COMPARE STYLE************************************* */

.compare_dashboard_container { height: 47px; left: 0px; position: fixed; bottom: 0px; width: 100%; z-index: 200; }

.compare_dashboard_box { float: left; width: 940px; height: 48px; background-image: url(../images/ui.png); background-repeat: no-repeat; background-position: 0px -337px; padding: 0px 10px; }

.compare_btn { float: right; margin: 5px 0px 0px 20px; }

.compare_selection_cancel { float: right; line-height: 48px; /* text-shadow: 1px 1px 1px white; */ }

.compare_selection_cancel:hover { text-decoration: underline; }

.compare_dashboard_title { float: left; line-height: 48px; font-size: 16px; color: #333; color: white; /* text-shadow: 1px 1px 1px white; */ font-weight: bold; margin-left: 10px; }

.compare_dashboard_box ul { float: right; list-style-type: none; width: 540px; overflow: hidden; height: 48px; }

.compare_dashboard_box ul li { float: left; position: relative; width: 140px; margin-right: 20px; height: 48px; line-height: 48px; overflow: hidden; font-size: 16px; padding-left: 20px; color: white; }

.compare_dashboard_box ul li a { position: absolute; left: 0px; top: 17px; width: 14px; height: 14px; background-image: url(../images/ui.png); background-position: 0px -313px; background-repeat: none; }

.compare_dashboard_box ul li a:hover { background-position: -24px -313px; }

.compare_selected_link { color: #999; font-size: 11px; }

/*.compare_table_container {
float: left;
width: 760px;
margin-bottom: 40px;
}*/

.compare_table { float: left; border-collapse: collapse; table-layout: fixed; width: 760px; }

/* ----------------in cese two gadgets are compared--------------- */
.two_gadgets { width: 567px; width: 760px; }

/* ----------------in cese three gadgets are compared--------------- */
.three_gadgets { width: 760px; }

.compare_table td { /* width: 182px; */ padding: 5px; border-left: 1px solid #D1D1D1; text-align: center; }

.compare_table td a { font-weight: normal; font-size: 14px; }

.compare_table tr.highlited { background: #f0f0f0; }

.compare_table td.characteristics_title_filters { width: 180px; padding: 5px 11px 5px 0px; border-left: none; border-bottom: 1px solid #D1D1D1; text-align: left; }

.compare_table td.characteristics_title { width: 165px; padding: 5px 11px 5px 5px; border-left: none; border-bottom: 1px solid #D1D1D1; font-size: 14px; text-align: left; }

.compare_table td.characteristics_title.center { text-align: center; }

.compare_table td.characteristics_tarif_title { width: 165px; padding: 5px 11px 5px 5px; border-left: none; border-bottom: 1px solid #D1D1D1; font-size: 11px; text-align: left; }

.compare_gadget_title { font-weight: bold; font-size: 14px; color: #e20074; line-height: 18px; /* width: 273px; */ }

.compare_table td.compare_gadget_title a { font-weight: bold; font-size: 16px; color: #333; line-height: 18px; }

.compare_gadget_title a:hover { text-decoration: underline; }


.compare_gadget_image { text-align: center; }

.compare_gadget_image a img { border: none; }

.compare_gadget_short_specs_list ul { float: left; width: 182px; width: 100%; list-style-type: none; border-top: 1px dotted #D1D1D1; border-bottom: 1px dotted #D1D1D1; padding: 10px 0px 5px 0px; }

.compare_gadget_short_specs_list li { float: left; width: 182px; width: 100%; margin-bottom: 5px; text-align: center; }

.compare_table td.compare_full_specs_link { border-bottom: 1px solid #D1D1D1; padding-bottom: 10px; }

.compare_table td.compare_full_specs_link a { font-weight: normal; font-size: 11px; }

.compare_table td.compare_full_specs_link a:hover { text-decoration: underline; }

.compare_bonus_bodovi { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #D1D1D1; }

.compare_bonus_bodovi select { float: left; width: 182px; -moz-border-radius: 4px 4px 4px 4px; border: 1px solid #D1D1D1; display: inline; padding: 0 0 0 3px; margin: 10px 0px; }

.compare_table td.compare_trajni_nalog { border-bottom: 1px solid #D1D1D1; border-left: none; }

.compare_table td.compare_trajni_nalog label { float: left; font-size: 14px; line-height: 14px; margin: 0px; min-height: 14px; }

.compare_table td.compare_trajni_nalog input { float: left; height: 14px; margin: 0px 4px 0px 20px; padding: 2px 0 0; }

.compare_tarif_left_title { width: 86px; padding-left: 0px; font-size: 11px; border-bottom: 1px solid #D1D1D1; }

.compare_tarif_right_title { width: 86px; padding-right: 0px; font-size: 11px; border-bottom: 1px solid #D1D1D1; }

.compare_table td.compare_tarif_left { width: 86px; padding-left: 0px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #D1D1D1; vertical-align: top; padding-top: 10px; }

.compare_table td.compare_tarif_right { width: 86px; padding-right: 0px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #D1D1D1; vertical-align: top; padding-top: 10px; }

.compare_table td.compare_trajni_nalog input { float: left; height: 14px; margin: 0px 4px 0px 20px; padding: 2px 0 0; }

.compare_table td .dashed_box { float: left; width: 182px; width: 100%; padding: 10px 0px 0px 0px; border-top: 1px dotted #D1D1D1; font-weight: bold; line-height: 18px; }

.compare_table td .dashed_box a { font-size: 11px; }

.compare_table td .dashed_box a:hover { text-decoration: underline; }

.compare_price_note { font-size: 11px; color: #999; font-weight: normal; }

.compare_buy_button_cell { border-bottom: 1px solid #D1D1D1; }

.accessory_amount_picker_compare { font-size: 11px; margin: 10px 0px 5px 0px; position: relative; }

.phone_not_available_compare { font-size: 11px; margin: 10px 0px 0px 0px; position: relative; }

.compare_buy_button { margin: 5px 0px; }

.compare_table td.compare_characteristics_cell { text-align: left; border-bottom: 1px solid #D1D1D1; line-height: 17px; font-size: 14px; }

/* ***********************************INPUT STYLE****************************************** */
/*.text_input {
height: 26px;
line-height: 26px;
font-size: 14px;
border: 1px solid #D1D1D1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}*/

/* ********************************BUTTONS STYLE**************************************** */

.button { display: inline-block; /*margin-top: 0px;
margin-left: 0px;*/ height: 36px; padding: 0px 18px 0px 0px; background-image: url(../images/buttons.png); }

.button:hover { text-decoration: none !important; }

.inactive_btn { display: inline-block; background-position: right -406px; height: 36px; padding: 0px 18px 0px 0px; background-image: url(../images/buttons.png); }

.inactive_btn.small { background-position: right -530px; height: 24px; padding: 0px 10px 0px 0px; }

.button_next { display: inline-block; /*margin-top: 0px;
margin-left: 0px;*/ height: 36px; padding: 0px 30px 0px 0px; background-image: url(../images/buttons.png); }

.button span { float: left; margin-top: 0px; height: 36px; line-height: 34px; color: white; padding: 0px 10px 0px 28px; background-image: url(../images/buttons.png); font-size: 18px; cursor: pointer; font-family: Tele-grotesk; }

.inactive_btn span { float: left; margin-top: 0px; height: 36px; line-height: 34px; color: #999; padding: 0px 5px 0px 23px; background-image: url(../images/buttons.png); font-size: 18px; font-family: Tele-grotesk; background-position: left -406px; }

.inactive_btn.small span { height: 24px; line-height: 23px; padding: 0px 10px 0px 20px; font-size: 14px; background-position: left -530px; }

.button_next span { float: left; margin-top: 0px; height: 36px; line-height: 34px; color: white; padding: 0px 10px 0px 28px; background-image: url(../images/buttons.png); font-size: 18px; font-family: Tele-grotesk; cursor: pointer; }

.button:active, .button_next:active { position: relative; top: 1px; }

.magenta_btn { background-position: right -98px; font-size: 14px; }

.magenta_btn span { background-position: left -98px; }

.magenta_btn:hover { background-position: right -134px; }

.magenta_btn:hover span { background-position: left -134px; }

.magenta_btn:active { background-position: right -170px; }

.magenta_btn:active span { background-position: left -170px; }

.magenta_buy_btn { background-position: right -1130px; font-size: 14px; padding-right: 42px; }

.magenta_buy_btn span { background-position: left -1130px; padding-left: 23px; padding-right: 7px; }

.magenta_buy_btn:hover { background-position: right -1166px; }

.magenta_buy_btn:hover span { background-position: left -1166px; }

.magenta_buy_btn:active { background-position: right -1202px; }

.magenta_buy_btn:active span { background-position: left -1202px; }

.gray_buy_btn { background-position: right -1390px; font-size: 14px; padding-right: 42px; }

.gray_buy_btn span { background-position: left -1390px; padding-left: 23px; padding-right: 7px; color: #333; }

.gray_buy_btn:hover { background-position: right -1426px; }

.gray_buy_btn:hover span { background-position: left -1426px; }

.gray_buy_btn:active { background-position: right -1462px; }

.gray_buy_btn:active span { background-position: left -1462px; }

.magenta_next_btn { background-position: right -882px; font-size: 14px; }

.magenta_next_btn span { background-position: left -882px; }

.magenta_next_btn:hover { background-position: right -918px; }

.magenta_next_btn:hover span { background-position: left -918px; }

.magenta_next_btn:active { background-position: right -954px; }

.magenta_next_btn:active span { background-position: left -954px; }

.gray_btn { background-position: right -406px; font-size: 14px; }

.gray_btn span { background-position: left -406px; color: #333; }

.gray_btn:hover { background-position: right -442px; }

.gray_btn:hover span { background-position: left -442px; }

.gray_btn:active { background-position: right -478px; }

.gray_btn:active span { background-position: left -478px; }

.black_btn { background-position: right -222px; font-size: 14px; }

.black_btn span { background-position: left -222px; }

.black_btn:hover { background-position: right -258px; }

.black_btn:hover span { background-position: left -258px; }

.black_btn:active { background-position: right -294px; }

.black_btn:active span { background-position: left -294px; }


.black_next_btn { background-position: right -1006px; font-size: 14px; }

.black_next_btn span { background-position: left -1006px; }

.black_next_btn:hover { background-position: right -1042px; }

.black_next_btn:hover span { background-position: left -1042px; }

.black_next_btn:active { background-position: right -1078px; }

.black_next_btn:active span { background-position: left -1078px; }

.cmp_btn { background-position: right -758px; font-size: 14px; }

.cmp_btn span { background-position: left -758px; line-height: 38px; }

.cmp_btn:hover { background-position: right -796px; }

.cmp_btn:hover span { background-position: left -796px; }

.cmp_btn:active { background-position: right -834px; }

.cmp_btn:active span { background-position: left -834px; }

.print { display: inline-block; height: 16px; padding: 0px 0px 0px 26px; background-image: url(../images/icons.png); background-repeat: no-repeat; background-position: 0px -307px; line-height: 16px; cursor: pointer; }

.print:hover { text-decoration: underline; }

.back_btn_box { float: left; margin: 0px 0px 20px 0px; width: 740px; }

.back_btn_box.device { margin: 6px 0px 14px 0px; }

.empty_shopping_cart { float: right; }

.small_button { display: inline-block; /*margin-top: 0px;
margin-left: 0px;*/ height: 24px; padding: 0px 10px 0px 0px; background-image: url(../images/buttons.png); }

.small_button span { float: left; margin-top: 0px; height: 24px; line-height: 23px; color: #333; padding: 0px 10px 0px 20px; background-image: url(../images/buttons.png); font-size: 15px; font-family: Tele-grotesk; cursor: pointer; }

.small_button:active { position: relative; top: 1px; }

.back_button { background-position: right -606px; font-size: 14px; }

.back_button span { padding-left: 25px; background-position: left -606px; }

.back_button:hover { background-position: right -630px; }

.back_button:hover span { background-position: left -630px; }

.back_button:active { background-position: right -654px; }

.back_button:active span { background-position: left -654px; }

.magenta_small_button { background-position: right -1254px; font-size: 14px; }

.magenta_small_button span { padding-left: 25px; background-position: left -1254px; padding-left: 20px; color: #fff; }

.magenta_small_button:hover { background-position: right -1278px; }

.magenta_small_button:hover span { background-position: left -1278px; }

.magenta_small_button:active { background-position: right -1302px; }

.magenta_small_button:active span { background-position: left -1302px; }

.x_button { background-position: right -682px; font-size: 14px; }

.x_button span { padding-left: 25px; background-position: left -682px; }

.x_button:hover { background-position: right -706px; }

.x_button:hover span { background-position: left -706px; }

.x_button:active { background-position: right -730px; }

.x_button:active span { background-position: left -730px; }

.gray_small_button { background-position: right -530px; font-size: 14px; }

.gray_small_button span { background-position: left -530px; }

.gray_small_button:hover { background-position: right -554px; }

.gray_small_button:hover span { background-position: left -554px; }

.gray_small_button:active { background-position: right -578px; }

.gray_small_button:active span { background-position: left -578px; }

/* *********************************COLORS***************************************** */

.text_magenta { color: #e20074; }

.text_gray { color: #666; }

.text_light_gray { color: #999; }

.text_dark_gray { color: #333; }

/* *****************************SHOPPING CART************************************* */
.process_shopping_cart_box { float: right; width: 180px; }

.shopping_cart_container { float: left; width: 178px; margin-bottom: 20px; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; }

.shopping_cart_box_inner { float: left; width: 180px; background-image: url(../images/shopping_cart_bottom.jpg); background-repeat: no-repeat; background-position: 0px 100%; margin-left: -1px; padding-bottom: 5px; }

.shopping_cart_info_gray_bckg { background: #f2f2f2; }

.shopping_cart_content_box { float: left; width: 176px; background-image: url(../images/shopping_cart_top.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding: 4px 2px; margin-left: 0px; }

.inactive_shopping_cart_product { float: left; width: 156px; height: 30px; line-height: 30px; padding: 0px 10px; background-image: url(../images/tile_kosarica_passive.jpg); background-repeat: repeat-x; /*color: #979797;
text-shadow: 1px 1px 1px white;
font-size: 14px;
font-weight: bold;*/ margin-bottom: 1px; }

.inactive_shopping_cart_product:hover { background-image: url(../images/tile_kosarica_passive_hover.jpg); background-repeat: repeat-x; text-decoration: none; }

.inactive_shopping_cart_product span { float: left; width: 156px; height: 30px; line-height: 30px; padding: 0px 0px; background-image: url(../images/ui.png); background-position: -330px -249px; color: #333; text-shadow: 0 1px 0 white; font-size: 17px; font-weight: normal; cursor: pointer; font-family: "Tele-grotesk"; }

.inactive_shopping_cart_product:hover span { background-position: -84px -249px; text-decoration: none; color: #333; }

.shopping_cart_active_box { float: left; width: 176px; background-image: url(../images/tile_kosarica_active.jpg); background-repeat: repeat-x; padding: 0px 0px 0px 0px; }

.shopping_cart_active_box h3 { float: left; width: 156px; font-size: 14px; color: #e20074; padding: 0px 10px 0px 10px; line-height: 30px; }

.active_subcategory_link { float: left; width: 154px; /*height: 30px;
line-height: 30px;*/ padding: 7px 10px; border-top: 1px solid #D1D1D1; margin: 0px 0px 0px 1px; }

.active_subcategory_link span { float: left; width: 154px; /*height: 30px;
line-height: 30px;*/ padding: 0px 0px; background-image: url(../images/ui.png); background-position: -332px -255px; color: #979797; font-size: 13px; cursor: pointer; }

.active_subcategory_link:hover span { background-position: -86px -255px; color: black; }

.shopping_active_process_box { float: left; width: 176px; padding: 10px 0px; border-top: 1px solid #D1D1D1; }

.shopping_active_process_box_title { float: left; width: 156px; font-size: 13px; line-height: 16px; font-weight: bold; padding: 0px 10px 5px 10px; }

.shopping_active_process_box ul { float: left; width: 176px; list-style-type: none; }

.shopping_active_process_box ul li { float: left; width: 156px; margin: 5px 0px 5px 0px; font-size: 11px; padding: 0px 10px 5px 10px; border-bottom: 1px dotted #D1D1D1; }

.shopping_active_process_box ul li.passed { color: #999; }

.shopping_active_process_box ul li a.shopping_process_step { float: left; width: 138px; font-weight: bold; margin: 0px 0px 5px 0px; background-image: url(../images/icons.png); padding: 0px 0px 0px 18px; line-height: 14px; }

.shopping_active_process_box ul li .shopping_process_step_checkout { float: left; width: 156px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; line-height: 14px; }

.shopping_cart_first_step, .shopping_cart_first_step_passed:hover { background-position: 0px -669px; color: #333; }

.shopping_cart_first_step_passed { background-position: 0px -449px; color: #999; }

.shopping_cart_second_step, .shopping_cart_second_step_passed:hover { background-position: 0px -713px; color: #333; }

.shopping_cart_second_step_passed { background-position: 0px -493px; color: #999; }

.shopping_cart_third_step, .shopping_cart_third_step_passed:hover { background-position: 0px -757px; color: #333; }

.shopping_cart_third_step_passed { background-position: 0px -537px; color: #999; }

.shopping_active_process_box ul li p { float: left; width: 156px; /* font-style: normal; */ font-size: 11px; }

.shopping_active_process_box ul li ul li { float: left; width: 138px; /* font-style: normal; */ font-size: 11px; line-height: 11px; margin: 0px 0px 0px 0px; border: none; padding-left: 18px; }

.shopping_active_process_box ul li ul li a:hover { text-decoration: underline; }

.shopping_active_process_box ul li ul.checkout_item_list li { float: left; width: 144px; /* font-style: normal; */ font-size: 14px; line-height:normal; margin: 0px 0px 0px 0px; border: none; padding-left: 12px; }

.shopping_active_process_box ul li img { float: left; clear: both; margin: 10px 0px 10px 0px; }

.shopping_active_process_box_title span { display: inline; color: #e20074; }

.shopping_info_box { float: left; width: 156px; padding: 5px 10px 10px 10px; }

.payment_amount { float: left; width: 156px; padding: 0px 10px 10px 10px; /* border-top: 1px dotted #dbdbdb; */ margin-top: 0px; font-size: 11px; }

.shopping_cart_btn { float: left; width: 176px; text-align: center; margin-top: 10px; }

.shopping_cart_btn .button span { padding: 0px 5px 0px 23px; }

.delivery_title { float: left; width: 176px; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; margin-top: 10px; }

.delivery_box { float: left; width: 156px; padding: 0px 10px; }

.delivery_box ul { float: left; width: 156px; list-style-type: none; margin: 10px 0px 10px 0px; }

.delivery_box ul li { float: left; width: 156px; margin: 0px 0px 3px 0px; font-size: 11px; }

.monthly_payment_amount { font-size: 20px; font-weight: bold; color: #e20074; }

.sales_lead_amount { margin-top: 5px; font-size: 14px; color: #e20074; }

.shopping_advantages_box { float: left; width: 180px; margin: 0px 0px 20px 0px; background-image: url(../images/tile_safe_shopping.jpg); background-repeat: repeat-y; }

.shopping_advantages_box_inner { float: left; width: 180px; background-image: url(../images/bg_safe_shopping_bottom.jpg); background-repeat: no-repeat; background-position: 0px 100%; }

.shopping_advantages_box_content_box { float: left; width: 160px; background-image: url(../images/bg_safe_shopping_top.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding: 8px 10px 10px 10px; }

.shopping_advantages_box_content_box img { float: left; margin: 5px 0px 10px 0px; }

.shopping_advantages_box_content_box h3 { float: left; width: 160px; margin-bottom: 10px; font-size: 14px; color: #e20074; }

.shopping_advantages_box_content_box h4 { float: left; width: 160px; margin-bottom: 6px; }

.shopping_advantages_box_content_box ul { float: left; width: 160px; list-style-type: none; margin-bottom: 10px; }

.shopping_advantages_box_content_box ul.arrow { margin: 0; }

.shopping_advantages_box_content_box ul li { float: left; width: 160px; margin-bottom: 5px; font-size: 11px; }

.shopping_advantages_box_content_box p { float: left; width: 160px; margin-bottom: 10px; font-size: 11px; line-height: 15px; }

.shopping_advantages_box_content_box table { float: left; width: 160px; border-collapse: collapse; }

.shopping_advantages_box_content_box table td { width: 80px; border-bottom: 1px solid #D1D1D1; padding: 0px 0px; font-size: 11px; }

.shopping_advantages_box_content_box table td div { float: left; width: 100%; height: 100%; border-bottom: 1px solid white; padding: 4px 0px; }

.shopping_advantages_box_content_box table td.days { text-align: right; }

.right_column_box { float: left; width: 180px; margin: 0px 0px 20px 0px; }

/* *********************************************FOOTER*************************** */

.footer_box { float: left; margin-top: 0px; width: 100%; background: #eee; background-image: url(../images/tile_footer.jpg); background-repeat: repeat-x; padding: 35px 0px 0px 0px; z-index: 100; }

.footer_menu { float: left; width: 100%; list-style-type: none; }

.footer_menu > li { float: left; width: 18.4%; padding-left: 2%; }

.footer_menu > li:first-child { padding-left: 0; }

.footer_menu li a { float: left; line-height: 1.4; margin: 0px 0px 12px 0px; font-size: 15px; color: #666; font-family: Tele-groteskFet; }

.footer_menu li a:hover { text-decoration: underline; color: #e20074; }

.footer_menu ul { list-style-type: none; }

.footer_menu li ul li a { float: left; width: 100%; color: gray; margin: 0px 0px 12px 0px; font-weight: normal; font-family: Tele-grotesk; line-height: 1.125em; }

.footer_social { float: left; margin: 2.5em 0 0; }

.footer_social p.mobile { display: none; }

.footer_social span { float: left; color: gray; margin: 0 0.25em 0 0; font: normal 1.5em/1 Tele-groteskFet; }

.footer_social a { float: left; margin: 0 0 0 0.5em; width: 1.5em; height: 1.5em; background: transparent url(../images/social-footer.png) no-repeat 0 0; }

.footer_social a.footer_fb { background-position: 0 0; }

.footer_social a.footer_tw { background-position: -1.5em 0; }

.footer_social a.footer_utube { background-position: -3em 0; }

.footer_social a.footer_linkedin { background-position: -6em 0; }

.footer_social a.footer_googleplus { background-position: -4.5em 0; }

.footer_copy_legal { float: left; width: 100%; margin: 1.4em 0; color: gray; font-family: Tele-grotesk; font-size: 0.875em; }

.footer_copy_legal a { color: gray; }

.footer_copy_legal a:hover { text-decoration: underline; }

.footer_devoted { float: right; background: transparent url(../images/devoted-sticker.png) no-repeat right 50%; padding: 0 4em 0 0; margin: 1.5em 0 0; display: inline-block; }
.footer_devoted p { color: gray; font: normal 0.9375em/4 Tele-groteskfet; text-transform: uppercase; }

.devoted-banner { background: transparent url(../images/devoted-sticker.png) no-repeat left 50%; padding: 0 0 0 4em; margin: 1.25em 0 0; display: inline-block; }
.devoted-banner p { font: normal 0.9375em/4 Tele-grotesk; text-transform: uppercase; color: #333; }

.footer_box .desktop-switch { display: none; }
/* *************************************MAXTV, MAXADSL STYLE***************************** */
.action_filter { /*background-image: url(../images/tile_akcija.jpg);
background-repeat: repeat-y;*/ }

.action_filter_box_inner { /*float: left;
width: 170px;
background-image: url(../images/bg_akcija_bottom.jpg);
background-repeat: no-repeat;
background-position: 0px 100%;*/ }

.action_filter_content_box { /*float: left;
width: 150px;
background-image: url(../images/bg_akcija_top.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 15px 10px 5px 10px;*/ }

.action_teser_box { float: left; width: 150px; border-top: 1px dotted #D1D1D1; padding: 5px 0px 0px 0px; margin: 5px 0px 5px 9px; text-align: center; }

.action_teser_box:first-child { border-top: none; }

.action_teser_box p { float: left; text-align: left; width: 150px; padding: 0px 0px; margin: 7px 0px 0px 0px; font-size: 14px; font-weight: normal; line-height: 16px; }

.action_teser_box a:hover { text-decoration: underline; }

.action_teser_box a.small_button:hover { text-decoration: none; }

.action_teaser_box { list-style-type: none; }

.action_teaser_box li { float: left; width: 150px; border-top: 1px dotted #D1D1D1; padding: 5px 0px 0px 0px; margin: 3px 0px 7px 9px; text-align: center; }

.action_teaser_box li:first-child { border-top: none; }

.action_teaser_box li p { float: left; text-align: left; width: 150px; padding: 0px 0px; margin: 7px 0px 0px 0px; font-size: 14px; font-weight: normal; line-height: 16px; }

.action_teaser_box li a:hover { text-decoration: underline; }

.action_teaser_box li a.small_button:hover { text-decoration: none; }

.action_choose_btn { float: left; margin: 4px 0px 0px 0px; }

.configuration_form_container { float: left; width: 560px; margin-left: 20px; }

.configuration_form_container_full_width { float: left; width: 750px; margin-left: 10px; }

.process_section_titile { font-family: "Tele-Grotesk"; float: left; width: 560px; width: 100%; font-size: 16px; color: #e20074; color: #333; padding-bottom: 5px; }

.process_section_box { float: left; width: 560px; width: 100%; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; margin-bottom: 40px; }

.process_section_box h3 { float: left; width: 560px; width: 100%; margin: 10px 0px 0px 0px; font-weight: normal; font-size: 14px; line-height: 14px; }

.process_section_row { float: left; width: 540px; padding: 10px 10px; vertical-align: middle; line-height: 24px; }

.configuration_form_container_full_width .process_section_row { width: 730px; }

.process_section_row .more_info { float: left; margin-left: 10px; line-height: 24px; height: 24px; padding-top: 1px; font-size: 11px; }

.process_section_row .more_info_halo { float: left; margin-left: 10px; line-height: 38px; height: 38px; padding-top: 1px; font-size: 11px; }

.process_section_row .more_info:hover { text-decoration: underline; }

.process_section_row label { float: left; /* width: 370px; */ line-height: 24px; }

.process_section_row label.magenta_label { font-weight: bold; color: #e20074; font-size: 16px; }

.process_section_row label.gray_label { font-weight: bold; color: #333; font-size: 16px; }

.halo_tarif_title { float: left; line-height: 38px; font-weight: bold; color: black; font-size: 16px; }

.process_section_row label.magenta_label_selected, .process_section_row label.gray_label_selected { font-weight: bold; color: #999; font-size: 16px; }

.process_section_row label.strong_label { font-weight: bold; color: black; font-size: 16px; }

.halo_tarif_title { float: left; line-height: 38px; font-weight: bold; color: black; font-size: 16px; }

.included_in_action { color: black; font-size: 14px; }

.process_section_row label.radio_label input { width: 14px; height: 14px; margin: 4px 7px 0px 0px; *margin: 5px 7px 0px 0px; padding: 0px; float: left; }

.process_section_row label.check_label input { width: 14px; height: 14px; margin: 4px 7px 0px 0px; *margin: 5px 7px 0px 0px; padding: 0px; float: left; }

.process_section_row label.magenta_label input { width: 14px; height: 14px; margin: 4px 7px 0px 0px; *margin: 7px 7px 0px 0px; padding: 0px; float: left; }

.process_section_row .section_price { float: right; width: 140px; text-align: right; font-weight: bold; font-size: 18px; color: #e20074; }

.process_section_row .section_price_halo { float: right; width: 140px; text-align: left; font-weight: bold; font-size: 18px; line-height: 38px; color: #e20074; }

.process_section_row .halo_buy_btn { float: right; }

.process_section_row .section_price .tooltip { margin-top: 6px; }

.process_section_row ul { float: left; list-style-type: none; margin-left: 20px; }

.process_section_row ul li label.radio_label input { width: 14px; height: 14px; margin: 5px 7px 0px 0px; *margin: 7px 7px 0px 0px; padding: 0px; float: left; }

.proces_important_note { /*DT*/ float: left; width: 710px; color: #333; font-size: 16px; margin: 0 0px 30px 0px; background: #e5e5e5; padding: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family: "Tele-groteskHal"; text-shadow: 0px 1px 0px white; }

p.other_txt { font-size: 16px; color: #333; font-family: Tele-grotesk; margin: 6px 0 0; line-height: 1.5; }

.proces_important_note_narrow { float: left; width: 560px; color: #e20074; font-size: 14px; margin: -20px 0px 30px 0px; }

.checkout_process_additional_text { float: left; width: 740px; margin: 40px 0px; }

.checkout_process_additional_text h2 { margin-bottom: 20px; }

.simpa_bon_duration_text { float: right; width: 540px; color: #333; font-size: 14px; line-height: 18px; margin-bottom: 20px; }

.dashed_border_bottom { border-bottom: 1px dotted #D1D1D1; }

.configuration_form_buy_btn { float: right; margin: -20px 0px 0px 20px; }

.action_description_container { float: left; width: 560px; margin: 20px 0px 20px 0px; }

.summary_action_description_container { float: left; width: 400px; margin: 0px 0px 20px 0px; }

.action_image_box { float: left; width: 240px; }

.summary_action_description_container .action_image_box { float: left; width: 240px; margin: 0px 0px 20px 0px; }

.action_description_box { float: right; width: 300px; }

.summary_action_description_container .action_description_box { float: left; width: 300px; }

.action_description_box h3 { font-family: "Tele-Grotesk"; float: left; width: 300px; font-size: 18px; font-weight: bold; margin-bottom: 20px; line-height: 24px; }

.summary_action_description_container .action_description_box h3 { font-family: "Tele-Grotesk"; float: left; width: 400px; font-size: 18px; font-weight: bold; margin-bottom: 20px; line-height: 24px; }

.action_description_box p { float: left; width: 300px; font-size: 14px; line-height: 16px; }

.summary_action_description_container .action_description_box p { float: left; width: 400px; font-size: 14px; }

.action_description_box ul { float: left; width: 300px; list-style-type: none; margin-top: 10px; }

.summary_action_description_container .action_description_box ul { float: left; width: 400px; list-style-type: none; }

.action_description_box ul li { float: left; width: 280px; background-image: url("../images/bullet.jpg"); background-position: 0 4px; background-repeat: no-repeat; font-size: 14px; line-height: 16px; margin-bottom: 5px; padding: 0 0 0 10px; }

.summary_action_description_container .action_description_box ul li { float: left; width: 380px; background-image: url("../images/bullet.jpg"); background-position: 0 4px; background-repeat: no-repeat; font-size: 14px; line-height: 14px; margin-bottom: 5px; padding: 0 0 0 10px; }

.action_description_box ul li a { font-size: 14px; }

.action_description_box ul li a:hover { text-decoration: underline; }

.action_process_row { float: left; width: 560px; padding: 10px 0px; border-top: 1px dotted #D1D1D1; }

.action_filters { float: left; width: 560px; list-style-type: none; margin: 0px; padding: 0px; }

.action_filters li { float: left; padding: 0px 10px; }

.action_filters li p { float: left; font-weight: bold; font-size: 14px; line-height: 15px; margin-bottom: 5px; }

.action_filters li select { width: 100%; -moz-border-radius: 4px 4px 4px 4px; border: 1px solid #D1D1D1; }

.action_filters li select option { width: 500px; }

.action_filters li.two_in_a_row { width: 260px; }

.action_filters li.three_in_a_row { width: 166px; }

.action_filters li.four_in_a_row { width: 120px; }

.filtered_actions_table { float: left; width: 560px; table-layout: fixed; border-collapse: collapse; }

.filtered_actions_table td { border-top: 1px dotted #D1D1D1; padding: 10px; /* font-weight: bold; */ font-size: 14px; text-align: right; }

.filtered_actions_table td.filtered_action_description { width: 290px; text-align: left; font-size: 14px; line-height: 16px; }

.filtered_actions_table td.filtered_action_price { font-size: 18px; font-weight: bold; color: #e20074; }

.filtered_actions_table td.filtered_action_btn { width: 120px; }

.maxtv_process_btn { float: right; margin: 0px 0px 0px 0px; }

/* *******************************ACTIVATION EMAIL PROCESS, CHECKOUT PROCESS ENDING************** */

.left_column_610px { float: left; width: 610px; margin-bottom: 40px; }

.left_column_610px h1 { margin-bottom: 40px; }

.full_width_container p.email_activation_box { float: left; padding: 20px; font-size: 16px; line-height: 22px; background: #008d03 url(../images/activation-box-bg.png) repeat-x left top; border: 1px solid #00b80a; font-weight: bold; color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .4); }

.full_width_container p.email_activation_box span { display: block; padding: 0 0 0 50px; background: transparent url(../images/activation-box-tick.png) no-repeat 0 4px; }

.links_container { float: left; list-style-type: none; margin: 20px 0px 0px 0px; }

.links_container li { width: 100%; /*float: left;*/ margin: 0px 0px 0px 0px; }

.mojT_right_column { float: right; width: 320px; margin-bottom: 40px; }

.mojT_right_column img.img_404 { float: right; }

.mojT_right_column h2 { float: left; width: 320px; font-size: 16px; padding-bottom: 5px; border-bottom: 1px solid #D1D1D1; margin-bottom: 10px; }

.full_width_container p { /*float: left;*/ margin: 0px 0px 15px 0px; font-size: 11px; }

.full_width_container p.lead { font-size: 16px; line-height: 22px; clear: both; }

.full_width_container p.lead a { font-size: 16px; }

.offer_datails_list_confirmation { float: left; width: 600px; list-style-type: none; margin: 0px 0px 20px 0px; }

.offer_datails_list_confirmation li { float: left; width: 600px; padding: 5px 0px; }

.offer_datails_list_confirmation li.offer_datails_list_confirmation_price_section { float: left; width: 600px; border-top: 1px solid #D1D1D1; }

.mojT_register_btn { float: left; margin: 0px 0px 5px 0px; }

.cross_sale_container { float: left; width: 958px; margin-left: 1px; margin: 50px 0px; }

.cross_sale_container h2 { float: left; width: 958px; font-size: 16px; padding-bottom: 5px; border-bottom: 1px solid #D1D1D1; margin-bottom: 30px; }

.cross_sale_category_box { float: left; width: 292px; padding: 0px 0px 0px 0px; }

.cross_sale_category_box ul { float: left; width: 292px; list-style-type: none; margin-top: 10px; }

.cross_sale_category_box ul li { float: left; width: 292px; }

.cross_sale_category_box img { float: left; width: 150px; border: none; }

.cross_sale_category_box .right_column { float: right; width: 132px; padding: 0px 0px 0px 0px; }

.cross_sale_category_box h4 { float: left; width: 132px; margin: 0px 0px 0px 0px; font-size: 11px; color: #666; font-weight: normal; }

.cross_sale_category_box .right_column h3 { float: left; width: 132px; margin: 0px 0px 5px 0px; font-size: 13px; color: #333; font-weight: bold; }

.cross_sale_category_box .right_column p { float: left; width: 132px; margin: 0px 0px 5px 0px; font-size: 11px; color: #666; }

.cross_sale_category_box .right_column p.cross_sale_action_price { margin: 5px 0px 5px 0px; }

.cross_sale_category_box .right_column p.cross_sale_action_price span { font-weight: bold; font-size: 14px; color: #333; }

.cross_sale_category_box .right_column ul { float: left; width: 132px; list-style-type: none; }

.cross_sale_category_box .right_column ul li { float: left; width: 122px; margin: 0px 0px 3px 0px; padding-left: 10px; font-size: 11px; background-image: url("../images/bullet.jpg"); background-position: 0 4px; background-repeat: no-repeat; }


.cross_sale_item_divider { float: left; margin: 0px 20px; }

/* *************************************LOGIN PAGE STYLE************************************* */

.login_form_box { float: left; width: 350px; /* border-right: 1px solid #D1D1D1; */ background-image: url(../images/nav_separator.png); background-repeat: no-repeat; background-position: right top; }

.login_form_box .modal_dialogue_input_form { margin-bottom: 15px; }

.login_form_box .modal_dialogue_input_error_box { float: left; width: 283px; padding: 0px 0px 0px 17px; background-image: url(../images/icons.png); background-repeat: no-repeat; background-position: 0px 0px; margin-top: 3px; }

.login_forgotten_pass_link { float: left; margin-top: 10px; }

.mojT_propositions_box { float: left; width: 450px; margin: 0px 0px 0px 50px; }

.mojT_propositions_box ul { float: left; width: 450px; list-style-type: none; margin: 10px 0px; }

.mojT_propositions_box ul li { float: left; width: 440px; margin: 0px 0px 5px 0px; background-image: url("../images/bullet.jpg"); background-position: 0 6px; background-repeat: no-repeat; padding: 0 0 0 10px; font-size: 14px; }

.mojT_propositions_box h2 { font-size: 20px; font-family: "Tele-grotesk"; }


/* *************************************MAIN MENU STYLE************************************* */

.main_menu_container ul li a { float: left; height: 41px; line-height: 40px; font-size: 18px; margin: 0px 0px 0px 0px; color: #666; padding: 0px 21px 0 20px; text-shadow: 1px 1px 0px white; font-family: "Tele-Grotesk"; *font-family: "Arial"; font-weight: 500; background: transparent url(../images/menu-a-bg1.jpg) no-repeat right bottom; border-left: 1px solid #fff; }

.main_menu_container ul li:first-child a.selected { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }

.main_menu_container ul li:first-child a { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; border: none; }

.main_menu_container ul li:last-child a { background-image: none; }

.main_menu_container ul li a.selected { color: #fff; background: rgb(124,124,124); background: -moz-linear-gradient(top, rgb(124,124,124) 0%, rgb(77,77,77) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(124,124,124)), color-stop(100%,rgb(77,77,77))); background: -webkit-linear-gradient(top, rgb(124,124,124) 0%,rgb(77,77,77) 100%); background: -o-linear-gradient(top, rgb(124,124,124) 0%,rgb(77,77,77) 100%); background: -ms-linear-gradient(top, rgb(124,124,124) 0%,rgb(77,77,77) 100%); background: linear-gradient(top, rgb(124,124,124) 0%,rgb(77,77,77) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#4d4d4d',GradientType=0 ); text-shadow: 1px 1px 1px #666; border-left: 1px solid #7c7c7c; }

.main_menu_container ul li a.main_menu_container_selected { color: #fff; background: #7c7c7c; text-shadow: 1px 1px 1px #666; border-left: 1px solid #7c7c7c; height: 41px; }

.main_menu_container ul li:first-child a.main_menu_container_selected { border: none; }

.main_menu_container ul li:first-child a.main_menu_container_selected.selected { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; padding: 0 21px; }

.submenu_container { display: none; width: 959px; position: absolute; z-index: 3; background-color: #7c7c7c; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); }

.submenu_container.single { width: auto; }

.submenu_section_container { float: left; margin: 15px 0px 10px 0px; display: inline; padding: 0px; list-style-type: none; }

.context_menu_title { position: relative; width: auto; color: #333; font-size: 18px; font-family: "Tele-grotesk"; font-weight: normal; padding: 5px 10px 7px; border-bottom: 1px solid #D1D1D1; background: #fff url(../images/filterboxh3-bg.jpg) repeat-x left bottom; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; display: block; border-radius: 3px 3px 0 0; margin: 0 0 0px; }

.context_menu_container { /*width: 166px;
	float: left;*/ margin: 8px 0px 6px 0px; /*display: inline;*/ padding: 0px; list-style-type: none; }

.submenu_section_container li { width: 100%; float: left; clear: both; line-height: 1.2; padding: 0px; margin: 0px; font-size: 14px; cursor: pointer; }

.context_menu_container li { width: 100%; /*float: left;*/ clear: both; height: 24px; line-height: 24px; padding: 0; margin: 0px; font-size: 14px; cursor: pointer; }

.submenu_section_container li.top a { font-weight: normal; text-shadow: 1px 1px 1px #888; font-size: 15px; font-family: "Tele-GroteskFet"; text-transform: uppercase; }

.submenu_section_container li a { width: inherit; float: left; color: #fff; display: block; cursor: pointer; font-size: 15px; width: 159px; font-family: Tele-grotesk; line-height: 16px; }

.context_menu_container li a { width: inherit; float: left; color: #333; display: block; cursor: pointer; font-size: 14px; }

.submenu_section_container li:hover { background: #8c8c8c; }

.submenu_section_container li:hover a { //color: #333; }

.context_menu_container li:hover { background: #f2f2f2; }

.context_menu_container li.selected { background-image: url(../images/bg_nav_element_2nd_lev.jpg); background-repeat: repeat-x; background-position: left top; }

.context_menu_container li.selected a { color: #FFF; }

.submenu_section_container li a span { float: left; padding: 5px 16px; display: block; cursor: pointer; }

.submenu_divider { float: left; display: inline; margin: 10px 0px 0px 0px; }

.submenu_divider_4rows { height: 100px; }

.activate_modal_link { font-size: 14px; cursor: pointer; color: #4379AB; }

.modal_dialogue_container { position: absolute; /* 	width: 400px; */ background-color: #FFF; border: 5px solid #E5E5E5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 0px 15px black; -webkit-box-shadow: 0px 0px 15px black; box-shadow: 0px 0px 15px black; padding: 0px 20px 16px 20px; display: none; }

.modal_window_scroll_content { float: left; }

.modal_window_scroll_content p { float: left; }

.modal_dialogue_640px { width: 640px; }

.modal_dialogue_600px { width: 600px; }

.modal_dialogue_680px { width: 680px; }

.modal_dialogue_300px { width: 300px; }

.modal_dialogue_450px { width: 450px; }

.modal_dialogue_500px { width: 500px; }

.modal_dialogue_800px { width: 800px; }

.modal_dialogue_400px { width: 400px; }

.modal_dialogue_370px { width: 370px; }

.modal_dialogue_auto { width: auto; }

.modal_dialogue_container_wide { position: absolute; width: 640px; background-color: #FFF; border: 5px solid #E5E5E5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 0px 15px black; -webkit-box-shadow: 0px 0px 15px black; box-shadow: 0px 0px 15px black; padding: 0px 20px 16px 20px; display: none; }

.modal_dialogue_title { padding: 20px 0px 10px 0px; line-height: 28px; font-size: 20px; font-weight: bold; width: 100%; float: left; display: inline; color: #e20074; border-bottom: 1px solid #D1D1D1; margin: 0px 0px 0px 0px; }

.shopping_cart_full { float: right; }

.shopping_cart_full:hover { text-decoration: underline; }

.modal_dialogue_title_no_border { padding: 20px 0px 10px 0px; line-height: 28px; font-size: 20px; font-weight: bold; width: 100%; float: left; display: inline; color: #e20074; margin: 0px 0px 0px 0px; }

.modal_news_subtitle { font-size: 14px; color: #e20074; margin: 15px 0px 0px 0px; }

.modal_dialogue_subtitle { float: left; width: 100%; font-size: 14px; color: #666; border-bottom: 1px solid #e5e5e5; padding: 0px 0px 4px 0px; }

.modal_dialogue_table { float: left; border-collapse: collapse; width: 100%; border-bottom: 1px solid #D1D1D1; /* border-top: 1px solid #D1D1D1; */ }

.modal_dialogue_table.border { border-top: 1px solid #D1D1D1; margin-top: 15px; }

.modal_dialogue_table tr.selected { background: #e4f1f8; }

.modal_dialogue_table tr.service_category_selector_title_row { background-image: url(../images/tile_tarifa.jpg); background-repeat: repeat-x; border-top: 1px solid #D1D1D1; border-bottom: 1px dotted #D1D1D1; }

.modal_dialogue_table td { border-bottom: 1px dotted #D1D1D1; padding: 7px 10px; color: #333; font-size: 14px; text-align: center; }

.modal_dialogue_table td.registered_service_mnemonic { margin-top: 0px; }

.modal_dialogue_table td.registered_service_mnemonic a.small_button { margin: 3px 0px 0px 0px; }

.modal_dialogue_table td a.small_button:hover { text-decoration: none; }

.modal_dialogue_table td a:hover { text-decoration: underline; }


.modal_dialogue_table td.title_row { background: #f2f2f2; font-weight: bold; color: #e20074; text-align: left; }

.modal_dialogue_table td.topic { background: #f2f2f2; width: 200px; text-align: left; }

.modal_dialogue_table td.item_image { width: 120px; text-align: left; }

.modal_dialogue_table td.item_title { text-align: left; font-size: 14px; line-height: 16px; }

.modal_dialogue_table td.accessories_checkbox { text-align: left; font-size: 14px; }

.modal_dialogue_table td.solid_border { border-bottom: 1px solid #D1D1D1; }

.modal_dialogue_table td.registered_service_mnemonic { text-align: left; }

.modal_dialogue_table td.service_category_selector_title { /* border-bottom: 1px solid #D1D1D1; */ padding: 8px 0px; color: #999; font-size: 14px; font-weight: bold; text-align: left; }

.modal_dialogue_table td.shopping_cart_category { border-bottom: 1px solid #D1D1D1; padding: 12px 0px; color: #e20074; font-size: 18px; font-weight: bold; text-align: left; }

.modal_dialogue_table td.category_icon_cell { padding: 0px; width: 50px; height: 40px; }

.modal_dialogue_table td.quick_shopping_cart_service_links { border-bottom: 1px solid #D1D1D1; padding: 0px 0px; text-align: left; }

.modal_dialogue_table td.quick_shopping_cart_service_links a.inactive_shopping_cart_product { width: 630px; height: 40px; background-image: url(../images/tile_quickview_passive.jpg); background-repeat: repeat-x; line-height: 40px; padding-left: 0px; }

.modal_dialogue_table td.quick_shopping_cart_service_links a.inactive_shopping_cart_product span { width: 570px; height: 40px; background-image: url(../images/ui.png); background-position: right -439px; background-repeat: no-repeat; line-height: 40px; }

.modal_dialogue_table td.quick_shopping_cart_service_links a.inactive_shopping_cart_product:hover { background-image: url(../images/tile_quickview_passive_hover.jpg); text-decoration: none; }

.modal_dialogue_table td.quick_shopping_cart_service_links a.inactive_shopping_cart_product:hover span { background-position: right -399px; color: #333; }

.modal_dialogue_table td.quick_shopping_cart_service_links a.inactive_shopping_cart_product:hover .maxtv_category { background-position: 0px -520px; }

.modal_dialogue_table td.quick_shopping_cart_service_links a.inactive_shopping_cart_product:hover .maxadsl_category { background-position: 0px -560px; }

.modal_dialogue_table td.quick_shopping_cart_service_links a.inactive_shopping_cart_product:hover .maxtv_adsl_category { background-position: 0px -600px; }

.modal_dialogue_table td.quick_shopping_cart_service_links a.inactive_shopping_cart_product:hover .phone_category { background-position: 0px -640px; }

.modal_dialogue_table td.quick_shopping_cart_service_links a.inactive_shopping_cart_product:hover .accessories_category { background-position: 0px -680px; }

.modal_dialogue_table td.quick_shopping_cart_service_links a.inactive_shopping_cart_product:hover .mobile_category { background-position: 0px -480px; }

.category_icon { float: left; width: 50px; height: 40px; background-image: url(../images/icons_usluge.png); }

.mobile_category { background-position: 0px 0px; }

.mobile_category_selected { background-position: 0px -240px; }

.maxtv_category { background-position: 0px -40px; }

.maxtv_category_selected { background-position: 0px -280px; }

.maxtv_category_hover { background-position: 0px -520px; }

.maxadsl_category { background-position: 0px -80px; }

.maxadsl_category_selected { background-position: 0px -320px; }

.maxtv_adsl_category { background-position: 0px -120px; }

.maxtv_adsl_category_selected { background-position: 0px -360px; }

.phone_category { background-position: 0px -160px; }

.phone_category_selected { background-position: 0px -400px; }

.accessories_category { background-position: 0px -200px; }

.accessories_category_selected { background-position: 0px -440px; }

.modal_dialogue_table td.summary_monthly_expense_title, .modal_dialogue_table td.summary_to_pay_title { font-size: 11px; text-align: right; }

.modal_dialogue_table td.quick_shopping_cart_section_selection { text-align: left; }

.modal_dialogue_table td .quick_shopping_cart_section { float: left; font-size: 11px; color: #999; display: block; }

.modal_dialogue_table td ul { float: left; width: 300px; list-style-type: none; margin: 0px; }

.modal_dialogue_table td ul li { float: left; margin: 0px 0px 7px 0px; }

/*.modal_dialogue_table td.quick_shopping_cart_section {
padding: 3px 0px 0px 0px;
border: none;
font-size: 11px;
color: #999;
}*/

.modal_dialogue_table td.summary_picked_service_cost { text-align: right; font-weight: bold; }

.quick_shopping_cart_cateogry_process { font-size: 14px; font-weight: normal; display: block; color: #666; }

.service_identifer { float: left; font-size: 16px; color: #333; text-decoration: none; font-weight: bold; }

.service_identifer_selected { float: left; font-size: 16px; color: #E20074; text-decoration: none; font-weight: bold; }

.service_listed_tarif { display: inline-block; font-size: 11px; color: #999; font-weight: normal; line-height: 17px; }

.modal_dialogue_table td.service_command_links { width: 300px; padding-left: 0px; text-align: right; }

.modal_dialogue_table td.service_command_links ul { float: right; list-style-type: none; }

.modal_dialogue_table td.service_command_links ul li { float: right; margin-left: 10px; background: none; }

.service_status_note { font-size: 14px; font-weight: bold; }

.modal_buttons_box { float: left; width: 100%; margin: 10px 0px 0px 0px; text-align: center; }

.modal_buttons_box a:hover { text-decoration: underline; }

.modal_buttons_box a.button:hover { text-decoration: none; }

.login_btn { float: left; }

.login_cancel_btn { float: left; }

.login_ok_btn { float: right; }

.modal_mojT_box { float: left; width: 100%; border-top: 1px solid #D1D1D1; padding-top: 10px; margin: 20px 0px 0px 0px; }

.modal_mojT_box a:hover { text-decoration: underline; }

.modal_mojT_box ul, .overlay .modal_mojT_box ul, .modal_dialogue_container .modal_mojT_box ul { float: right; list-style-type: none; margin: 0; }

.modal_mojT_box ul li, .overlay .modal_mojT_box ul li, .modal_dialogue_container .modal_mojT_box ul li { float: left; margin: 0 0 0 20px; list-style: none; background-image: none; padding: 0; }

.user_tarif { float: right; }

.forgotten_pass_link { float: right; text-align: right; }

.modal_dialogue_input_form { float: left; width: 100%; margin: 10px 0px 0px 0px; }

.modal_dialogue_input_form dl { float: left; width: 100%; margin: 10px 0px 10px 0px; }

.modal_dialogue_input_form dl dt { float: left; width: 100%; margin: 0px 0px 3px 0px; }

.modal_dialogue_input_form dl dt label { font-family: "Tele-grotesk"; font-size: 16px; }

.modal_dialogue_input_form dl dd { float: left; width: 100%; margin: 0px 0px 0px 0px; }

.modal_dialogue_input_form dl dd input { float: left; width: 100%; height: 24px; line-height: 24px; font-size: 13px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0px 0px; background: #eee; }

.modal_dialogue_input_form dl dd textarea { float: left; width: 100%; height: 150px; line-height: 24px; font-size: 13px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0px 0px; background: #eee; }

.modal_dialogue_input_form dl dd input.login_input_field { width: 280px; padding: 0px 10px; }

.modal_dialogue_input_form dl dd input:focus { background: #e3f1f7; }

.modal_dialogue_input_form dl dd input.error { background: #ffe3f0; }

.modal_dialogue_input_error_box { float: left; width: 283px; padding: 0px 0px 0px 17px; background-image: url(../images/icons.png); background-repeat: no-repeat; background-position: 0px 0px; margin-top: 3px; }

.modal_dialogue_input_error_box span { float: right; width: 283px; padding: 0px; color: #e20047; font-size: 14px; font-style: normal; }

.modal_dialogue_container p { line-height: 20px; margin: 10px 0px 14px 0px; float: left; display: inline; width: 100%; padding-bottom: 14px; border-bottom: 1px dotted #D1D1D1; }

.modal_dialogue_container p.no-border { border: none; padding-bottom: 0; }

.modal_dialogue_container h2 { float: left; clear: both; margin: 20px 0px 0px 0px; }

.modal_dialogue_container p a { font-size: 14px; }

.modal_dialogue_container p.tarif_footnotes { margin: 5px 0px 10px 0px; font-size: 11px; line-height: 14px; border: none; padding: 0px 0px 7px 0px; border-bottom: 1px solid #D1D1D1; color: #999; }

/*.modal_dialogue_container p {
	padding-bottom: 14px;
	border-bottom: 1px dotted #D1D1D1;
}*/

/* dk - na�ini pla�anja, novi tekst */
.modal_dialogue_container #window_modal_option_description_text .pok-min { display: block; position: static; width: auto; border: none; box-shadow: none; padding: 0; font-size: 16px; }
.modal_dialogue_container #window_modal_option_description_text .pok-min .advantage-container-min ul { float: none; list-style-type: disc; }
.modal_dialogue_container #window_modal_option_description_text .pok-min .advantage-container-min ul li { background-image: none; }
.modal_dialogue_container #window_modal_option_description_text .pok-min:after { display: none; }

.modal_dialogue_container p.big_text { font-size: 16px; line-height: 24px; margin: 0px 0px 20px 0px; }

.modal_dialogue_container p.big_text_message { font-size: 16px; line-height: 24px; margin: 20px 0px 20px 0px; }

.modal_dialogue_container p.big_text_message a { font-size: 16px; }

.modal_dialogue_container p.big_text_message a:hover { text-decoration: underline; }

.modal_dialogue_action_panel { width: 100%; height: 38px; float: left; display: inline; overflow: hidden; margin: 0px; }

.modal_dialogue_action_panel a { margin: 0px 7px 0px 0px; float: left; display: inline; }

a.modal_dialogue_close_button { position: absolute; z-index: 1; width: 25px; height: 25px; display: block; top: -15px; right: -15px; background-image: url(../images/ui.png); background-repeat: no-repeat; background-position: 0px -279px; }

a.modal_dialogue_close_button:hover { background-image: url(../images/ui.png); background-repeat: no-repeat; background-position: -34px -279px; }

.popup_background { background-color: black; }

.modal_phone_description_box { float: left; margin: 20px 0px; width: 640px; }

.modal_telephone_image_box { float: left; width: 110px; }

.modal_telephone_text_box { float: right; width: 490px; margin-bottom: 0px; }

.modal_telephone_text_box .fullspecs_tech_specs_narrow_box { margin-bottom: 0px; }

.modal_telephone_text_box .fullspecs_tech_specs_narrow_box p { border: none; margin-bottom: 0px; }

.modal_telephone_brief_box { float: left; width: 490px; border-bottom: 1px dotted #D1D1D1; margin: 0px 0px 40px 0px; }

.modal_telephone_brief_box .users_gadget_overall_grade_box { border: none; padding: 0px; }

.accessories_modal_image_box { float: left; width: 370px; }

.modal_tarif_action { float: left; width: 640px; position: relative; border-bottom: 1px solid #D1D1D1; }

.modal_tarif_action p { float: left; width: 450px; border: none; }

.modal_tarif_action_seal { position: absolute; right: 0px; top: -30px; width: 102px; height: 102px; background-image: url(../images/icons.png); background-position: 0px -889px; background-repeat: no-repeat; }

.modal_additional_contract_list { float: left; list-style-type: none; padding-bottom: 10px; margin: 10px 0px; border-bottom: 1px dotted #D1D1D1; width: 100%; }

.modal_additional_contract_list li { float: left; margin: 0px 0px 10px 0px; width: 100%; }

/* tarif */

h1.tarif_title { color: #2F2F2F; float: left; display: inline; font-size: 2.5em; margin: 0 0 1em 5em; font-family: "Tele-groteskfet"; }

h1.tarif_title.full { margin-left: 0; }

.tarif_container, .full_width_container { float: left; display: inline; width: 960px; }

.tarif_context_menu_container { float: left; display: inline; width: 170px; margin: 0px 30px 0px 0px; }

.tarif_content_container, .static_content_container { float: right; display: inline; width: 760px; margin: 0px 0px 0px 0px; }

.tarif_content_container.full, .static_content_container.full { float: left; display: inline; width: 960px; margin: 0px 0px 0px 0px; }

.context_menu_box_inner { float: left; width: 170px; margin-left: -1px; /* 	background-image: url(/static/images/2ndnav_bottom.jpg); */ background-image: url(../images/2ndnav_bottom.jpg); background-repeat: no-repeat; background-position: 0px 100%; padding-bottom: 5px; }

.context_menu_title_box { float: left; width: 170px; height: 37px; margin-left: -1px; background-image: url(../images/2ndnav_top.jpg); background-repeat: no-repeat; background-position: 0px 0px; }

.context_menu_title_box h3 { line-height: 37px; margin: 0px 12px 0px 12px; font-size: 13px; font-weight: bold; padding: 0px; }

.context_menu_content_box { float: left; width: 168px; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; }

.context_menu_container li a span { float: left; padding: 0px 12px 0px 12px; display: block; cursor: pointer; }

.context_menu_container li.submenu a span { padding: 0px 12px 0px 24px; }

.tarif_table { /*width: 760px;*/ width: 100%; float: left; margin: 0px 0px 8px 0px; border: none; border-collapse: collapse; table-layout: fixed; color: #2F2F2F; }

.tarif_table.sep { margin: 0 0 30px; }

.tab_menu_content_container .tarif_table { margin-top: 20px; }

.tarif_table thead td { color: #e20074; padding: 0.5em 0; font: normal 1.75em/1 Tele-groteskfet; border-top: 1px solid #d1d1d1; background: #fdfdfd; }

.tarif_table thead td.topic { width: 180px; text-align: left; padding: 0px; background-color: #FFF; border-left: none; border-top: none; }

.magenta_topic { color: #e20074; }

.tarif_table td { height: 100%; width: 114px; width: 7.125rem; border-bottom: 1px solid #D1D1D1; border-left: none; border-right: none; text-align: center; vertical-align: middle; padding: 12px 0; padding: 0.75rem 0; border-right: 1px solid #D1D1D1; font: normal 1.1875em/1.2 Tele-groteskfet; }

.tarif_table td.flatrow { color: #E20074; padding: 7px 0; }

.tarif_table td .tooltip { margin-top: 3px; }


.tarif_table td.topic { width: 180px; text-align: left; background-color: #F0F0F0; padding: 0px; font-weight: normal; border-left: 1px solid #d1d1d1; }

.tarif_table td.topic div { bottom: 0px; padding: 10px 12px 10px 12px; font-size: 16px; font-size: 1rem; font-family: Tele-groteskhal; }

.tarif_table td.button_row div { line-height: 18px; height: 100%; }

.tarif_table td.button_row { font-size: 14px; line-height: 12px; color: #999; font-weight: normal; }

.tarif_table td.topic.button_row { padding-top: 0; }

.tarif_table td.button_row a { font-size: 14px; }

.tarif_table td.button_row .tooltip { margin-top: 4px; }

.tarif_table td.button_row .button span { padding: 0 2px 0 20px; }

.tarif_table td.promo_magenta { background: #fce5f1; }

.tarif_footnotes { margin: 0px 0px 4px 12px; font-size: 11px; line-height: 14px; color: #999; }

.tarif_bullets { float: left; width: 760px; margin: 60px 0px 20px 0px; }

.tarif_bullets h2 { font-family: "Tele-grotesk"; color: #e20074; font-size: 16px; margin: 0 0 15px 0; }

.tarif_bullets ul { float: left; width: 100%; list-style-type: none; margin: 0 0 15px 0; }

.tarif_bullets p { margin-bottom: 5px; line-height: 16px; }

.tarif_bullets ul li { float: left; width: 100%; background-image: url("../images/bullet.jpg"); background-position: 0 5px; background-repeat: no-repeat; color: #333; font-size: 13px; line-height: 17px; margin-bottom: 5px; padding: 0 0 0 10px; }

.tarif_subtitles { color: #2F2F2F; line-height: 30px; font-weight: bold; font-size: 16px; border-bottom: 1px solid #E5E5E5; width: 753px; margin: 50px 0px 10px 0px; color: #e20074; font-family: "Tele-Grotesk"; }

.tarif_subtitles.full { width: auto; }

.tarif_options_box_container { width: 760px; float: left; display: inline; }

.tarif_options_box { width: 379px; padding: 25px 0px 0px 0px; float: left; display: inline; }

.tarif_options_box.third { width: 31.2%; margin: 20px 1.5% 0 0; padding: 0 1.5% 0 0; border-right: 1px dotted #d1d1d1; }

.tarif_options_box.third.last { margin: 20px 0 0; padding: 0; border: none; }

.tarif_options_icon_box { width: 100px; float: left; display: inline; text-align: center; }

.tarif_options_icon_box img { border: none; }

.tarif_options_text_box { width: 140px; float: left; display: inline; padding: 0px; }

.tarif_options_text_box h2 { font-weight: bold; font-size: 16px; line-height: 19px; margin: 0px; padding: 0px; color: #e20074; color: #333; font-family: "Tele-Grotesk"; }

.tarif_options_text_box h2 a { font-weight: bold; font-size: 16px; line-height: 19px; margin: 0px; padding: 0px; color: #e20074; color: #333; font-family: "Tele-Grotesk"; }

.tarif_options_text_box h2 a:hover { text-decoration: underline; }

.tarif_options_text_box p { color: #2F2F2F; line-height: 19px; }

.tarif_options_prices_box { width: 122px; float: left; display: inline; padding: 0px 17px 0px 0px; font-size: 19px; font-weight: bold; text-align: right; color: #e20074; }

.tarif_options_prices_box a:hover { text-decoration: underline; }

.tarif_options_prices_box_link { float: right; display: inline; margin-top: 15px; }

.tarif_options_box_separator { float: left; display: inline; margin-top: 30px; }

.tarif_options_gadgets_box_separator { float: left; display: inline; margin-top: 60px; }

/*
.tarif_options_box .phone_box {
	margin-left: 59px;
	margin-right: 59px;
}

.tarif_options_box.third .phone_box {
	margin:0 20px;
}
*/
.tarif_options_box.third .phone_box_bottom { margin: 20px 0 0; }

.tarif_options_box .phone_box_bottom { position: relative; float: left; width: 100%; height: 38px; padding: 0; margin: 20px 0; }

/* tarif prices */

.tarif_price_info_table_row { border-bottom: 1px solid #CCCCCC; width: 760px; float: left; display: inline; padding: 10px 0px; }

.tarif_price_info_table_row dt { width: 187px; float: left; display: inline; padding: 13px 10px 0px 13px; line-height: 17px; font-size: 11px; }

.tarif_price_info_table_row dt a:hover { text-decoration: underline; }

.single_tarif_name { font-size: 15px; font-weight: bold; font-family: "Tele-Grotesk"; }

.tarif_price_info_table_row dd { width: 550px; float: left; display: inline; padding: 0px 0px 13px 0px; }

.single_tarif_price_container { float: left; display: inline; width: 160px; height: 97px; margin: 13px 10px 0px 0px; background-image: url(../images/bg_tarifa.png); background-position: right top; background-repeat: no-repeat; padding: 0px 10px 0px 0px; text-shadow: 1px 1px 1px white; }

.multi_tarif_price_container { float: left; display: inline; width: 255px; height: 97px; margin: 13px 10px 0px 0px; background-image: url(../images/bg_tarifa.png); background-position: right top; background-repeat: no-repeat; padding: 0px 10px 0px 0px; text-shadow: 1px 1px 1px white; }

.full_width_price_conatiner { float: left; display: inline; width: 570px; height: 107px; margin: 13px 0px 0px 0px; padding: 0px 0px 0px 0px; text-shadow: 1px 1px 1px white; background-image: url(../images/bg_tarifa_plug_L.png); background-position: left top; background-repeat: no-repeat; }

.single_tarif_price_container .inner, .multi_tarif_price_container .inner { float: left; display: inline; background-image: url(../images/bg_tarifa.png); background-position: left top; background-repeat: no-repeat; padding: 0px 0px 0px 10px; }

.single_tarif_price_container .inner_option { float: left; display: inline; background-image: url(../images/bg_tarifa_plug_in_S.png); background-position: left top; background-repeat: no-repeat; padding: 0px 0px 0px 10px; }

.full_width_price_conatiner .inner { float: left; width: 530px; display: inline; padding: 0px 0px 0px 10px; }

.single_tarif_price_container .top_container { float: left; display: inline; width: 150px; height: 55px; padding: 0px; }

.multi_tarif_price_container .top_container { float: left; display: inline; width: 245px; height: 55px; padding: 0px; }

.full_width_price_conatiner .bottom_container { float: left; display: inline; width: 537px; height: 34px; padding: 15px 0px 0px 0px; text-align: center; }

.single_tarif_price_container .bottom_container { float: left; display: inline; width: 150px; height: 34px; padding: 8px 0px 0px 0px; }

.multi_tarif_price_container .bottom_container { float: left; display: inline; width: 245px; height: 34px; padding: 8px 0px 0px 0px; }

.tarif_price_container_model_title { float: left; display: inline; margin: 10px 0px 0px 4px; font-size: 22px; color: #e20074; font-weight: bold; }

.tarif_price_container_model_price_box { float: right; display: inline; margin: 12px 0px 0px 0px; text-align: right; line-height: 12px; font-size: 10px; }

.tarif_price_container_model_price { font-size: 26px; font-weight: bold; line-height: 22px; }

.single_tarif_price_container .tarif_price_container_model_features_box { float: left; display: inline; margin: 0px; width: 50px; text-align: center; line-height: 12px; font-size: 11px; }

.single_tarif_price_container .tarif_price_container_model_features_box_full { float: left; display: inline; margin: 0px; width: 150px; text-align: center; line-height: 12px; font-size: 11px; }

.single_tarif_price_container .tarif_price_container_model_features_box_half { float: left; display: inline; margin: 0px; width: 75px; text-align: center; line-height: 12px; font-size: 11px; }

.full_width_price_conatiner .tarif_price_container_model_features_box_half { float: left; display: inline; margin: 0px; width: 265px; text-align: center; line-height: 12px; font-size: 11px; }

.multi_tarif_price_container .tarif_price_container_model_features_box { float: left; display: inline; margin: 0px; width: 61px; text-align: center; line-height: 12px; font-size: 10px; }

.tarif_price_container_model_features_value { font-size: 18px; font-weight: bold; line-height: 16px; }

.tarif_container { color: #2F2F2F; }

.tab_menu_item_content_container { width: 100%; display: none; float: left; }

/* tarif options */

.tarif_options_table { width: 760px; border-collapse: collapse; border-top: 1px solid #CCCCCC; margin-bottom: 48px; }

.tarif_options_table td { border-bottom: 1px solid #CCCCCC; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; vertical-align: middle; text-align: center; }

.tarif_options_table td.picture { padding-right: 0px; width: 105px; }

.tarif_options_table td.picture .td-relative-fix { position: relative; width: 100%; height: 100%; }

.tarif_options_table td.picture .fast-delivery { display: block; background-color: #BABD5A; border-radius: 50%; color: #FFFFFF; font: 0.75em/1 Tele-groteskFet; height: 2em; left: -6em; padding: 1.5em 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 5em; }

.tarif_options_table td.picture img { border: none; }
.tarif_options_table .ec-container { position: relative; font-size: 16px; font-size: 1rem; }
.tarif_options_table .ec-new { position: absolute; color: #333; width: auto; background: #fcd167; font: normal 1em/1.1 Headline; text-transform: uppercase; padding: 0.375em 0.5em; -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
.tarif_options_table td.picture .ec-new { top: -0.75em; left: -1.5em; }
.tarif_options_table td.more_info_prices .ec-new { left: 2em; }

.tarif_options_table td.program_packages_picture { padding-right: 0px; width: 220px; padding-top: 3px; padding-bottom: 3px; text-align: left; }

.tarif_options_table td.program_package_picture { padding-right: 0px; width: 517px; padding-top: 1px; padding-bottom: 1px; text-align: left; }

.tarif_options_table td.program_packages_picture img, .tarif_options_table td.program_package_picture img { float: left; }

.tarif_options_table td.activate_btn { padding-right: 0px; width: 120px; }

.tarif_options_table td.find_out_btn { padding-right: 0px; width: 150px; }

.tarif_options_table td.find_out_btn a:hover { text-decoration: underline; }

.tarif_options_table td.find_out_btn a.button:hover { text-decoration: none; }

.tarif_options_table td.description { padding-right: 0px; width: 314px; text-align: left; }

.tarif_options_table td.program_packages_description { padding-right: 0px; width: 270px; text-align: left; }

.tarif_options_table td.description h1, .tarif_options_table td.program_packages_description h1 { font-size: 22px; color: #e20074; color: #333; line-height: 20px; margin: 0 0 6px; font-family: "Tele-Grotesk"; font-weight: normal; }

.tarif_options_table td.description p, .tarif_options_table td.program_packages_description p { font-size: 14px; margin: 0; }

.tarif_options_table td.description h1 a, .tarif_options_table td.program_packages_description h1 a { font-size: 16px; color: #e20074; color: #333; line-height: 18px; margin: 0px; font-weight: bold; }

.tarif_options_table td.description h1 a:hover, .tarif_options_table td.program_packages_description h1 a:hover { text-decoration: underline; }

.tarif_options_table td.description h1.gray { color: #2F2F2F; }

.tarif_options_table td.more_info_prices, .tarif_options_table td.info_prices, .tarif_options_table td.program_packages_info_prices, .tarif_options_table td.program_package_info_prices { font-size: 20px; font-weight: normal; line-height: 26px; text-align: right; padding-right: 15px; }

.tarif_options_table td.more_info_prices { width: 520px; color: #e20074; font-size: 30px; font-family: "Tele-Grotesk"; }

.tarif_options_table td.info_prices { width: 175px; color: #e20074; font-size: 24px; font-family: "Tele-Grotesk"; }

.tarif_options_table td.program_package_info_prices { width: 88px; color: #e20074; }

.tarif_options_table td.program_package_info_prices.wide { width: 140px; }

.tarif_options_table td.program_packages_info_prices { width: 104px; color: #e20074; }

.generic_content_page_text_column { float: left; margin: 0px; width: 520px; padding: 0px 0px 0px 0px; color: #333; }

.generic_content_page_text_column.wide { width: 760px; }

.generic_content_page_text_column.half { width: 370px; }
.generic_content_page_text_column.half:first-child { margin: 0 20px 0 0; }

.generic_content_page_text_column.full { width: 100%; }

.static_content_container.full .generic_content_page_text_column { width: 960px; }

.static_content_container h2, .text_box h2, .content-overlay h2 { font-family: Tele-groteskFet; font-size: 24px; line-height: 1.2; margin: 0px 0px 15px 0px; color: #333; font-weight: normal; }

.static_content_container h3, .text_box h3, .content-overlay h3 { font-family: Tele-groteskFet; display: inline-block; font-size: 20px; font-weight: normal; line-height: 1.2; margin: 9px 0px 14px 0px; color: #E20074;,; }

.static_content_container h4, .text_box h4, .content-overlay h4 { font-family: Tele-groteskFet; font-size: 18px; font-weight: normal; line-height: 1.2; margin: 0px 0 12px; color: #333; }

.static_content_container h5, .text_box h5, .content-overlay h5 { font-family: Tele-groteskFet; font-size: 16px; font-weight: normal; line-height: 1.2; margin: 0px 0 8px; color: #333; }

.static_content_container h3.nospace, .text_box h3.nospace, .content-overlay h3.nospace { margin: 0px; }

.static_content_container h1 a, .text_box h1 a, .static_content_container h2 a, .text_box h2 a, .static_content_container h3 a, .text_box h3 a, .static_content_container h4 a, .text_box h4 a, .static_content_container h5 a, .text_box h5 a { font-size: inherit; font-weight: inherit; color: inherit; }

.static_content_container h1 a:hover, .text_box h1 a:hover, .static_content_container h2 a:hover, .text_box h2 a:hover, .static_content_container h3 a:hover, .text_box h3 a:hover, .static_content_container h4 a:hover, .text_box h4 a:hover, .static_content_container h5 a:hover, .text_box h5 a:hover { text-decoration: underline; color: #e20074; }
.static_content_container h3 a:hover, .text_box h3 a:hover { color: #333; }

h2 a, h3 a { font-size: inherit; font-weight: inherit; color: inherit; }

.static_content_container p, .content-overlay p { line-height: 1.25; font-size: 1em; margin: 0 0 1.125em; }

.static_content_container p.lead, .content-overlay p.lead { font-size: 1.125em; font-weight: normal; margin-bottom: 1.5em; }

.static_content_container ul, .text_box ul, .content-overlay ul { list-style-type: none; margin: 0px 0px 27px 0px; padding: 0px; }

.highlightbox p.lead { margin-bottom: 12px; }

.static_content_container ul li, .text_box ul li, .content-overlay ul li { margin: 0 0 0.25em; padding: 0px 0px 0px 10px; background-image: url(../images/bullet.jpg); background-position: 0px 6px; background-repeat: no-repeat; font-size: 1em; line-height: 1.25em; }

ol { margin: 0 0 25px 18px; }
ol li { margin: 0 0 3px; }

.static_content_container .body_picture { float: right; display: inline; margin: 0px 0px 20px 20px; }

.generic_content_page_right_box { float: left; margin-bottom: 15px; width: 220px; background-repeat: repeat-y; background-image: url(../images/generic_content_page_right_box_inner.jpg); }

.generic_content_page_right_box_inner { background-position: 0px 100%; background-repeat: no-repeat; background-image: url(../images/generic_content_page_right_box_bottom.jpg); float: left; width: 220px; }

.generic_content_page_right_box_content { background-image: url(../images/generic_content_page_right_box_top.jpg); background-position: 0px 0px; background-repeat: no-repeat; float: left; padding: 10px 20px 15px 20px; width: 180px; }

.generic_content_page_right_box h2 { font-size: 19px; width: 100%; line-height: 24px; color: #E20074; border-bottom: 1px solid #D1D1D1; margin: 0; font-weight: normal; font-family: Tele-groteskHal; }

.generic_content_page_right_box .text_box { width: 100%; border-top: 1px solid white; padding-top: 10px; }

.generic_content_page_right_box .text_box p { font-size: 14px; font-weight: normal; line-height: 18px; margin-bottom: 10px; }

.generic_content_page_right_box ul { margin: 0px; padding: 0px; list-style-type: none; font-size: 14px; list-style-type: none; }


.generic_content_page_right_box ul li a { font-size: 14px; line-height: 18px; }

.generic_content_page_right_box .right_picture { float: right; display: inline; margin: 0px 0px 0px 10px; }

.generic_content_page_right_box ul li { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 10px; background: transparent url('../images/strelica.gif') no-repeat 0 5px; background-position: 0px 6px; background-repeat: no-repeat; font-size: 14px; line-height: 18px; }

.generic_content_page_text_column ul li p { font-size: 16px; line-height: 1.25; }

.generic_content_page_text_column ul li a { line-height: 1.25; }

.generic_content_page_text_column ul li a:hover { color: #e20074; }

.generic_content_page_special_offer { width: 520px; background-color: #F2F2F2; border-collapse: collapse; margin: 0px 0px 27px 0px; float: left; display: inline; }

.generic_content_page_special_offer td { vertical-align: middle; }

.generic_content_page_special_offer td.text { padding: 20px; width: 291px; text-align: left; }

.generic_content_page_special_offer td.text p { font-size: 13px; color: #333; margin-bottom: 0px; }


.generic_content_page_special_offer td.btn { padding: 20px 0px 20px 0px; width: 173px; text-align: center; vertical-align: middle; }

.generic_content_page_text_column table.tarif_table { border-top: 1px solid #D8D8D8; margin-bottom: 27px; }

.generic_content_page_footnotes_box { float: left; display: inline; width: 100%; border-top: 1px solid #CCCCCC; padding-top: 10px; }

.generic_content_page_footnotes_box p { color: #999; font-size: 14px; }

.generic_content_page_title_picture_container { width: 760px; float: left; display: inline; padding: 0px 0px 15px 0px; border-bottom: 1px solid #CDCDCD; margin-bottom: 48px; }

.generic_content_page_right_column { width: 220px; float: right; display: inline; }

/* akcije */

h1.actions_title { color: #2F2F2F; float: left; display: inline; font-size: 24px; margin: 50px 0px 45px 7px; }

.actions_table { width: 960px; border-collapse: collapse; border-top: 1px solid #CCCCCC; float: left; display: inline; margin: 0px 0px 20px 0px; }

.actions_table td { border-bottom: 1px solid #CCCCCC; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; vertical-align: top; }

.actions_table td.picture { padding-right: 0px; text-align: center; width: 245px; }

.actions_table td.text { padding-right: 20px; padding-left: 20px; width: 500px; text-align: left; }

.actions_table td.action_btn { padding-right: 20px; padding-left: 0px; text-align: right; width: 155px; }

.actions_table td.text h1 { font-size: 20px; line-height: 26px; margin: 0px 0px 15px 0px; padding: 0px; }

.actions_table td.text p { font-size: 14px; line-height: 16px; margin: 0px 0px 15px 0px; }

.actions_table td.text ul { list-style-type: none; margin: 0px; padding: 0px; }

.actions_table td.text ul li { margin: 0px 0px 4px 0px; padding: 0px 0px 0px 10px; background-image: url(../images/bullet.jpg); background-position: 0px 5px; background-repeat: no-repeat; line-height: 16px; font-size: 14px; }

.actions_table td.text ul li a { line-height: 16px; font-size: 14px; }

.actions_no_thanx_btn { float: right; display: inline; margin-right: 7px; }

.tab_menu_content_container { float: left; margin: 0px 0px 0px 0px; position: relative; width: 760px; overflow: hidden; }

.landing_page_row_container { float: left; display: inline; width: 100%; margin: 0 0 2.5em; }
.landing_page_row_container.no_margin { margin: 0; }

.program_list_activator { /*DT*/ padding: 0; margin: 25px 0px; }

.landing_page_row_container_border4px_radius { /*DT*/ float: left; display: inline; margin: 0px 0px 50px 0px; width: 944px; padding: 15px 7px 5px 7px; border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.landing_page_row_container_inner_padd { /*DT*/ float: left; display: inline; margin: 0px 0px 50px 0px; padding: 0; }

.landing_page_row_container_no_padd { /*DT*/ float: left; display: inline; margin: 0px; padding: 0; }

.landing_page_half_width_item_box_insidecontainer { /*DT*/ float: left; display: inline; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0 4% 0 0; border-right: 1px dotted #d1d1d1; }

.right { border: 0; margin: 0; padding: 0 0 0 4%; }


/* stalna ponuda home DT */
.homebox_stalnaponuda h1, .homebox_stalnaponuda h1 a { font-family: "Tele-grotesk"; font-size: 20px; line-height: 22px; margin: 0 0 25px 0; color: #333; border: 0; }

.homebox_stalnaponuda img { float: left; margin: 0 1.25em 0 0; border: 0; }

.homebox_stalnaponuda p { margin: 0 0 20px 0; line-height: 16px; }

.homebox_stalnaponuda h1 a:hover { color: #e20074; }

.homeaction { font-size: 16px; line-height: 22px; clear: both; margin-bottom: 35px; }

/* */

.border_top { border-top: 1px solid #D1D1D1; padding-top: 60px; }

.landing_page_item_box { float: left; display: inline; width: 33.33333333333333%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 1.25em; border-left: 1px dotted #D1D1D1; }

.landing_page_item_box:first-child, .landing_page_item_box.first { border: none; }

.landing_page_item_box_inner { float: left; display: inline; width: 270px; padding: 0px 22px; border-left: 1px dotted #D1D1D1; }

.landing_page_item_box_inner h1 { /*bug*/ font-family: "Tele-grotesk"; font-size: 20px; margin: 0 0 10px 0; color: #999; }

.buzi_pakz { margin: 0; padding: 0; list-style: none; }

.buzi_pakz li a { display: block; line-height: 25px; text-align: right; border-top: 1px dotted #e5e5e5; padding: 5px 0; }

.buzi_pakz li:first-child a { border-top: none; }

.biz_paketi, .biz_paketi1, .biz_paketi2, .biz_paketi3, .biz_paketi4, .biz_paketi5, .biz_paketi6, .biz_paketi7 { }

.biz_paketi { background: url(../images/bizpaketi_icon.png) no-repeat right; }
.biz_paketi1 { background: url(../images/bizpaketi_icon1.png) no-repeat right; }
.biz_paketi2 { background: url(../images/bizpaketi_icon2.png) no-repeat right; }
.biz_paketi3 { background: url(../images/bizpaketi_icon3.png) no-repeat right; }
.biz_paketi4 { background: url(../images/bizpaketi_icon4.png) no-repeat right; }
.biz_paketi5 { background: url(../images/bizpaketi_icon5.png) no-repeat right; }
.biz_paketi6 { background: url(../images/bizpaketi_icon6.png) no-repeat right; }
.biz_paketi7 { background: url(../images/bizpaketi_icon7.png) no-repeat right; }

.landing_page_item_box_inner:first-child { border: none; }

.landing_page_half_width_item_box { float: left; display: inline; width: 439px; margin: 0px 20px 0px 20px; }

.more_info_link, .landing_page_buy_btn { float: right; font-size: 14px; }

.more_info_link_left { float: left; font-size: 14px; }

.more_info_link:hover, .more_info_link_left:hover { text-decoration: underline; }

.landing_page_item_box_no_title { float: left; display: inline; width: 279px; margin: 58px 20px 0px 20px; }

.landing_page_item_box h2, .landing_page_item_box_no_title h2, .landing_page_half_width_item_box h2 { display: inline-block; font-size: 20px; line-height: 28px; font-weight: normal; margin: 0px 0px 30px 0px; width: 100%; }

.landing_page_item_box h2 a.title_link { float: left; display: inline; font-size: 20px; line-height: 28px; font-weight: normal; margin: 0px 0px 0px 0px; color: #333; }

.landing_page_item_box h2 a.title_link:hover { text-decoration: underline; }

.landing_page_item_box h3, .landing_page_item_box_no_title h3 { float: left; display: inline; font-size: 13px; line-height: 18px; font-weight: bold; margin: 0px 0px 0px 0px; width: 100%; }

.landing_page_item_box .full_image, .landing_page_item_box_no_title .full_image { float: left; display: inline; margin: 0px 0px 10px 0px; }

.full_image_no_margin { float: left; display: inline; margin: 0px 0px 0px 0px; }

.landing_page_item_box .left_column_image, .landing_page_item_box_no_title .left_column_image { float: left; display: inline; margin: 0px; }

.landing_page_item_box .left_column_text { width: 165px; float: left; display: inline; margin: 0px 0px 5px 0px; font-size: 14px; }

.full_width_column { float: left; width: 100%; }

.arrow_links_box { float: left; width: 279px; border-top: 1px dotted #D1D1D1; list-style-type: none; margin-bottom: 5px; }

.arrow_links_box li { float: left; width: 259px; border-bottom: 1px dotted #D1D1D1; padding: 10px; }

.arrow_links_box a { float: right; width: 244px; background-image: url(../images/ui.png); background-position: -701px -444px; padding-right: 15px; color: #666; font-size: 13px; }

.arrow_links_box a:hover, .arrow_links_box a:hover span { color: #333; background-position: -701px -404px; }

.arrow_links_box a span { color: #999; font-size: 11px; }

.arrow_links_box a.narrow { width: 185px; background-position: -760px -434px; padding-top: 10px; }

.arrow_links_box a.narrow:hover { background-position: -760px -394px; }

.arrow_links_box_half_width_full { float: left; width: 439px; border-top: 1px dotted #D1D1D1; list-style-type: none; margin-bottom: 5px; }

.arrow_links_box_half_width_full li { float: left; width: 419px; border-bottom: 1px dotted #D1D1D1; padding: 10px; }

.arrow_links_box_half_width_full a { float: right; width: 404px; background-image: url(../images/ui.png); background-position: -541px -444px; padding-right: 15px; color: #666; font-size: 16px; display: inline-block; min-height: 32px; }

.arrow_links_box_half_width_full a span { color: #999; font-size: 13px; }

.arrow_links_box_half_width_full a:hover, .arrow_links_box_half_width_full a:hover span { background-position: -541px -404px; color: #333; }

.home-business-usertype-container { float: left; width: 100%; margin: 0 0 2.5em; }

.landing_page_item_box .right_column_image_container { width: 94px; float: right; display: inline; margin: 0px; padding: 0px 0px 0px 20px; text-align: center; }

.right_column_image { float: right; border: 0; }

.home-main-box { position: relative; border: 1px solid #D1D1D1; border-top: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; padding: 35px 0 0; background: #fff url(../images/home-main-box-bg.jpg) repeat-x left bottom; }

.home-main-box .landing_page_item_box {//padding:20px 20px 0 20px; }

.landing_page_item_box .right_column, .landing_page_item_box_no_title .right_column { width: 139px; float: right; display: inline; margin: 0px; }

.landing_page_item_box .right_column_action { width: 109px; float: right; display: inline; margin: 0px; }

.landing_page_item_box .bottom_column, .landing_page_item_box_no_title .bottom_column { width: 279px; float: left; display: inline; margin: 10px 0px 0px 0px; }

.landing_page_item_box .bottom_column .bottom_left_column, .landing_page_item_box_no_title .bottom_column .bottom_left_column { padding-left: 10px; padding-right: 10px; width: 130px; float: left; }

.landing_page_item_box .bottom_column .bottom_right_column, .landing_page_item_box_no_title .bottom_column .bottom_right_column { padding-right: 5px; width: 124px; float: right; text-align: right; }

.landing_page_item_box .right_column p, .landing_page_item_box_no_title .right_column p, .landing_page_item_box .bottom_left_column p, .landing_page_item_box_no_title .bottom_left_column p { float: left; display: inline; margin: 0px 0px 10px 0px; font-size: 14px; line-height: 18px; }

.landing_page_item_box .link_list, .landing_page_item_box .list_bullets, .landing_page_item_box_no_title .link_list, .landing_page_item_box_no_title .list_bullets { float: left; display: inline; margin: 0px; padding: 0px; list-style-type: none; }

.link_list a:hover { text-decoration: underline; }

.landing_page_item_box .right_column .link_list, .landing_page_item_box .list_bullets, .landing_page_item_box_no_title .right_column .link_list, .landing_page_item_box_no_title .list_bullets { margin: 0px 0px 10px 0px; }

.landing_page_item_box .link_list li, .landing_page_item_box_no_title .link_list li { margin: 0px; padding: 0px; }

.landing_page_item_box .list_bullets li, .landing_page_item_box_no_title .list_bullets li { padding: 0px 0px 0px 10px; background-image: url(../images/bullet.jpg); background-position: 0px 6px; background-repeat: no-repeat; }

.landing_page_item_box .link_list li a, .landing_page_item_box .list_bullets li a, .landing_page_item_box_no_title .link_list li a, .landing_page_item_box_no_title .list_bullets li a { font-size: 14px; line-height: 18px; }

.landing_page_device_row_container .landing_page_item_divider { float: left; margin: 60px 0px 0px 0px; }

.landing_page_item_divider { float: left; margin: 35px 0px 0px 0px; }

.landing_page_break_container { width: 933px; height: 49px; line-height: 49px; padding-left: 20px; padding-right: 5px; float: left; display: inline; background: #fafafa url(../images/row-bg.jpg) repeat-x left bottom; border: 1px solid #d1d1d1; -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.narrow_page_break_container { width: 733px; height: 49px; line-height: 49px; padding-left: 20px; padding-right: 5px; float: left; display: inline; margin: 40px 0px 0px 0px; background: #fafafa url(../images/row-bg.jpg) repeat-x left bottom; border: 1px solid #d1d1d1; -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.landing_page_break_container_text { width: 933px; line-height: 1.3; padding: 10px 5px 10px 20px; float: left; display: inline; background: #fafafa url(../images/row-bg.jpg) repeat-x left bottom; border: 1px solid #d1d1d1; -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.landing_page_break_container_text a { font: inherit; }

.landing_page_break_container .title, .narrow_page_break_container .title, .landing_page_break_container_text .title { font-size: 21px; color: #333; float: left; font-family: Tele-groteskFet; }

.landing_page_break_container .title a, .narrow_page_break_container .title a, .landing_page_break_container_text .title a { color: #333; }

.news_panel { float: right; /*width: 760px;*/ overflow: hidden; }

.news_title_link { position: relative; float: right; color: #999999; font-size: 13px; line-height: 51px; padding-right: 20px; text-align: left; margin-right: 10px; }

.news_title_link:hover { color: #333; }

.news_link_arrow { position: absolute; width: 7px; height: 10px; right: 0px; top: 21px; background-image: url("../images/ui.png"); background-position: -953px -454px; background-repeat: no-repeat; }

.news_title_link:hover .news_link_arrow { background-position: -953px -414px; }



.landing_page_break_container .subtitle { font-size: 17px; color: #666; font-family: Tele-grotesk; }

.landing_page_break_container .buttons_panel, .narrow_page_break_container .buttons_panel { float: right; height: 51px; }

.landing_page_break_container .buttons_panel .button, .narrow_page_break_container .buttons_panel .button { float: left; margin: 8px 5px 0 0; }

.landing_page_break_container .buttons_panel a.direct_link { float: left; display: inline; margin-left: 40px; margin-right: 10px; margin-top: 0px; line-height: 51px; padding: 0px; }

.landing_page_quick_links_panel { float: left; display: inline; width: 96%; padding: 2%; border-top: 1px solid #d1d1d1; margin-top: 40px; }

.landing_page_quick_links_list { float: left; margin: 0px; padding: 0px; list-style-type: none; }

.landing_page_quick_links_title { font-size: 16px; line-height: 16px; color: #333; padding: 2px 8px 0px 0px; float: left; }

.landing_page_quick_links_list li { float: left; padding-left: 8px; padding-right: 8px; height: 24px; background-image: url(../images/quick_links_separator.png); background-repeat: no-repeat; background-position: right top; }

.landing_page_quick_links_list li.last { float: left; padding-left: 8px; padding-right: 8px; height: 24px; background-image: none; }

.landing_page_quick_links_list li a { line-height: 24px; font-size: 14px; }

.landing_page_quick_links_list li a:hover { text-decoration: underline; }

.landing_page_main_content_box .tab_menu_item_content_container, .landing_page_main_content_box .tab_menu_content_container { width: 100%; }

.landing_page_item_box .phone_box { margin: 0px; width: 100%; }

.landing_page_item_box .phone_box .phone_image img { margin-top: 0px; }

/*.landing_page_item_box .phone_box .phone_description, .landing_page_item_box .phone_box .phone_description h2, .landing_page_item_box .phone_box .phone_description .main_phone_characteristics_list, .landing_page_item_box .phone_box .phone_description .phone_price_box, .landing_page_item_box .phone_box .phone_description .phone_store_price_box, .phone_price {
	width: 159px;
}*/

.landing_page_item_box .phone_box .phone_description { padding-left: 4%; width: 56%; }

.landing_page_item_box .phone_box .phone_description h2 { height: auto; font-size: 1em; line-height: 1.25; color: #e20074; color: #333; margin: 0 0 0.75em 0; padding: 0; font-weight: normal; font-family: Tele-groteskfet; border: none; }

.landing_page_item_box .phone_box .phone_description h2 a:hover { text-decoration: underline; }

.landing_page_item_box .pop_box { position: relative; float: left; margin: 10px 0px 0px 0px; padding: 0px; width: 100%; }

.landing_page_item_box .pop_box .phone_dashboard { position: relative; float: left; bottom: 3px; }

.landing_page_item_box .pop_box .telephone_buy, .landing_page_item_box .pop_box .telephone_buy a { position: relative; float: left; margin-top: 0px; bottom: auto; }

.landing_page_device_row_container { float: left; display: inline; width: 100%; }

.phone_dashboard.preporuke { position: relative; bottom: 3px; float: left; }

.preporuke-kupi { float: left; width: 140px; position: relative; //left:5px; }

.preporuke-kupi .telephone_buy { position: relative; float: left; margin-top: 0px; //left: 5px; bottom: auto; }

p.interest-list { /*position:relative;
	left:5px;*/ font-size: 11px; margin: -6px 0 8px; }

.phone-price-box p.interest-list, .gadget_description_quarter_box p.interest-list { left: 0px; float: left; margin: 6px 0; }

.telephone_buy_large p.interest-list { margin: 6px 0 0; }

.gadget_description_quarter_box .fullspecs_buy_btn.small_button { margin-top: 4px !important; }

.devices_carousel_controls_container { position: relative; float: left; display: inline; width: 100%; /* 	border-bottom: 1px solid #DADADA; */ padding-bottom: 15px; }

.devices_carousel_more_link { position: absolute; right: 0px; line-height: 24px; bottom: 0; background: transparent url(../images/carusel-link-bg.png) no-repeat left top; color: #fff; padding: 0 10px 0 20px; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; font-size: 14px; }

.devices_carousel_more_link:hover { background-position: 0 -33px; color: #fff; }

.device_carousel_viewport { width: 100%; overflow: hidden; float: left; display: inline-block; height: 1px; }

.device_carousel_content { position: absolute; top: 0px; left: 0px; float: left; width: 100%; }

.carousel_button_big { width: 16px; height: 16px; background-image: url(../images/carousel_button.png); background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer; }

.carousel_button_big_selected { width: 16px; height: 16px; background-image: url(../images/carousel_button.png); background-repeat: no-repeat; background-position: -18px 0px; cursor: pointer; }

.carousel_button_small { width: 16px; height: 16px; background-image: url(../images/carousel_button.png); background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer; }

.carousel_button_small_selected { width: 16px; height: 16px; background-image: url(../images/carousel_button.png); background-repeat: no-repeat; background-position: -18px 0px; cursor: pointer; }

.devices_carousel_container { width: 67px; height: 21px; margin-top: 20px; margin-left: auto; margin-right: auto; }

.devices_carousel_container .carousel_button_small, .devices_carousel_container .carousel_button_small_selected { margin-right: 0px; }

.devices_carousel_container div { float: left; display: inline; margin-right: 5px; }

.main_carusel_background { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; overflow: hidden; }

.main_carusel_viewport { position: absolute; top: 0px; left: 50%; margin-left: -480px; width: 960px; height: 486px; z-index: 2; }

.main_carusel_viewport div { z-index: 2; }

.main_carusel_control_panel { position: absolute; left: 50%; height: 29px; bottom: 30px; z-index: 3; }

.main_carusel_viewport h1 { font-size: 46px; line-height: 50px; font-weight: normal; font-family: "Tele-groteskFet"; color: #4b4b4b; }

.main_carusel_viewport h2 { font-size: 32px; line-height: 36px; font-weight: normal; color: #e20074; font-family: "Tele-groteskFet"; }

.main_carusel_viewport p { color: #333; font-size: 24px; line-height: 1.3; font-family: "Tele-grotesk"; }

.main_carusel_viewport .button { margin-top: 10px; z-index: 2; position: relative; }

.main_carusel_viewport .button.iphone { margin: 100px 0 0 70px; }

.carusel-link { display: block; position: absolute; width: 960px; height: 396px; left: -520px; top: -110px; z-index: 1; }

.highlightbox { padding: 20px; margin: 0 0 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative; }
.highlightbox h2, .highlightbox h3, .highlightbox h4 { margin: 0 0 10px; display: block; font-family: "Tele-groteskfet"; font-weight: normal; }
.highlightbox p:last-child { margin-bottom: 0; }

.highlightbox p { font-size: 16px; margin-bottom: 10px; }
.highlightbox h5 { font-size: 16px; }

.highlightbox.grey { background: #f2f2f2; }
.highlightbox.white { background: white; border: 5px solid #f2f2f2; }
.highlightbox.green { background: #ddd674; }
.highlightbox.yellow { background: #fdd167; }
.highlightbox.lightyellow { background: #fef3d9; }
.highlightbox.orange { background: #eda95a; }
.highlightbox.blue { background: #d8edf8; }
.highlightbox.lightmagenta { background: #fbd9ea; }
.highlightbox.fon { background: #f8a038; }
.highlightbox.nagradna-eracun { background: #fff url(../images/nagradna-eracun-bg.png) no-repeat 0 0; }
.highlightbox.maxtvsatnagradna { float: right; width: 500px; position: relative; top: 235px; }

.float-right { float: right; margin: 0 0 0 8px; }
.float-left { float: left; margin: 0 8px 0 0; }
.white { color: #FFFFFF; }
.fon_color { color: #f8a038; }
.striped { background: #fff url(../images/srafura.png) repeat 0 0; padding: 6px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.map-container { border: 1px solid #fff; background: #f2f2f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35); padding: 4px; }

.uppercase-title, .static_content_container .uppercase-title { text-transform: uppercase; font-size: 1.75em; }
.big_title { font-size: 2.75em; font-family: "Tele-groteskFet"; font-weight: normal; }

/* ***************************************************SELF CARE********************** */
.activation_note { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 1px solid #D1D1D1; /* border-bottom: 1px solid #D1D1D1; */ position: relative; padding: 40px 30px; font-size: 18px; line-height: 24px; margin-bottom: 23px; }

.activation_note_tarif { float: left; width: 700px; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; position: relative; padding: 40px 30px; font-size: 16px; margin: 0px 0px 20px 0px; font-weight: bold; line-height: 22px; }

.activation_note_tarif.full, .activation_note.full { width: 900px; padding: 30px; }

.activation_note_tarif.full-up, .activation_note.full-up { width: 900px; padding: 30px; margin: 20px 0 0; }

.activation_note_auto { width: 100%; float: left; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; position: relative; padding: 30px 0; font-size: 16px; margin: 0px 0px 20px 0px; font-weight: bold; line-height: 22px; }

.activation_note_auto span { margin: 0 30px; display: inline-block; }

.affirmative_activation_note { color: #e20074; background: #e4e4e4; background-image: url(../images/tile_obavijest_yes.jpg); background-repeat: repeat-x; font-weight: bold; }

.fault_activation_note { color: #333; background: #ffcbe6; background-image: url(../images/tile_obavijest_no.jpg); background-repeat: repeat-x; font-weight: bold; }

.activation_note_close_btn { position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; background-image: url(../images/ui.png); background-position: 0px -279px; }

.activation_note_close_btn:hover { background-position: -34px -279px; }

.activation_note a { font: inherit; }

.activation_note .activation-note-small { font: normal 19px/1.2 Tele-grotesk; display: inline-block; margin: 15px 0 0; color: #333; }

.family_tarif_cp_numbers { float: left; width: 760px; background: white; padding: 10px; color: #333; margin-top: 20px; margin-left: -30px; margin-bottom: -40px; }

.family_tarif_cp_numbers dl { float: left; width: 400px; background: white; padding: 0px 0px; color: #333; margin-top: 10px; margin-left: 0px; margin-bottom: 0px; }

.family_tarif_cp_numbers dl dt { float: left; width: 120px; line-height: 38px; }

.family_tarif_cp_numbers dl dd { float: left; width: 200px; }

.t_club_credits_status { float: left; width: 760px; }

.t_club_credits_status dl { float: left; width: 720px; padding: 20px; font-size: 16px; background: #eee; }

.t_club_credits_status dl a:hover { text-decoration: underline; }

.t_club_credits_status dt { float: left; width: 520px; color: #666; }

.t_club_credits_status dd { float: right; width: 180px; color: #333; text-align: right; font-weight: bold; }

.t_club_credits_status p { float: left; width: 760px; margin: 20px 0px 40px 0px; }

.t_credits_table { float: left; width: 760px; border-collapse: collapse; border-top: 1px solid #D1D1D1; margin-bottom: 40px; }

.t_credits_table td { padding: 10px 0px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #D1D1D1; }

.not_available { color: #999; }

.t_credits_table td.credits_count { text-align: left; width: 140px; font-size: 24px; }

.t_credits_table td.credits_price { text-align: right; padding-right: 40px; width: 460px; }

.t_credits_table td.credits_picker { text-align: right; width: 120px; font-size: 14px; }


/*** ODABIR TARIFE ***/

ul.tarif_process_list { margin: 4px 0 20px; position: relative; float: left; }
ul.tarif_process_list li { list-style-type: none; float: left; background: #f7f7f7; padding: 6px 14px 8px; margin: 4px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 532px; cursor: pointer; transition-property: background,box-shadow; transition-duration: 200ms; -moz-transition-property: background,box-shadow; -moz-transition-duration: 200ms; -webkit-transition-property: background,box-shadow; -webkit-transition-duration: 200ms; -o-transition-property: background,box-shadow; -o-transition-duration: 200ms; }

ul.tarif_process_list li:hover { background: #dff1ff; }

ul.tarif_process_list li.selected { border: 3px solid #d1eaff; margin: 1px 0; left: -3px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, 0.3); background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #d5d5d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */ cursor: default; }

ul.tarif_process_list li.selected .tarif_values li { cursor: default; }

ul.tarif_process_list li a:hover { text-decoration: underline; }

ul.tarif_process_list .tarif_name { font-size: 24px; font-weight: normal; margin-right: 10px; font-family: "Tele-groteskUlt"; text-shadow: 1px 1px 1px #fff; }

ul.tarif_process_list a.button_next { position: relative; left: 428px; margin-top: 5px; }

ul.tarif_process_list .action_offer { color: #e20074; margin: 0 0 0 8px; }

ul.tarif_process_list .action_offer a { color: #e20074; font-size: 14px; }

.tarif_values { float: left; font-size: 11px; color: #999; line-height: 13px; margin-top: 10px; width: auto; border-left: 1px solid #e5e5e5; border-right: 1px solid #fff; padding: 0 0 0 14px; }

.tarif_values.noborder { border-left: none; border-right: none; }

.tarif_values.prices, .tarif_values.packages { width: auto; padding: 0; }

.tarif_values.downgrade { width: 72px; min-height: 48px; }
.tarif_values.cell-price { width: 72px; border-right: none; padding-right: 0; }
.tarif_values.monthly { width: 62px; border-left: none; padding-left: 0; }

.tarif_values ul { }
.tarif_values ul li { background: transparent; width: 45px; padding: 0; margin: 0; border: none; }

.tarif_values.packages ul li { width: 120px; }
.tarif_values.cell-price ul li { width: 80px; }

.tarif_values ul li:hover { background: transparent; }
.tarif_values.prices ul li { width: 80px; }
.tarif_values.downgrade ul li { width: 80px; }

.tarif_values ul li span { font: normal 19px/1 Tele-groteskFet; color: #333; display: inline-block; margin-top: 4px; }

.tarif_values.packages ul li span { color: #e20074; }

ul.tarif_process_list li div.web-akcija { display: block; background: transparent url(../images/web-akcija-sticker.png) no-repeat 0 0; width: 57px; height: 57px; overflow: hidden; text-indent: -1000px; position: absolute; padding: 0; right: -1px; top: -1px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 4px 0px 0px; border-radius: 0px 4px 0px 0px; }
ul.tarif_process_list li.selected div.web-akcija { background-position: 1px -61px; right: 0; top: 0; }

ul.tarif_process_list p { margin-top: 2px; font-size: 18px; font-family: "Tele-grotesk"; line-height: 1.3; font-weight: bold; text-shadow: 0px 1px 0 #fff; }

ul.tarif_process_list li .button { float: right; margin: 15px 0 0 5px; display: none; }
ul.tarif_process_list li .button.gray_btn { display: block; }
ul.tarif_process_list li .button:hover { text-decoration: none; }
ul.tarif_process_list li.selected .button { display: block; }
ul.tarif_process_list li.selected .button.gray_btn { display: none; }

.active-tariff { font: bold 11px/normal Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 0 0 20px; padding: 2px 5px; color: #4b4; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); -moz-box-shadow: 0 0 4px rgba(0,0,0,.2); -o-box-shadow: 0 0 4px rgba(0,0,0,.2); -ms-box-shadow: 0 0 4px rgba(0,0,0,.2); box-shadow: 0 0 4px rgba(0,0,0,.2); }
.new-active-tariff { display: none; margin: 10px 0 0 8px; }
.tooltip.magenta { background-position: -44px -22px; }
.tooltip.magenta:hover { background-position: -66px -22px; }

ul.tarif_process_list.fiksna .active-tariff { margin: 8px 0 0 0; display: inline-block; }
ul.tarif_process_list li.selected .new-active-tariff { display: inline-block; }

ul.tarif_process_list.fiksna .holder { padding: 6px 0; }
ul.tarif_process_list.fiksna .holder .tarif_name { font-size: 16px; line-height: 1.5; }
ul.tarif_process_list.fiksna .fix_tarif_price { font-size: 18px; line-height: 45px; color: #e20074; font-weight: bold; }
ul.tarif_process_list.fiksna li .button { margin: 5px 15px 0 0; }
ul.tarif_process_list.fiksna li { padding: 8px 14px; }

ul.kvacica { list-style-type: none; margin: 0 0 10px; }
ul.kvacica li { background: transparent url(../images/li-tick.png) no-repeat 0 2px; margin: 0 0 5px; font-size: 1em; padding: 0 0 0 16px; }

/**** MAX3 i MAX2 paketi ****/

.paketi_container { position: relative; left: -10px; width: 980px; float: left; margin: 0 0 1.5em; }
.paketi_container h3 { margin: 0 0 8px 10px; display: block; font-weight: normal; }

.paketi_box { float: left; border: 1px solid #e5e5e5; margin: 10px; padding: 10px 15px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgb(255,255,255) 50%, rgb(243,243,243) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgb(255,255,255)), color-stop(100%,rgb(243,243,243))); background: -webkit-linear-gradient(top, rgb(255,255,255) 50%,rgb(243,243,243) 100%); background: -o-linear-gradient(top, rgb(255,255,255) 50%,rgb(243,243,243) 100%); background: -ms-linear-gradient(top, rgb(255,255,255) 50%,rgb(243,243,243) 100%); background: linear-gradient(top, rgb(255,255,255) 50%,rgb(243,243,243) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); transition-property: background,box-shadow; transition-duration: 200ms; -moz-transition-property: background,box-shadow; -moz-transition-duration: 200ms; -webkit-transition-property: background,box-shadow; -webkit-transition-duration: 200ms; -o-transition-property: background,box-shadow; -o-transition-duration: 200ms; }
/*.paketi_box:hover {background:#eff8ff;}

.paketi_box.selected {border:5px solid #d1eaff; margin:6px; 
-webkit-border-radius: 7px; 
-moz-border-radius: 7px;	
border-radius: 7px;
-webkit-box-shadow: inset 1px 2px 5px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 1px 2px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 1px 2px 5px 0px rgba(0, 0, 0, 0.3);
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); 
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
cursor:default;
}*/
.paketi_box.third { width: 274px; }
.paketi_box.half { width: 438px; }
.paketi_box.quarter { width: 193px; }
.paketi_box h2 { font-size: 20px; margin: 0 0 15px; font-family: "Tele-grotesk"; font-weight: normal; }
.paketi_box h6 { position: relative; top: -10px; font-size: 16px; color: #e20074; margin: 0; font-family: "Tele-groteskFet"; font-weight: normal; }
.paketi_box .kvacica { padding: 0 0 8px; margin-bottom: 0; border-bottom: 1px solid #dbdbdb; color: #666; }
.paketi_box .kvacica.noborder { border-bottom: none; }
.paketi_box img.icon { position: absolute; right: 0; top: 30px; }

.paketi_box .ec-new-promo-opcije { position: absolute; display: block; top: 4em; right: 2em; color: #333; background: #FCD167; font: normal 0.875em/1.1 Headline; padding: 0.5em 0.75em; text-transform: uppercase; transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); }
.paketi_box .ec-new-promo-opcije span { font: normal 1.875em/1.1 Headline-ult; }

.paketi_highlightbox { background: #FAF0F5; }

.paketi_prices { border-top: 1px solid #fff; padding: 8px 0; border-bottom: 1px solid #dbdbdb; float: left; position: relative; }
.paketi_prices.last { border-bottom: none; padding-bottom: 0; }
.paketi_box.third .paketi_prices { width: 266px; }
.paketi_box.half .paketi_prices { width: 430px; }
.paketi_box.quarter .paketi_prices { width: 182px; }

.paketi_box.no-bg { background: #fff; }

p.addinfo + div .paketi_prices { border-top: none; }

/*.paketi_prices p.small {font-size:11px;}
.paketi_prices p.main {font-size:24px; color:#e20074; margin:8px 0 0;}
.paketi_prices p.normal {font-size:13px; font-weight:bold; margin:3px 0 0;}
.paketi_prices p span {font-size:12px; font-weight:normal; color:#999;}*/

.price_holder { display: table-cell; height: 55px; width: 140px; vertical-align: middle; font-size: 14px; font-weight: normal; color: #999; }
.paketi_box.quarter .price_holder { display: table-cell; height: 35px; width: 140px; vertical-align: middle; font-size: 14px; font-weight: normal; color: #999; }
.price_holder .main { font-size: 26px; color: #e20074; margin: 8px 3px 0 0; font-family: "Tele-groteskFet"; }
.price_holder .normal { font-size: 13px; font-weight: bold; margin: 3px 0 0; color: #333; }
.price_holder h4 { color: #333; margin: 0 0 4px; }

.paketi_prices .small { font-size: 11px; margin: 0 0 6px; }
.paketi_box .button { float: right; margin: 8px 0 0; }
.paketi_box.quarter .button { float: none; margin: 8px 0 0; }

.packages-offer { margin: 0; padding: 30px 0 30px 30px; width: 930px; }
.packages-offer.half { margin: 0; padding: 30px 0 30px 30px; width: 450px; float: left; }
.packages-offer.max3 { background: transparent url(../images/max3-paketi-bann.jpg) no-repeat right top; min-height: 230px; }
.packages-offer.maxtotal { background: transparent url(../images/max-total-bann.jpg) no-repeat right top; min-height: 230px; }
/*.packages-offer.maxtvsat {background:transparent url(../images/maxtvsat.jpg) no-repeat right top; min-height:230px}*/
.packages-offer.maxtvsat { background: transparent url(../images/maxtvsat.jpg) no-repeat right top; min-height: 230px; }
.packages-offer.max2 { background: transparent url(../images/max2-paketi-bann.jpg) no-repeat right top; min-height: 230px; }
.packages-offer.extratotalplus { background: transparent url(../images/ljudi.png) no-repeat right top; min-height: 180px; }
.packages-offer.max2-gigaset { background: transparent url(../images/max2-paketi-bann-gigaset.jpg) no-repeat right top; min-height: 230px; }
.packages-offer.nadoplatabona { background: transparent url(../images/kako-nadoplatiti-bon.jpg) no-repeat right top; min-height: 230px; padding: 60px 0 10px 30px; }
.packages-offer.halobon { background: transparent url(../images/halobon-bg.jpg) no-repeat right 15px; min-height: 230px; }
.packages-offer.youngoffer { background: transparent url(../images/ponuda-za-mlade-bann.jpg) no-repeat right bottom; min-height: 180px; margin: 0 0 40px; }
.packages-offer.maxtvtogo { background: transparent url(../images/maxtvtogo-bann.jpg) no-repeat right top; min-height: 230px; }
.packages-offer.internetpromo { background: transparent url(../images/maxadsl-smartphone-small.jpg) no-repeat 65% top; min-height: 128px; }
.packages-offer h1 { width: auto; margin: 0 0 15px; font-family: "Tele-groteskFet"; font-weight: normal; font-size: 30px; }
.packages-offer p { margin: 0 0 8px; width: 470px; font-size: 1em; line-height: 19px; }
.packages-offer.half p { margin: 0 0 8px; width: 100%; font-size: 1em; line-height: 19px; }
.packages-offer h3 { margin: 0 0 8px; font-family: "Tele-grotesk"; font-weight: normal; }
.packages-offer h2 { font-family: Tele-groteskFet; font-size: 21px; font-weight: normal; margin: 0 0 8px; }
.packages-offer .small_button { margin: 0 0 15px; }
.packages-offer.za-mlade { background: transparent url(../images/ponuda-za-mlade-banner.jpg) no-repeat right top; min-height: 307px; margin: 0; padding: 2em 0 0; width: 100%; }
.packages-offer.timsketarife { background: transparent url(../images/timsketarife-bann.jpg) no-repeat right top; min-height: 294px; margin: 0; padding: 2.5em 0 0 2%; width: 98%; }

.packages-offer.timsketarife h1 { font: normal 3em/1 Tele-groteskfet; margin: 0 0 0.25em; width: 40%; }
.packages-offer.timsketarife p { font: normal 1.375em/1.2 Tele-grotesk; margin: 0 0 0.5em; width: 40%; }
.timske-promo-box { float: left; padding: 1.25em 1.5em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #cdcdcd; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; position: relative; margin: 0 1.5% 1em 0; background: #ffffff; 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 ); }
.timske-promo-box.white-bg { background: #fff; filter: none; }
.timske-promo-box h3 { font: normal 1.5em/1.2 Tele-groteskhal; margin: 0 0 1em; }
.timske-promo-box h5 { font: normal 1.125em/1.3 Tele-groteskhal; margin: 0 0 0 1em; }
.timske-promo-box ul.kvacica li { font: normal 0.875em/1.3 Arial, Helvetica, sans-serif; margin: 0 0 0.85em; }
.timske-promo-box.full { width: 100%; margin: 0 0 1em 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); }
.timske-promo-box.full h3 { font: normal 1.75em/1.285714285714286 Tele-groteskhal; color: #e20074; margin: 0; float: left; }
.timske-promo-box.full .button { float: right; }
.timske-promo-box.twofifths { width: 39.1%; }
.timske-promo-box.fifth { width: 18.8%; }
.timske-promo-box.last { margin-right: 0; }

ul.fancy { list-style-type: none; margin: 0 0 1em; padding: 0; }
ul.fancy li { font: normal 1.5em/1.2 Tele-grotesk; background: transparent url(../images/ul-fancy.png) no-repeat 0 6px; padding: 0 0 0 1.25em; }

.packages-offer.za-mlade h5 { font: normal 1.25em/1 Tele-grotesk; color: #7c7c7c; margin: 0 0 2em; }
.packages-offer.za-mlade h1 { font: normal 3.125em/1 Tele-groteskfet; color: #333; margin: 0 0 0.5em; }
.packages-offer ul.fancy { padding: 0 0 0 1em; }
.ponuda-za-mlade-box h2 { font: normal 1.875em/1 Tele-groteskfet; margin: 0; }
.ponuda-za-mlade-box h3 { font: normal 1.25em/1.2 Tele-grotesk; margin: 0 0 1em; }
.ponuda-za-mlade-box ul.kvacica li { font: normal 0.75em/1.7 Arial, Helvetica, sans-serif; color: #7f7f7f; background-position: 0 4px; margin: 0; }
.ponuda-za-mlade-box ul.kvacica { margin: 0 0 1em; }
.ponuda-za-mlade-box .link-more { margin: 0 0 0 1em; }
.ponuda-za-mlade-box { position: relative; }
.ponuda-za-mlade-box .ec-new-tarif { width: 119px; height: 119px; background: transparent url(../images/ec-nova-tarifa.png) no-repeat 0 0; position: absolute; bottom: -1em; right: -0.5em; }

.multimedia-promo-box { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e1e1e1; margin: 2em 0 1em; padding: 1em 2.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; position: relative; }
.multimedia-promo-box h3 { font: normal 1.5em/1 Tele-grotesk; margin: 0 0 1em; }
.multimedia-promo-box h3 .currency { display: inline-block; font-size: 0.5em; margin: 0 0 0 0.125em; color: #333; position: relative; bottom: 0.65em; }
.multimedia-promo-box .multimedia-icon { display: inline-block; width: 172px; height: 60px; margin: 0 4.5em 0 0; }
.multimedia-promo-box .multimedia-icon.spremalica { background: transparent url(../images/spremalica-logo.png) no-repeat 0 0; }
.multimedia-promo-box .multimedia-icon.maxtvtogo { background: transparent url(../images/maxtvtogo-logo.png) no-repeat 0 0; }
.multimedia-promo-box .multimedia-icon.deezer { background: transparent url(../images/deezer-logo.png) no-repeat 0 0; width: 167px; }
.multimedia-promo-box .button { float: right; }
.multimedia-promo-box .more-link-bottom { 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; }

.packages-offer ul.paketi-ul { margin: 15px 0 20px; list-style-type: none; font-size: 14px; }
.packages-offer ul.paketi-ul li { margin: 0 0 6px; padding: 2px 0 2px 24px; }
.packages-offer ul.paketi-ul li.telefon { background: transparent url(../images/icon-telefon.png) no-repeat 0 0; }
.packages-offer ul.paketi-ul li.internet { background: transparent url(../images/icon-internet.png) no-repeat 0 0; }
.packages-offer ul.paketi-ul li.tv { background: transparent url(../images/icon-tv.png) no-repeat 0 0; }
.packages-offer ul.paketi-ul li.mob { background: transparent url(../images/icon-mob.gif) no-repeat 0 0; }
.packages-offer ul.paketi-ul li.racun { background: transparent url(../images/icon-racun.png) no-repeat 0 0; }
.packages-offer ul.paketi-ul li.basket { background: transparent url(../images/icon-basket.png) no-repeat 0 0; }

.divider-shadow-top { float: left; width: 100%; background: transparent url(../images/divider-shadow-top.png) no-repeat top center; height: 33px; }
.divider-shadow-bottom { float: left; width: 100%; background: transparent url(../images/divider-shadow-bottom.png) no-repeat bottom center; height: 33px; }

.packages-offer .price_holder { margin: 10px 0 0; float: left; height: auto; }

.program-package dt { float: left; margin: 0 3px 8px 0; height: 15px; }
.program-package dd { margin: 0 0 8px; }

.process_chosen { margin: 0 0 30px; background: #e4e4e4; padding: 10px 20px; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.process_chosen p { font-size: 13px; }

.service_selection_container { border: 1px solid #D1D1D1; padding: 30px 35px 20px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.service_selection_container h3 { font-size: 16px; color: #e20074; margin: 0 0 15px; }
.service_selection_container h3.box-hl { display: inline-block; padding: 5px 10px; background: #fff; position: absolute; top: -15px; left: 25px; }

.service_selection_box { margin: 25px 0 30px; float: left; width: 276px; height: 140px; padding: 10px 0 0 20px; }
.service_selection_box label { display: block; font-weight: bold; padding: 70px 0 0; opacity: 0.4; font-size: 16px; }
.service_selection_box.active label { opacity: 1; }
.service_selection_box label.halo { background: transparent url(../images/service-icon-phone.png) no-repeat 130px bottom; }
.service_selection_box label.maxtv { background: transparent url(../images/service-icon-tv.png) no-repeat 60px bottom; }
.service_selection_box label.maxadsl { background: transparent url(../images/service-icon-laptop.png) no-repeat 75px bottom; }
.service_selection_box.active { background: #fff url(../images/service-box-bg.png) no-repeat right 0; }
.service_selection_box.active.selected { background: #f2f2f2 url(../images/service-box-bg22.html) repeat-y 260px 0; }

.service_selection_box select { padding: 2px 0px 2px 6px; width: 180px; margin: 8px 0px 0px 0px; font-size: 14px; border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; vertical-align: middle; }
.service_selection_box select:disabled { color: #aaa; }
.service_selection_box .process_next_img { float: right; display: block; width: 94px; height: 50px; background: transparent url(../images/dalje-process.png) no-repeat 0 -50px; margin: 25px 11px 0 0; }
.service_selection_box .process_next_img.active { background-position: 0 0; }

.service_selection_box.half { margin: 25px 0 30px; float: left; width: 424px; height: 140px; padding: 10px 0 0 20px; }
.service_selection_box.half img { float: left; margin: 20px 10px 0 30px; }
.service_selection_box.half label { padding: 55px 0 0; background-image: none; }
.service_selection_box.half#maxadsl img { margin: 30px 10px 0 30px; }

.select_options { margin: 0 0 10px; list-style-type: none; float: left; width: 100%; display: none; }
.select_options li { float: left; display: block; margin: 0 10px 10px 0; width: 256px; padding: 0 20px 0 0; background: #fafafa; padding: 10px 12px; -webkit-transition: background 300ms; -moz-transition: background 300ms; -ms-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; }
.select_options li:hover { background: #e8f5fb; }
.select_options input[type="checkbox"] { cursor: pointer; margin: 0 8px 10px 0; display: block; float: left; }
.select_options label { cursor: pointer; font-size: 14px; display: block; float: left; }
.select_options li .price { display: block; clear: both; color: #e20074; font-size: 18px; margin: 0 0 0 21px; }
.select_options li .more { margin: 0 0 0 21px; font-size: 11px; }

.service_selection_container .next { display: none; }

.service_selection_container .activation_note_auto { display: none; }

.activation_note_auto a { font: inherit; }
.activation_note_auto a:hover { text-decoration: underline; }

h4.head-pdf { border-bottom: 1px solid #D1D1D1; font-size: 18px; background: transparent url(../images/icon-head-pdf.png) no-repeat 98% 0px; line-height: 20px; padding: 0 32px 4px 0; margin: 0 0 16px; }

ul.bullets { list-style-type: none; margin: 0 0 20px; }

ul.bullets li { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px; background-image: url(../images/bullet.jpg); background-position: 0px 8px; background-repeat: no-repeat; font-size: 16px; line-height: 1.25; }

ul.arrow { list-style-type: none; margin: 0 0 20px; float: left; }

ul.arrow li { margin: 0px 0px 3px 0px; padding: 0px 0px 0px 13px; background-image: url(../images/strelica.gif); background-position: 0px 6px; background-repeat: no-repeat; font-size: 14px; line-height: 18px; }

ul li.upute { background: url(../images/bullet_upute.gif) no-repeat left top; padding-left: 15px; }

ul li.upute_film { background: url(../images/bullet_zastita.gif) no-repeat left top; padding-left: 15px; }

ul li.upute_firmware { background: url(../images/bullet_zastita.gif) no-repeat left top; padding-left: 15px; }

ul.specifikacije-lista, .static_content_container ul.specifikacije-lista { list-style-type: none; margin: 0.5em 0 0; border-top: 1px solid #d1d1d1; float: left; width: 100%; padding: 0.75em 0 0; }
ul.specifikacije-lista.sep, .static_content_container ul.specifikacije-lista.sep { margin: 0.5em 0 2.5em; }

ul.specifikacije-lista li, .static_content_container ul.specifikacije-lista li { font: normal 1em/1.5 Tele-grotesk; background: #fff; padding: 0; margin: 0 0 0.25em; }

table.list_table { width: 100%; border-spacing: 1px; }

table.list_table td { padding: 5px 8px; border-bottom: 1px solid #e5e5e5; }

table.list_table thead td { font-family: Tele-groteskFet; font-size: 16px; }

table.list_table tbody tr:nth-child(odd) { background: #f5f5f5; }

/* *********************************DEVELOPER MESSAGES******************************* */

td.border_none { border-bottom: none; }

.sep1 { margin-top: 16px; }
.sep2 { margin-bottom: 16px; }
.sep3 { margin: 16px 0; }

.noborder { border: none !important; }

.development_purposes { float: left; margin: 20px 0px; background: yellow; text-shadow: 1px 1px 1px lime; color: black; }
.development_purposes p { font-size: 14px; margin: 0 0 10px; }
.development_purposes a, .develop_link { background: yellow; color: black; text-shadow: 1px 1px 1px lime; font-size: 14px; text-decoration: underline; }

.development_purposes a.develop_link:hover { text-decoration: none; }

span.magenta { color: #e20074; }
span.black { color: #333; }
span.gray { color: #666; }
span.highlight { font-weight: bold; }

/*********** channell list */

#channelscel { width: 498px; }

#channelscel td { vertical-align: top; }

#channelscel td.scelmain { width: 23%; background: #f2f2f2; }

#channelscel td.scelspace { width: 1%; background: White; }

#channelscel ul { padding: 0; margin: 0 0 15px 0; float: none; }

#channelscel li { padding: 5px; margin: 0; list-style: none; font-size: 11px; color: Black; border-bottom: 1px dotted White; background-image: none; line-height: normal; }

#channelscel ul.blue { background: #D5EAF9; }
#channelscel li.blue { background: #87C8EE; font-weight: bold; }

#channelscel ul.orange { background: #F5ECE1; }
#channelscel li.orange { background: #EBCBA7; font-weight: bold; }

#channelscel ul.green { background: #F5F6DD; }
#channelscel li.green { background: #DFDE83; font-weight: bold; }

#channelscel ul.brown { background: #F0E2DA; }
#channelscel li.brown { background: #D9BDAD; font-weight: bold; }

#channelscel ul.mag { background: #FAF0F5; }
#channelscel li.mag { background: #FAD2E7; font-weight: bold; }

#channelscel .janjetina { background: #333; color: White; font-weight: bold; }

.overlay { margin-top: 10px; }

.overlay.loader { position: absolute; background-color: #FFF; border: 1px solid #bbb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);; padding: 16px 30px 13px 30px; display: none; }

.overlay h2 { float: none; margin-bottom: 15px; }
.overlay h4 { margin: 0 0 10px; }

.overlay ul, .modal_dialogue_container ul { list-style-type: none; margin: 0 0 15px; float: left; }
.overlay ul li, .modal_dialogue_container ul li { margin: 0px 0px 3px 0px; padding: 0px 0px 0px 10px; background-image: url(../images/bullet.jpg); background-position: 0px 6px; background-repeat: no-repeat; font-size: 14px; line-height: 18px; }

.overlay .close.default { background: transparent url(../images/ui.png) -2px -281px; position: absolute; right: -15px; top: -15px; display: block; cursor: pointer; height: 20px; width: 20px; z-index: 1; }
.overlay .close.default:hover { background-position: -36px -281px; }

.content-overlay { width: 640px; background-color: #FFF; border: 5px solid #E5E5E5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 0px 15px black; -webkit-box-shadow: 0px 0px 15px black; box-shadow: 0px 0px 15px black; padding: 16px 20px; display: none; margin: 10px 0 10px; }

.content-overlay.auto { width: auto; }

.content-overlay .close { position: absolute; width: 25px; height: 25px; display: block; top: -15px; right: -15px; background-image: url(../images/ui.png); background-repeat: no-repeat; background-position: 0px -279px; }

.content-overlay .close:hover { background-position: -34px -279px; }

.mainboxhalf { float: left; width: 50%; border-right: 1px dotted #d1d1d1; margin: 0 4% 1em 0; padding: 0 4% 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.mainboxhalf.last { margin-right: 0; padding: 0; border-right: none; width: 46%; }

.mainboxhalf.noborder { border-right: none; }

.mainboxthird { float: left; width: 32.875%; border-right: 1px dotted #d1d1d1; margin: 0 1.375% 1em 0; padding: 0 1.375% 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.mainboxthird.no_margin { margin-bottom: 0; }

.mainboxthird.last { margin-right: 0; width: 31.5%; padding: 0; border-right: none; }

.mainboxtwothirds { float: left; width: 65.4%; border-right: 1px dotted #d1d1d1; margin: 0 1.5% 15px 0; padding: 0 1.5% 0 0; }
.mainboxtwothirds.last { margin-right: 0; padding: 0; border-right: none; }

.mainboxquarter { float: left; width: 24.25%; border-right: 1px dotted #d2d2d2; padding: 0 1.5% 0 0; margin: 0 1.5% 1em 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.mainboxquarter.last { margin-right: 0; padding: 0; width: 22.75%; border: none; }

/*** VIDEOTEKA ***/

.jcarousel-skin-tango .jcarousel-container { background: #fff url(../images/shelf.png) no-repeat left 93%; }

.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 880px; padding: 20px 40px; float: left; }

.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }

.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 828px; height: 190px; margin: 0 26px; }

.jcarousel-skin-tango .jcarousel-item { width: 138px; height: 190px; text-align: center; }

.jcarousel-skin-tango .jcarousel-item a { display: block; color: #000; text-decoration: none; padding: 0 15px; }

.jcarousel-skin-tango .jcarousel-item a img { border: none; -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(.8, rgba(0,0,0,0)), to(rgba(0,0,0,.25))); }

.jcarousel-skin-tango .jcarousel-item a:hover { background: transparent url(../images/cover-highlight-02.png) no-repeat -1px -1px; }

.jcarousel-skin-tango .jcarousel-item a h2 { margin: 6px 0 0; padding: 0px; font-size: 15px; height: 36px; line-height: 18px; overflow: hidden; font-weight: normal; color: #333; font-family: Tele-groteskFet; position: relative; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25); }

.jcarousel-skin-tango .jcarousel-item-horizontal { /*margin-left: 19px;
	margin-right: 19px;*/ }

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }

.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 70px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/arrows.png) no-repeat -47px -4px; }

/*.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	 background-image: url(http://sorgalla.com/projects/jcarousel/skins/tango/prev-horizontal.png);
	background: #333;
} */

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -47px -51px; }

.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -47px -94px; }

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -47px -138px; }

.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 70px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/arrows.png) no-repeat -4px -4px; }

/*.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(http://sorgalla.com/projects/jcarousel/skins/tango/next-horizontal.png);
	background: #333;
} */

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -4px -51px; }

.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -4px -94px; }

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -4px -138px; }

h2.videoteka-naslov { display: block; font-family: Tele-groteskFet; font-weight: normal; color: #333; font-size: 21px; padding: 3px 0 3px 20px; }

h2.videoteka-naslov a { display: inline-block; border-left: 1px solid #d1d1d1; font-family: Tele-grotesk; font-size: 16px; margin: 0 0 0 5px; padding: 0 0 0 8px; color: #4379AB; }

.moj-telekom-link { position: fixed; display: block; right: 0; top: 143px; width: 34px; height: 160px; overflow: hidden; text-indent: -999px; background: #E20074 url(../images/moj-telekom-link.png) no-repeat 40% center; border-radius: 4px 0 0 4px; -webkit-transition: background-color 200ms; -moz-transition: background-color 200ms; -ms-transition: background-color 200ms; -o-transition: background-color 200ms; transition: background-color 200ms; }

.moj-telekom-link.poslovni { background: #E20074 url(../images/moj-telekom-poslovni-link.png) no-repeat 40% center; height: 175px; }

.moj-telekom-link:hover { background-color: #EE66AC; }

.chatbutton { position: fixed; right: 1em; bottom: 1em; z-index: 10; }

@media screen and (max-width: 1340px) {
	.chatbutton { right: 0.25em; width: 8em; }
	.chatbutton img { width: 100%; }
}

@media screen and (max-width: 1240px) {
	.chatbutton { width: 8%; }
}

@media screen and (max-width: 1170px) {
	.chatbutton { display: none; }
}
/*** DEVICES NEW ***/

.phone-box { margin: 0 20px; border-bottom: 1px solid #dbdbdb; padding: 14px 14px; position: relative; }

.phone-box h2, .phone-box h2 a { margin: 0 0 10px; height: 22px; overflow: hidden; font-family: "Tele-grotesk"; font-size: 18px; }

.phone-image { float: left; margin: 0 12px 0 0; position: relative; }

.phone-image img { border: none; }

.phone-box .web-akcija { width: 60px; height: 80px; padding: 0 10px; background: transparent url(../images/akcije-stickers.png) no-repeat 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; display: table-cell; vertical-align: middle; text-align: center; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); font-family: Tele-grotesk; font-size: 15px; /*-moz-transform: rotate(-7.5deg);
	-webkit-transform: rotate(-7.5deg);
	-o-transform: rotate(-7.5deg);
	-ms-transform: rotate(-7.5deg);
	transform: rotate(-7.5deg);
	-webkit-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.3);*/ }

.phone-box .akcija { width: 60px; height: 80px; padding: 0 10px; background: transparent url(../images/akcije-stickers.png) no-repeat 0 -80px; cursor: pointer; display: table-cell; vertical-align: middle; text-align: center; color: #fff; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); font-family: Tele-grotesk; font-size: 15px; /*-moz-transform: rotate(-7.5deg);
	-webkit-transform: rotate(-7.5deg);
	-o-transform: rotate(-7.5deg);
	-ms-transform: rotate(-7.5deg);
	transform: rotate(-7.5deg);*/ }

.phone-price-box { float: right; width: 140px; }

.phone-price-box .phone_price { font-family: Tele-groteskFet; border-bottom: 1px dotted #dbdbdb; margin: 5px 0 10px; width: 140px; font-size: 15px; }

.phone-price-box.prepaid .phone_price { margin: 0 0 10px; padding: 0 0 5px; }

.phone-price-box .phone_price .phone_price_style { font-size: 34px; padding: 0 0 3px; font-weight: normal; }

.phone-price-box .phone_price .currency { font-size: 22px; }

.phone-description { float: left; width: 150px; margin: 0 22px 0 0; }

.main-phone-characteristics { list-style-type: none; padding: 0px 0px 4px 0px; border-bottom: 1px dotted #dbdbdb; }

.main-phone-characteristics li { margin-bottom: 5px; font-size: 14px; line-height: 14px; color: #666; background: transparent url(../images/li-tick.png) no-repeat 0 2px; padding: 0 0 0 16px; }

.phone-dashboard { list-style-type: none; margin: 8px 0 0; padding-top: 10px; background-image: url(../images/phone_dashboard_arrow.jpg); background-position: center 0px; background-repeat: no-repeat; }

.phone-dashboard li { margin: 0; text-align: center; }

.phone-dashboard li a:hover { text-decoration: underline; }

ul.servicebox { margin: 0 0 15px; }

ul.servicebox li { background: rgb(255,255,255); background: -moz-linear-gradient(top, #fdfdfd 30%, #eee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#fdfdfd), color-stop(100%,#eee)); background: -webkit-linear-gradient(top, #fdfdfd 30%,#eee 100%); background: -o-linear-gradient(top, #fdfdfd 30%,#eee 100%); background: -ms-linear-gradient(top, #fdfdfd 30%,#eee 100%); background: linear-gradient(top, #fdfdfd 30%,#eee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eeeeee',GradientType=0 ); float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 9px; margin: 0 0 0 15px; width: 160px; -webkit-box-shadow: inset 0px 0px 1px 1px #fff; box-shadow: inset 0px 0px 1px 1px #fff; border: 1px solid #e9e9e9; }

.static_content_container ul.servicebox li { margin: 0 0 0 13px; }

ul.servicebox li p { margin: 0 0 10px; }

ul.servicebox li:first-child { margin: 0; }

ul.servicebox li .serviceboxinner { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; border: 1px solid #e5e5e5; min-height: 112px; -webkit-box-shadow: inset 0px 0px 3px 0px #d1d1d1; box-shadow: inset 0px 0px 3px 0px #d1d1d1; }

ul.servicebox li .serviceboxinner h3 { display: block; color: #333; font-size: 15px; line-height: 1.6; padding: 0 7px; margin: 0; border-bottom: 2px dotted #e5e5e5; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

ul.servicebox li .serviceboxinner p { margin: 0; padding: 7px; font-size: 15px; font-family: Tele-grotesk; }

/*** PROGRAMSKI PAKETI ***/

.programi { margin: 0 0 15px; padding: 5px; width: 750px; float: left; background: #f6f6f6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.programi.blue { background: #edf5fc; }
.programi.lightmagenta { background: #ffe7f4; }
.programi.yellow { background: #fdf7ea; }
.programi h4 { margin: 6px 8px 0 8px; font-family: Tele-groteskFet; font-size: 16px; padding: 8px 0 0; background: transparent url(../images/program-divide.gif) repeat-x left top; clear: left; }
.programi h4:first-child { background: transparent; padding: 0; margin: 6px 8px 0; }
.programi ul { list-style-type: none; float: left; margin: 0 0 6px; }
.programi ul li { float: left; background: transparent; padding: 0; margin: 5px 5px 0; width: 73px; }
.programi ul li p { font-size: 10px; margin: 5px 0 0 6px; text-shadow: 0 1px 0 #fff; color: #555; display: block; height: 25px; overflow: hidden; line-height: normal; }
.programi ul li span { display: table-cell; width: 73px; background: #fff; height: 73px; text-align: center; vertical-align: middle; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0 2px 3px #a1cee5; -moz-box-shadow: 0 2px 3px #a1cee5; -o-box-shadow: 0 2px 3px #a1cee5; -ms-box-shadow: 0 2px 3px #a1cee5; box-shadow: 0 2px 3px #a1cee5; -webkit-transition: all 250ms; -moz-transition: all 250ms; -ms-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; overflow: hidden; }
.programi ul li span:hover { -webkit-box-shadow: 0 2px 3px #427bab; -moz-box-shadow: 0 2px 3px #427bab; -o-box-shadow: 0 2px 3px #427bab; -ms-box-shadow: 0 2px 3px #427bab; box-shadow: 0 2px 3px #427bab; }
.programi ul li span img { max-width: 65px; }
.programi ul li.extrachannels { margin: 2px 2px 0; }
.programi ul li.extrachannels p { margin: 2px 0 0 8px; }
.programi ul li.extrachannels span { border: 3px solid #e20074; }
.programi ul li.dvbt { margin: 2px 2px 0; }
.programi ul li.dvbt p { margin: 2px 0 0 8px; }
.programi ul li.dvbt span { border: 3px solid #427bab; }

span.legend-magenta, span.legend-blue { display: inline-block; width: 10px; height: 10px; background: #e20074; margin: 0 6px 0 0; }
span.legend-blue { background: #427bab; }

/*** POJASNJENJE RACUNA ***/

.billtable { width: 100%; color: #333333; margin: 0; padding: 0; }

.billtable.sep { margin: 0 0 50px; }

.billtable td.title { font-family: Tele-grotesk; font-size: 16px; color: #333; }

.billtable td.right { text-align: right; }

.disclaimer { border-top: 1px solid #e5e5e5; font-size: 10px; color: #666; margin: 25px 0 0 0; padding: 5px 0 0 0; }

.disclaimer span { color: #333333; font-size: 11px; }

.billtable ul { margin: 0 0 15px 0; padding: 0; }

.billtable ul li { padding: 0; margin: 0; font-size: 15px; background: transparent; }

.billtable p { margin: 0; padding: 0; }

.billtable p div { margin: 0; padding: 0; font-weight: normal; }

.billtable td { border: 1px solid #333333; border-style: solid none; padding: 2px; margin: 0; font-size: 1em; }

.billtable thead td { font-family: Tele-groteskHal; font-size: 16px; border-top: 0; padding: 3px 2px; }

.billtable tbody td { border: 0; color: #555; }

.billtable tbody.down td { font-family: Tele-groteskHal; font-size: 16px; color: #333; background: #f9f9f9; }

.billtable tbody td.borderon { border-top: 1px solid #333333; color: #333; }

.billtable tfoot { font-family: Tele-groteskHal; font-size: 16px; }

.billtable tfoot td { border: 0; border-top: 1px solid #333333; }

.billtable tfoot .footsmall { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5; font-weight: normal; color: #666; }

.billtable tr.head td { background: #f9f9f9; }
.billtable tr.sum td { background: #E4F1F8; }

.caps { text-transform: uppercase; }
.bill-intro p { font: 1em/1.3 Tele-grotesk!important; }
table.billtable { border-collapse: collapse; }
.billtable tbody.highlight, .billtable thead.highlight { position: relative; border: 2px solid #FFD6EB; transition: border 0.5s ease; }
.billtable tbody.highlight .num, .billtable thead.highlight .num { position: absolute; background-color: #E20074; zoom: 1; transition: opacity 0.5s ease; opacity: 0.2; height: 25px; width: 25px; color: #ffffff; font: 20px/1 Headline; border: 1px solid #333333; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -35px; margin-top: -25px; }
.billtable tbody.highlight .num td, .billtable thead.highlight .num td { color: #ffffff; font: 20px/1 Headline!important; padding: 0.1em 0.4em; border: none; }
.billtable tbody.highlight .desc, .billtable thead.highlight .desc { margin: 0.5em 0 0 -3px; zoom: 1; transition: opacity 0.5s ease, visibility 0.5s ease; visibility: hidden; opacity: 0; position: absolute; z-index: 1; -webkit-box-shadow: 0px 5px 10px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 10px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 10px 5px rgba(50, 50, 50, 0.5); }
.billtable tbody.highlight .desc td, .billtable thead.highlight .desc td { background-color: #FFFFFF; border: 1px solid #cccccc; padding: 0.5em 1em; position: static; width: 760px !important; z-index: 1; }
.billtable tbody.highlight:hover, .billtable thead.highlight:hover { border: 2px solid #e20074; }
.billtable tbody.highlight:hover .num, .billtable thead.highlight:hover .num { opacity: 1; }
.billtable tbody.highlight:hover .desc, .billtable thead.highlight:hover .desc { opacity: 1; visibility: visible; }
.billtable thead td { border-top: 1px solid #333333; }
.billtable thead td, .billtable tbody td { font-family: Tele-grotesk !important; }
.billtable tr td:first-child { width: 25.625em; }
.billtable tbody.highlight td, .billtable thead.highlight td { border: none!important; }

/***thumb****/

.billtable a.thumbnail { position: relative; display: inline-block; margin: 1px 0px 0px 3px; line-height: 14px; background-image: url(../images/icons.png); background-position: 0px -22px; background-repeat: no-repeat; width: 12px; height: 12px; cursor: pointer; }

.billtable a.thumbnail:hover { background-position: -22px -22px; }

.billtable .thumbnail:hover { background-color: transparent; z-index: 50; }

.billtable .thumbnail span { position: absolute; width: 150px; background-color: #FFF; border: 5px solid #E5E5E5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0px 0px 15px black; -webkit-box-shadow: 0px 0px 15px black; box-shadow: 0px 0px 15px black; padding: 12px 16px; left: -1000px; text-align: left; font-family: Arial, Helvetica, sans-serif; visibility: hidden; color: #333; }

.billtable .thumbnail:hover span { visibility: visible; bottom: 15px; left: -96px; font-size: 11px; }

/*** PROMO PONUDA ***/

.promo-ponuda { padding: 15px 0 30px 30px; width: 930px; margin: 0 0 30px; border-bottom: 1px dotted #d5d5d5; }
.promo-ponuda.last { border: none; }

.promo-ponuda h1 { font-family: Tele-groteskFet; font-weight: normal; margin: 0 0 15px; }
.promo-ponuda p { margin: 0 0 12px; font-size: 14px; line-height: 19px; }

.promo-ponuda.htc { background: #fff url(../images/maxadsl-smartphone-small.jpg) no-repeat 70% top; }
.promo-ponuda.galaxy { background: #fff url(../images/maxadsl-smartphone2-small.jpg) no-repeat 70% top; }

/*** OSTALO ***/

ul.nagradna-list { }
ul.nagradna-list li { background: transparent; padding: 0; float: left; width: 24%; margin: 0 9% 0 0; }

ul.nagradna-halobon { background: #fff url(../images/ostalo/nagradna-halobon-bg.jpg) no-repeat right top; padding: 0 157px 0 0; min-height: 174px; margin: 0; }
ul.nagradna-halobon li { padding: 0; margin: 0 0 8px; font-family: Tele-grotesk; font-size: 16px; background: #fff; line-height: 1.3; }
ul.nagradna-halobon li span { color: #e20074; }
ul.nagradna-halobon li.prva { font-family: Tele-groteskFet; font-size: 18px; }

.icon-apps { display: inline-block; margin: 10px 8px 0 0; }
.app-icon { float: right; margin: 0 0 10px 20px; position: relative; }
.app-icon img { -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(.7, rgba(0,0,0,0)), to(rgba(0,0,0,.25))); }

a.normal { font-size: inherit; }

ul.lead li { font-size: 14px; margin: 0 0 12px; }

p.addinfo { width: 100%; display: inline-block; cursor: pointer; margin: 8px 0 0; color: #666; background: transparent url(../images/addinfo.png) no-repeat right 4px; padding: 0 0 6px 0; border-bottom: 1px dotted #c5c5c5; }
p.addinfo:hover { color: #e20074; background-position: right -72px; }
p.addinfo.active { color: #333; background-position: right -34px; border-bottom: none; cursor: default; font-weight: bold; }
p.addinfo.last { border: none; }
p.addinfo.nobg { background-image: none; }

p.addinfo_nojs { width: 190px; display: inline-block; margin: 0 0 6px; background: transparent url(../images/addinfo.png) no-repeat right -19px; padding: 0 0 6px 0; cursor: default; position: relative; left: -8px; }

p.new-tarif-p { text-align: right; margin: 8px 0 0; font-size: 11px; }

/*** ROAMING ***/

.roam-select { border: 1px solid #D1D1D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0px 0px 0px 3px; display: inline; width: 316px; }

.popisop { color: #4379AB; cursor: pointer; list-style-type: none; }
.popisop:hover { color: #e20074; }
.popisop div { color: #333; cursor: default; padding: 4px 0 10px 6px; }
.static_content_container.roaming { float: left; width: auto; margin: 25px 0 0; }
.roaming-box { padding: 10px 12px; background: #f2f2f2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4); -o-box-shadow: 0 1px 1px rgba(0,0,0,.4); -ms-box-shadow: 0 1px 1px rgba(0,0,0,.4); box-shadow: 0 1px 1px rgba(0,0,0,.4); }


.ec-novo { position: absolute; top: -15px; right: 8px; display: block; }

.price-circle { position: absolute; top: 10px; left: 110px; padding: 23px 0 0; height: 77px; width: 100px; background: #e20074; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #fff; text-align: center; font: normal 11px/1 Arial, Helvetica, sans-serif; }

.price-circle .small { font: normal 18px/1 Tele-groteskFet, Arial, Helvetica, sans-serif; }

.price-circle .main { font: normal 30px/1.2 Tele-groteskFet, Arial, Helvetica, sans-serif; }

p.poslovni-paketi-p { float: left; width: 48%; padding: 0 0 0 2%; position: relative; top: -16px; }

.tarif-navigator-box { float: left; margin: 40px 0 0; width: 738px; padding: 10px; display: inline; background: #fff url(../images/row-bg-white.jpg) repeat-x left bottom; border: 1px solid #d1d1d1; -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.tarif-navigator-box h2#tarif-triger { cursor: pointer; font: normal 21px/29px Tele-groteskFet; color: #333; padding: 0 0 0 10px; background: transparent url(../images/arrow-down.png) no-repeat 98% 9px; text-shadow: 0 1px 0 #fff; }

#adviesTool.adviesHidden { display: none; }

.packages-half-right { position: relative; float: left; width: 440px; padding: 0 20px; }

.poslovni-navigator-box { position: relative; float: left; border: 1px solid #e5e5e5; margin: 10px 0; padding: 15px 15px 25px; width: 928px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #FAFAFA url(../images/kalkulator/dots.png) repeat; }

.poslovni-navigator-half { float: left; width: 415px; }

.poslovni-navigator-third { width: 262px; float: left; }

.poslovni-navigator-half .paketi_prices { width: 100%; }

.poslovni-navigator-half .button { float: right; margin: 8px 0 0; }

.poslovni-navigator-half .prices-half { float: left; width: 132px; }

.poslovni-navigator-half .price_holder { height: 30px; color: #666; }

.poslovni-navigator-divide { float: left; width: 90px; background: transparent url(../images/navigator-divider.png) no-repeat center center; min-height: 330px; }

.poslovni-navigator-divide.third { width: 70px; }

.poslovni-navigator-half h3, .poslovni-navigator-third h3 { font: normal 17px/normal Tele-grotesk; }

h3#amountmobtxt, h3#amountfixtxt { float: left; margin: 10px 0 0 8px; font: normal 17px/normal Tele-grotesk; }

.poslovni-navigator-half h2, .poslovni-navigator-third h2 { font: normal 22px/normal Tele-grotesk; margin: 0 0 25px; }

/*** multimedia paket ***/

.multimedia-package-container { border: 1px solid #ccc; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; margin: 0 0 3.5em; float: left; width: 100%; background: #fff url(../images/multimedia-container.png) repeat-x 0 bottom; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.multimedia-activate-box { border-bottom: 1px solid #d9d9d9; padding: 1.25em 1.125em; }
.multimedia-activate-box h4 { font: normal 1.5em/1 Tele-groteskhal; color: #444; margin: 0 0 0.3333333333333333em; }
.multimedia-activate-box p { font: normal 0.875em/1.3 Arial; color: #444; margin: 0; }
.multimedia-activate-box .button { float: right; margin: 0.9375em 0 0 2.5em; }
.multimedia-options-container { list-style-type: none; background: transparent url(../images/iphone/divider_down.jpg) no-repeat 50% 0; }
.multimedia-options-box { float: left; width: 31.33333333333333%; margin: 0 1%; padding: 1.875em 0 1.25em; }
.multimedia-options-box h4 { font: normal 22px/1 Tele-groteskhal; color: #444; margin: 0 0 8px; }
.multimedia-options-box p { font: normal 14px/1.3 Arial; color: #444; margin: 0 0 8px; }
.multimedia-options-box .description { margin: 5px 16px; }
.multimedia-options-box img { width: 100%; }
.full-reflection { position: absolute; width: 100%; height: 40px; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; bottom: -42px; background: #dfdfdf; background: -moz-linear-gradient(top, #dfdfdf 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #dfdfdf 0%,#ffffff 100%); background: -o-linear-gradient(top, #dfdfdf 0%,#ffffff 100%); background: -ms-linear-gradient(top, #dfdfdf 0%,#ffffff 100%); background: linear-gradient(to bottom, #dfdfdf 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=0 ); }

.multimedia-options-container.four .multimedia-options-box { width: 23%; }
.more-options-container { float: left; width: 95%; margin: 0 2.5% 1.25em; padding: 1.25em 0 0; border-top: 1px solid #cbcbcb; list-style-type: none; }
.more-options-container > li { float: left; width: 26.4%; }
.more-options-container > li h4 { font: normal 1.125em/1.3 Tele-groteskfet; margin: 0 0 0.25em; }
.more-options-container > li p { font: normal 0.9375em/1.3 Tele-grotesk; }

.promo-box-4g { border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 15px 25px; margin: 0 0 3.5em; 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 ); clear: both; }
.promo-box-4g img { float: left; margin: 0 45px 0 20px; }
.promo-box-4g h1 { font: normal 26px/1.2 Tele-groteskhal; }
.promo-box-4g .button { float: right; margin: 12px 0 0; }

/*** widget ***/

#widget-container { position: fixed; left: 0; top: 143px; z-index: 110; }
.widget-head { background: #e20074; width: 190px; text-align: center; border: 1px solid #d0d0d0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 3; position: relative; }
.widget-head h4 { color: #fff; font: normal 22px/46px Tele-groteskfet; }
.widget-masna { display: block; position: absolute; width: 76px; height: 47px; background: transparent url(../images/widget-masna.png) no-repeat 0 0; top: -39px; left: 6px; }
.widget-nav { list-style-type: none; margin: -4px 0 0; padding: 4px 0 5px; position: relative; }
.widget-nav:hover { background: #fff; }
.widget-nav li { width: 190px; border: 1px solid #d0d0d0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: -1px 0 0; /*position:relative; z-index:10; */ background: #fff url(../images/widget-bg.png) repeat-x 0 bottom; font: normal 16px/32px Tele-grotesk; color: #4b4b4b; }
.widget-nav li:hover { border-bottom: none; border-top: none; border-right: 1px solid #fff; margin: 0 0 1px; /*z-index:9; */ background: #fff; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.widget-nav li:first-child:hover { border-top: 1px solid #d0d0d0; margin: -1px 0 1px; }
.widget-nav li a { font: normal 16px/32px Tele-grotesk; color: #4b4b4b; padding: 0 10px; display: block; }
.widget-foot { background: #e20074; width: 190px; height: 15px; border: 1px solid #d0d0d0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: -6px 0 0; z-index: 3; position: relative; }
/*.widget-foot span {display:block; width:99px; height:90px; background:transparent url(../images/widget-foot.png) no-repeat 0 0; position:absolute; bottom:-90px; left:70px;}*/
.widget-box { padding: 25px 35px 0; background: #fff; border: 1px solid #d0d0d0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; left: 191px; top: 3px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,.2); -o-box-shadow: 0 0 8px rgba(0,0,0,.2); -ms-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); z-index: -1; display: none; }
.widget-nav li:hover .widget-box { display: block; }
.widget-nav li:first-child .widget-box { -webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; }
.widget-usp { list-style-type: none; margin: 0; padding: 6px 8px; }
.widget-usp li { float: left; width: 32px; height: 32px; font: normal 15px/21px Tele-grotesk; padding: 0 2px; background: transparent url(../images/widget-usp-li-bg.png) no-repeat 0 0; color: #fff; text-align: right; margin: 0 0 5px; }
.widget-usp li:first-child { margin-left: 34px; }
.widget-usp li span { display: block; width: 32px; height: 32px; background: transparent url(../images/widget-usp-bg.png) no-repeat 0 0; }
.widget-usp li.delivery span { background-position: 3px 9px; }
.widget-usp li.safe span { background-position: -1px -22px; }
.widget-usp li.discount span { background-position: 1px -51px; }
.widget-usp p { clear: both; font: normal 15px/normal Tele-grotesk; color: #fff; text-align: center; margin: 0; }

@media screen and (max-width: 1370px) {
	.widget-head { width: 155px; }
	.widget-head h4 { font: normal 16px/40px Tele-groteskhal; }
	.widget-nav li { width: 155px; }
	.widget-nav li a { padding: 0 7px; }
	.widget-foot { width: 155px; }
	.widget-box { left: 156px; }
	.widget-usp li:first-child { margin-left: 16px; }
}

@media screen and (max-width: 1290px) {
	.widget-head { width: 135px; }
	.widget-nav li { width: 135px; font: normal 14px/32px Tele-grotesk; }
	.widget-nav li a { font: normal 14px/32px Tele-grotesk; padding: 0 4px; }
	.widget-foot { width: 135px; }
	.widget-box { left: 136px; }
}

@media screen and (max-width: 1240px) {
	#widget-container { display: none; }
}
/*** iPhone5 ***/

#iphone .row { width: 100%; border-top: 1px solid #CED0D5; float: left; }
#iphone .divider-bottom { background: transparent url(../images/iphone/divider_down.jpg) no-repeat center top; }
#iphone .divider-top { background: transparent url(../images/iphone/divider_up.jpg) no-repeat center bottom; }
#iphone .divider-top:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#iphone .iphone-carusel { height: 420px; width: 960px; float: left; }

#iphone h3 { display: block; }
#iphone h3 .iphone-logo { margin: 20px 0; }

#iphone .model-prices { margin: 0 0 30px; float: left; }
#iphone .model-prices-img { float: left; margin: 0 50px 30px 0; }
#iphone .model-prices li { float: left; margin: 0; padding: 0 0 0 40px; background: transparent url(../images/nav_separator.png) no-repeat left center; width: 200px; }
#iphone .model-prices li:first-child { background-image: none; }
#iphone .model-prices h3 { color: #333; font-size: 28px; }
#iphone .model-prices h3 a:hover { text-decoration: none; }
#iphone .model-prices .phone-price-text { margin: 0; }
#iphone .model-prices .phone_store_price_box { margin: 0; }
#iphone .model-prices .store_price { font: normal 18px/normal Tele-groteskFet; }
#iphone .model-prices .phone_price_style { font: normal 34px/normal Tele-groteskFet; }
#iphone .model-prices .currency { font: normal 22px/normal Tele-groteskFet; }

#iphone .app-box { padding: 20px 0; float: left; width: 100%; }
#iphone .app-box h3 { font: normal 24px/65px Tele-grotesk; color: #333; float: left; margin: 0; }
#iphone .app-box img { float: right; }
#iphone .app-box h3 a span { color: #4379AB; }

#iphone .old-iphone { margin: 0; }
#iphone .old-iphone li { float: left; padding: 40px 0 40px 30px; background: transparent url(../images/nav_separator.png) no-repeat left center; width: 280px; margin: 0 0 0 30px; }
#iphone .old-iphone li:first-child { padding-left: 0; margin-left: 0; background: transparent; }
#iphone .old-iphone img { float: left; margin: 0 20px 0 0; }
#iphone .old-iphone h3 { font: normal 22px/normal Tele-grotesk; color: #333; margin: 0 0 10px; }
#iphone .old-iphone h3 a:hover { text-decoration: none; }
#iphone .old-iphone p.phone-price-text { font-size: 11px; line-height: normal; margin: 0 0 10px; }
#iphone .old-iphone p.phone_price { margin: 0 0 10px; }
#iphone .old-iphone .benefits li { float: none; padding: 0 0 0 35px; background: transparent url(../images/iphone/online-benefits.png) no-repeat 0 0; width: auto; margin: 0; font: normal 17px/35px Tele-grotesk; }
#iphone .old-iphone .benefits li.delivery { background-position: 0 4px; }
#iphone .old-iphone .benefits li.secure { background-position: 0 -30px; }
#iphone .old-iphone .benefits li.sale { background-position: 0 -65px; }

.iphone-carusel { margin: 0 auto; position: relative; width: 960px; }
.iphone-carusel .slides { display: block; position: relative; overflow: hidden; }
.iphone-carusel .slides li { position: absolute; top: 0; left: 0; overflow: hidden; margin: 0; padding: 0; background: transparent; }
.iphone-carusel .slides li img { display: block; width: 100%; max-width: none; }
.iphone-carusel .slides li.active { display: block; position: relative; }
.iphone-carusel .crop li img { width: auto; }
.iphone-carusel .pager { text-align: center; position: absolute; bottom: 12px; left: 44%; margin: 0; }
.iphone-carusel .pager li { display: inline-block; background: transparent; padding: 0; margin: 0; }
.iphone-carusel .pager li a { display: block; width: 10px; height: 10px; background: transparent url(../images/iphone/bg_carousel-pager.png) no-repeat -28px 0; margin: 0 3px; }
.iphone-carusel .pager li a span { display: none; }
.iphone-carusel .pager li a:hover { background-position: -14px 0; }
.iphone-carusel .pager li.active a { background-position: 0 0; }

#iphone table.compare { width: 100%; border-collapse: collapse; }
#iphone table.compare th, #iphone table.compare td { border-bottom: 1px solid #e5e5e5; padding: 15px 40px 15px 0; vertical-align: top; }
#iphone table.compare th { text-align: left; font: normal 20px/normal Tele-grotesk; }
#iphone table.compare thead th img { position: relative; left: -20px; }
#iphone table.compare tbody ul { margin: 0; }
#iphone table.compare tbody ul li { margin: 0; padding: 0; background: transparent; }
#iphone table.compare tbody img { margin: 0 0 8px; }

/*** EXTRA Biz offer ***/

.extrabiz-mob-container { }
.extrabiz-mob-container h1 { font: normal 36px/1.2 Tele-groteskhal; color: #4b4b4b; margin: 0 0 4px; }
.extrabiz-mob-container h2 { font: normal 24px/1.2 Tele-groteskhal; color: #666; margin: 0 0 45px; }
.extrabiz-mob-container h2.black { color: #4b4b4b; margin: 0 0 20px; }
.extrabiz-mob-box { padding: 0 0 30px; margin: 0 0 45px; float: left; border: 1px solid #cdcdcd; width: 958px; position: relative; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgb(255,255,255) 50%, rgb(243,243,243) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgb(255,255,255)), color-stop(100%,rgb(243,243,243))); background: -webkit-linear-gradient(top, rgb(255,255,255) 50%,rgb(243,243,243) 100%); background: -o-linear-gradient(top, rgb(255,255,255) 50%,rgb(243,243,243) 100%); background: -ms-linear-gradient(top, rgb(255,255,255) 50%,rgb(243,243,243) 100%); background: linear-gradient(top, rgb(255,255,255) 50%,rgb(243,243,243) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); }
ul.extrabiz-third { float: left; width: 100%; margin: 30px 0 20px; list-style-type: none; padding: 0; }
ul.extrabiz-third li { float: left; margin: 0; padding: 0 14px; border-left: 1px dotted #cdcdcd; width: 291px; }
ul.extrabiz-third li:first-child { width: 290px; border-left: none; }
ul.extrabiz-third li ul.kvacica li a, ul.extrabiz-third li ol.custom-ol li a { font: inherit; }
ul.extrabiz-third ul.kvacica { margin: 0 0 20px; }
ul.extrabiz-third ul.kvacica li { float: none; padding: 0 0 0 16px; margin: 0 0 10px; border: none; width: auto; font: normal 13px/18px Arial, sans-serif; background-position: 0 3px; }
ul.extrabiz-third ol.custom-ol li { float: none; padding: 0 0 0 22px; margin: 0 0 10px; border: none; width: auto; font: normal 13px/18px Arial, sans-serif; }
ul.extrabiz-third li h3 { font: normal 23px/normal Tele-grotesk; color: #333; margin: 0 0 24px; }
ul.extrabiz-third li h3 a { font: inherit; color: inherit; }
ul.extrabiz-third li h3 a:hover { color: #e20074; }
ul.extrabiz-third .extrabiz-description { float: left; width: 190px; }
.extraicon-box { float: left; width: 78px; margin: 0 20px 0 0; height: 135px; border: 1px solid #dadada; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #f2f2f2; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ -webkit-transition: border 200ms; -moz-transition: border 200ms; -ms-transition: border 200ms; -o-transition: border 200ms; transition: border 200ms; }
.extraicon-box.single { height: 70px; padding: 4px 0; }
.extraicon-box .extraicon { width: 78px; height: 70px; background: transparent url(../images/extrabiz-icon-span.png) no-repeat 0 7px; display: block; border-bottom: 1px solid #dadada; -webkit-transition: border 200ms; -moz-transition: border 200ms; -ms-transition: border 200ms; -o-transition: border 200ms; transition: border 200ms; }
.extraicon-box .extraicon.novi-prikljucak { background-position: -80px 7px; }
.extraicon-box .extraicon.postojeci-broj { background-position: -160px 7px; }
.extraicon-box.single .extraicon, .extraicon-box.single .extraicon:hover { border-bottom: none; }
.extraicon-box:hover .extraicon.prenesite-broj { background-position: 0 -88px; }
.extraicon-box:hover .extraicon.novi-prikljucak { background-position: -80px -88px; }
.extraicon-box:hover .extraicon.postojeci-broj { background-position: -160px -88px; }
.extraicon-box p { font: normal 30px/18px Tele-groteskhal; text-align: center; margin: 16px 0 0; color: #484848; -webkit-transition: color 200ms; -moz-transition: color 200ms; -ms-transition: color 200ms; -o-transition: color 200ms; transition: color 200ms; }
.extraicon-box p span { font: normal 18px/normal Tele-groteskhal; }
.extraicon-box:hover { border: 1px solid #e20074; }
.extraicon-box:hover p { color: #e20074; }
.extraicon-box:hover .extraicon { border-bottom: 1px solid #e20074; }
.extrabiz-more { position: absolute; right: 0px; line-height: 24px; bottom: 0; background: transparent url(../images/carusel-link-bg.png) no-repeat left top; color: #fff; padding: 0 30px 0 40px; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; }
.extrabiz-more:hover { background-position: 0 -33px; color: #fff; }

.option-promo-box { float: left; padding: 16px 20px; margin: 0 0 45px; width: 918px; border: 1px solid #cdcdcd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: border 400ms; -moz-transition: border 400ms; -ms-transition: border 400ms; -o-transition: border 400ms; transition: border 400ms; }
.option-promo-box:hover { border: 1px solid #e20074; }
.option-promo-box h2 { font: normal 29px/normal Tele-groteskhal; color: #4b4b4b; margin: 0 0 4px; }
.option-promo-box p { margin: 0 0 16px; }
.option-promo-box p.note { font: normal 12px/normal Arial, sans-serif; margin: 0; color: #666; }
.option-promo-box .button { float: right; margin: 25px 45px 0 0; }

/*** Topup ***/

.topup_title_bar { float: left; width: 960px; margin: 20px 0 40px; }
.topup_title_bar h1 { font: normal 36px/normal Tele-groteskhal; color: #333; }
.topup-main { float: left; width: 100%; }
.topup-main h1 { font: normal 46px/1 Tele-groteskhal; color: #333; margin: 60px 0 4px 20px; width: 420px; }
.topup-main h2 { font: normal 24px/1.2 Tele-groteskhal; color: #666; margin: 0 0 45px 20px; }
.topup-main h3 { font: normal 22px/1.2 Tele-groteskhal; color: #333; margin: 0 0 25px 20px; clear: both; }
.topup-bann { float: right; margin: 30px 50px 20px 80px; }
.topup-container { clear: both; padding: 15px 20px; margin: 0 0 35px; float: left; border: 1px solid #e5e5e5; width: 918px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 10%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 10%,#f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 10%,#f4f4f4 100%); background: -ms-linear-gradient(top, #ffffff 10%,#f4f4f4 100%); background: linear-gradient(top, #ffffff 10%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); }
.topup-container h3 { font: normal 24px/1.2 Tele-grotesk; color: #e20074; margin: 0 0 20px; }
.topup-container .kvacica { float: left; width: 210px; }
.topup-container .kvacica li { font: normal 16px/1 Tele-groteskhal; margin: 0 0 20px; }
.topup-container a.button, .topup-container a.button-magenta { margin: 20px 0 0; }
.topup-bonovi { list-style-type: none; float: left; margin: -20px 12px 0; }
.topup-bonovi li { float: left; margin: 0 15px 0 0; }
.topup-bonovi li a { width: 112px; height: 120px; display: block; background: transparent url(../images/topup-bonovi.png) no-repeat 0 0; }
.topup-bonovi.internet li a { background: transparent url(../images/topup-bonovi-internet.png) no-repeat 0 0; }
.topup-bonovi li.topup-25 a { background-position: 0 0; }
.topup-bonovi li.topup-50 a { background-position: -114px 0; }
.topup-bonovi li.topup-100 a { background-position: -228px 0; }
.topup-bonovi li.topup-200 a { background-position: -342px 0; }
.topup-bonovi li.topup-25.selected a { background-position: 0 -122px; }
.topup-bonovi li.topup-50.selected a { background-position: -114px -122px; }
.topup-bonovi li.topup-100.selected a { background-position: -228px -122px; }
.topup-bonovi li.topup-200.selected a { background-position: -342px -122px; }
.topup-bonovi.nadoplata { margin: 0 auto; float: none; width: 32em; }
.topup-bonovi.nadoplata li { margin: 0 0.5em 3em; }

.topup-bon { list-style-type: none; margin: 0 auto; width: 40em; }
.topup-bon li { float: left; margin: 0; margin: 0 0.25em 2.5em;}
.topup-bon li a { width: 9.5em; height: 10.125em; display: block; background: transparent url(../images/nadoplata-bg.png) no-repeat 0 0; }
.topup-bon li.topup-25 a { background-position: 0 0; }
.topup-bon li.topup-50 a { background-position: -152px 0; }
.topup-bon li.topup-100 a { background-position: -304px 0; }
.topup-bon li.topup-200 a { background-position: -456px 0; }
.topup-bon li.topup-25.selected a { background-position: 0 -162px; }
.topup-bon li.topup-50.selected a { background-position: -152px -162px; }
.topup-bon li.topup-100.selected a { background-position: -304px -162px; }
.topup-bon li.topup-200.selected a { background-position: -456px -162px; }

.topupicon-box { float: left; width: 78px; margin: 0 20px 0 0; height: 135px; border: 1px solid #dadada; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #f2f2f2; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ -webkit-transition: border 200ms; -moz-transition: border 200ms; -ms-transition: border 200ms; -o-transition: border 200ms; transition: border 200ms; }
.topupicon-box.triple { height: auto; }
.topupicon-box .topupicon { width: 78px; height: 70px; background: transparent url(../images/topup-icon.png) no-repeat 16px center; display: block; border-bottom: 1px solid #dadada; }
.topupicon-box .topupicon.bottom { border-top: 1px solid #dadada; border-bottom: none; }
.topupicon-box .topupicon.tv { background-position: -222px center; }
.topupicon-box .topupicon.novi-prikljucak { background-position: -62px center; }
.topupicon-box .topupicon.postojeci-broj { background-position: -140px center; }
.topupicon-box p { font: normal 27px/15px Headline-ult; text-align: left; margin: 17px 16px 14px; color: #333; text-transform: uppercase; -webkit-transition: color 200ms; -moz-transition: color 200ms; -ms-transition: color 200ms; -o-transition: color 200ms; transition: color 200ms; }
.topupicon-box p span { font: normal 13px/15px Headline; }
ul.extrabiz-third.topup-third { margin: 20px 0; }
ul.extrabiz-third.topup-third ol.custom-ol { margin: 0 0 2em; }
.topup-help { position: absolute; bottom: 0; }
ul.extrabiz-third.topup-third > li { padding-bottom: 2em; position: relative; }
.topup-rest-link { margin: 0 1em; }
.topup-third-box-container .landing_page_item_box h3 { font: normal 1.5em/1 Tele-grotesk; color: #333; margin: 0 0 1em; }

.topup-options-box { float: left; width: 178px; border: 1px solid #d1d1d1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 20px; }
.topup-options-box h3 { padding: 10px 12px 8px; font: normal 16px/1.2 Tele-groteskhal; color: #333; border-bottom: 1px solid #d1d1d1; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */ }
.topup-options-box .topup-options-box-content { padding: 12px 12px 8px; }
.topup-options-box .topup-options-box-content .kvacica li { margin: 0 0 8px; font-size: 13px; }
.topup-options-box .topup-options-box-content .kvacica li a { font-size: 13px; }

.checkout_unit_content dl.check_input dd.topup-bonovi-hck {float:none; width:40em; margin:0 auto;}
.checkout_unit_content dl.check_input dd.topup-bonovi-hck a, .topup-main-links .buttons_panel a { overflow: hidden; text-indent: -9999px; width: 9.5em; height: 10.125em; display: block; background: transparent url(../images/nadoplata-bg.png) no-repeat 0 0; padding: 0; font-size:16px; font-size:1rem; margin:0 0.25em;}
.checkout_unit_content dl.check_input dd.topup-bonovi-hck a.topup-hck-25, .topup-main-links .buttons_panel a.topup-hck-25 { background-position: 0 0; }
.checkout_unit_content dl.check_input dd.topup-bonovi-hck a.topup-hck-50, .topup-main-links .buttons_panel a.topup-hck-50 { background-position: -152px 0; }
.checkout_unit_content dl.check_input dd.topup-bonovi-hck a.topup-hck-100, .topup-main-links .buttons_panel a.topup-hck-100 { background-position: -304px 0; }
.checkout_unit_content dl.check_input dd.topup-bonovi-hck a.topup-hck-200, .topup-main-links .buttons_panel a.topup-hck-200 { background-position: -456px 0; }
.checkout_unit_content dl.check_input dd.topup-bonovi-hck a.topup-hck-25.simpa_bon_note_selected { background-position: 0 -162px; }
.checkout_unit_content dl.check_input dd.topup-bonovi-hck a.topup-hck-50.simpa_bon_note_selected { background-position: -152px -162px; }
.checkout_unit_content dl.check_input dd.topup-bonovi-hck a.topup-hck-100.simpa_bon_note_selected { background-position: -304px -162px; }
.checkout_unit_content dl.check_input dd.topup-bonovi-hck a.topup-hck-200.simpa_bon_note_selected { background-position: -456px -162px; }

.topup-main-links span.title { line-height: 1.4; margin: 45px 0 0; }
.topup-main-links span.subtitle { display: block; }
.topup-main-links .buttons_panel a.button { margin: 15px 15px 15px 0; }
.topup-main-links .buttons_panel { height: auto; }
.topup-main-links .landing_page_break_container { height: auto; }
.topup-main-links .buttons_panel a span { background: none; }

.topup-bottom-third { float: left; width: 100%; list-style-type: none; margin: 0 0 20px; }
.topup-bottom-third h3 { font: normal 26px/normal Tele-grotesk; color: #e20074; margin: 0 0 15px; }
.topup-bottom-third li { float: left; }
.topup-bottom-third li:first-child { border-left: none; }
.topup-bottom-third li .kvacica li { width: auto; height: auto; padding: 0 0 0 16px; border-left: none; font-size: 13px; margin: 0 0 15px; }
.topup-bottom-third p.lead { font: normal 20px/1.2 Tele-grotesk; color: #666; margin: 40px 0 15px; }

ol.custom-ol { list-style-type: none; margin: 0 0 10px; padding: 0; }
ol.custom-ol li { padding: 0 0 0 22px; margin: 0 0 10px; background: transparent url(../images/custom-ol/ol1.png) no-repeat 0 0; }
ol.custom-ol li.ol1 { background-image: url(../images/custom-ol/ol1.png); }
ol.custom-ol li.ol2 { background-image: url(../images/custom-ol/ol2.png); }
ol.custom-ol li.ol3 { background-image: url(../images/custom-ol/ol3.png); }
ol.custom-ol li.ol4 { background-image: url(../images/custom-ol/ol4.png); }
ol.custom-ol li.ol5 { background-image: url(../images/custom-ol/ol5.png); }
ol.custom-ol li.ol6 { background-image: url(../images/custom-ol/ol6.png); }
ol.custom-ol li.ol7 { background-image: url(../images/custom-ol/ol7.png); }
ol.custom-ol li.ol8 { background-image: url(../images/custom-ol/ol8.png); }
ol.custom-ol li.ol9 { background-image: url(../images/custom-ol/ol9.png); }
ol.custom-ol li.olgray { background-image: url(../images/custom-ol/olgray.png); }
ol.custom-ol li.olok { background: transparent url(../images/li-tick.png) no-repeat 3px 3px; }

/*** Recaptcha ***/

#recaptcha_widget { float: left; background: #ddd; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ccc)); background-image: -moz-linear-gradient(#ddd, #ccc); padding: 6px; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 330px; margin: 15px 0; }
#recaptcha_widget .input-text { width: 210px; font: normal 14px/normal Arial, sans-serif; margin: 3px 0 0; background: #fff; }
#recaptcha_image { margin: 0 6px 7px 0; webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; float: left; }
#recaptcha_widget .buttons { float: left; width: 24px; }
#recaptcha_widget .buttons a { overflow: hidden; text-indent: -9999px; display: block; width: 24px; height: 19px; background: transparent url(../images/recaptcha.png) no-repeat 0 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
#recaptcha_widget .buttons a.captcha-reload { background-position: 0 0; }
#recaptcha_widget .buttons a.captcha-audio { background-position: 0 -19px; }
#recaptcha_widget .buttons a.captcha-image { background-position: 0 -38px; }
#recaptcha_widget .buttons a.captcha-help { background-position: 0 -57px; }
#recaptcha_widget .buttons a.captcha-reload:hover { background-position: -24px 0; }
#recaptcha_widget .buttons a.captcha-audio:hover { background-position: -24px -19px; }
#recaptcha_widget .buttons a.captcha-image:hover { background-position: -24px -38px; }
#recaptcha_widget .buttons a.captcha-help:hover { background-position: -24px -57px; }
#recaptcha_widget .inputs { padding: 4px 8px 8px; background: #e5e5e5; float: left; webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: normal 15px/normal Tele-grotesk; }
#recaptcha_widget .inputs img { float: right; margin: 8px 0 0; }

.checkout_unit_content .checkout-note { font: normal 16px/1.3 Tele-grotesk; margin: 0 0 10px 10px; }

#registration-invite-box { position: absolute; display: none; right: 0; top: 37px; width: 380px; padding: 12px 20px 12px 15px; background: #e4f1f8; /* Old browsers */ background: -moz-linear-gradient(top, #e4f1f8 0%, #edf9fc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f8), color-stop(100%,#edf9fc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e4f1f8 0%,#edf9fc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e4f1f8 0%,#edf9fc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e4f1f8 0%,#edf9fc 100%); /* IE10+ */ background: linear-gradient(to bottom, #e4f1f8 0%,#edf9fc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f8', endColorstr='#edf9fc',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); border: 1px solid #a3c2d3; }
#registration-invite-box p { font: normal 16px/1.4 Tele-groteskhal; margin: 0; }
#registration-invite-box a { display: inline-block; font: inherit; height: auto; color: #4379AB; }
#registration-invite-box .up-arrow { width: 27px; height: 14px; position: absolute; background: transparent url(../images/registration-invite-bg.png) no-repeat 0 0; top: -14px; right: 15px; }
#registration-invite-box .registration-invite-close { position: absolute; width: 14px; height: 14px; background: transparent url(../images/registration-invite-bg.png) no-repeat 0 -20px; right: 5px; top: 5px; }

/***END***/

/*** FB promo code ***/

.fb-promo-code { }
.fb-promo-code h2 { font: normal 31px/normal Tele-groteskfet; margin: 0 0 10px; }
.fb-promo-code p { font: normal 18px/normal Tele-groteskhal; margin: 0 0 10px; }
.fb-promo-code-box { border: 1px solid #c7c7c7; margin: 20px 0; padding: 25px 20px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0px 6px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 6px rgba(0,0,0,.1); -o-box-shadow: 0 0px 6px rgba(0,0,0,.1); -ms-box-shadow: 0 0px 6px rgba(0,0,0,.1); box-shadow: 0 0px 6px rgba(0,0,0,.1); background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ }
.fb-promo-code-box label { font: normal 19px/normal Tele-groteskhal; color: #666; display: block; margin: 0 0 12px; }
.fb-promo-code-box input.text-box { float: left; width: 277px; height: 34px; line-height: 34px; background: #fcfcfc; border: 1px solid #c7c7c7; margin: 0 12px 0 0; padding: 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 3px 5px 5px rgba(0,0,0,.06); -moz-box-shadow: inset 3px 5px 5px rgba(0,0,0,.06); -o-box-shadow: inset 3px 5px 5px rgba(0,0,0,.06); -ms-box-shadow: inset 3px 5px 5px rgba(0,0,0,.06); box-shadow: inset 3px 5px 5px rgba(0,0,0,.06); }
.fb-promo-expired { float: left; margin: 20px 0 0; }
.fb-promo-expired h2 { font: normal 31px/normal Tele-groteskfet; color: #e20074; margin: 0; }
.fb-promo-expired p { font: normal 20px/normal Tele-groteskfet; color: #e20074; margin: 0 0 0 19px; }

/*** ADSL promo ***/

.adsl-promo-container { float: left; width: 100%; padding: 30px 0 20px; }
.adsl-promo-description { width: 320px; padding: 0 0 0 20px; float: left; }
.adsl-promo-description h1 { font: normal 50px/1 Tele-groteskfet; color: #4b4b4b; margin: 0 0 18px; }
.adsl-promo-description h1 a { font: inherit; color: inherit; }
.adsl-promo-description h2 { font: normal 22px/1.3 Tele-groteskhal; color: #333; margin: 0 0 25px; }
ul.adsl-promo-price { list-style-type: none; margin: 0 0 30px; float: left; width: 100%; }
ul.adsl-promo-price li { float: left; margin: 0 0 0 25px; padding: 0 0 0 25px; border-left: 1px solid #acacac; font: normal 16px/16px Tele-groteskhal; color: #333; }
ul.adsl-promo-price li:first-child { margin: 0; padding: 0; border: none; }
ul.adsl-promo-price li span { font: normal 49px/49px Tele-groteskhal; color: #e20074; }
.adsl-promo-img { float: left; padding: 0 25px; }
.adsl-promo-img a img { border: none; }
.adsl-promo-usp { float: left; width: 180px; }
.adsl-promo-usp h3 { font: normal 21px/1.2 Tele-grotesk; color: #333; margin: 0 0 12px; }
.adsl-promo-usp h3 a { font: inherit; color: inherit; }
.adsl-promo-usp ul.kvacica li { margin: 0 0 10px; }
.adsl-promo-details { display: block; text-align: center; border-top: 1px dotted #dbdbdb; background: transparent url(../images/phone_dashboard_arrow.jpg) no-repeat center 7px; padding: 15px 0 0; }

/*** Ulazi u procese ***/

.process-enter-list { display: none; list-style-type: none; float: left; width: 100%; margin: 0 0 2.25em; }
.process-enter-list-show .process-enter-list { display: block; }
.process-enter-box { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 0 1.25%; padding: 1em 1em; width: 32.5%; -webkit-border-radius: 0.375em; -moz-border-radius: 0.375em; border-radius: 0.375em; border: 1px solid #e1e1e1; position: relative; 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 ); }
.process-enter-list .process-enter-box:first-child { margin-left: 0; }
.process-enter-box h3 { font: normal 2.5em/1 Tele-groteskfet; color: #424242; margin: 0 0 0.125em; }
.process-enter-box h3.box-open { font: normal 1.625em/1 Tele-groteskfet; color: #424242; margin: 0 0 0.125em; }
.process-enter-box h4 { font: normal 1.125em/1.3 Tele-groteskhal; color: #333; margin: 0 0 1em; }
.process-enter-box .icon { float: right; margin: 0.75em 0 0 0.5em; }
.process-enter-box .icons { float: right; margin: -0.5em 0 0 0.5em; height: 4em; background: transparent url(../images/process-enter-box-icon.png) no-repeat 0 0; }
.process-enter-box .icons.mobilne { width: 3.25em; }
.process-enter-box .icons.paketi { width: 3.875em; background-position: -3.5625em 0; }
.process-enter-box .icons.televizija { width: 4.5em; background-position: -7.75em 0; }
.process-enter-box .selector { margin: 0 0 1em; width: 13.875em; color: #424242; }
.process-enter-box select { margin: 0 0 1em; }
.process-enter-box label { font: normal 0.8125em/1 Arial, Helvetica, sans-serif; color: #424242; }
.process-enter-box .check-option { float: left; width: 100%; margin: 0 0 0.875em; min-height: 0.9375em; }
.process-enter-box .check-option a { font: normal 0.9375em/1 Tele-grotesk; float: left; }

.process-enter-box-full { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 2.5em; padding: 1em 1.25em; width: 100%; -webkit-border-radius: 0.375em; -moz-border-radius: 0.375em; border-radius: 0.375em; border: 1px solid #e1e1e1; position: relative; 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 ); }
.process-enter-box-full h3 { font: normal 1.75em/1.535714285714286 Tele-groteskfet; color: #4b4b4b; margin: 0; float: left; }
.process-enter-box-full h3 a { font-family: Tele-grotesk; }
.process-enter-box-full .icon { float: left; margin: 0.25em 4em 0 2.8125em; }
.process-enter-box-full .icon.business-user { margin: -0.125em 1em 0 0; }
.process-enter-box-full .button { float: right; margin: 0.25em 0 0; }
.process-enter-box-full .more { display: block; float: right; font: normal 1em/2.6875 Arial, Helvetica, sans-serif; }

/*** zahvala ***/

.zahvala-container { float: left; width: 100%; margin: 4em 0 2em; text-align: center; }
.zahvala-container h1 { font: normal 2.5em/1 Tele-groteskult; margin: 0 0 0.5em; color: #424242; }
.zahvala-container p { font: normal 1.125em/1.2 Tele-grotesk; margin: 0 0 0.4em; color: #333; }
.zahvala-container .icon, .zahvala-container .icon-single { margin: 2.5em 0 2.5em; }

/*** SIM only ****/
.sim-only-container { float: left; width: 50%; padding: 1em 50% 0 0; background: #fff url(../images/sim-only.jpg) no-repeat 92% -20px; }
.sim-only-container h1 { font: normal 2.5em/1 Tele-groteskult; margin: 0 0 0.4em; color: #4b4b4b; }
.sim-only-container p.process-lead { font: normal 1.75em/1.2 Tele-grotesk; }
.sim-only-container p { font: normal 1em/1.2 Arial, Helvetica, sans-serif; margin: 0 0 1.2em; }

/*** Nagradna MAXtv to go ***/

.nagradnamaxtv-content { }
.nagradnamaxtv-content h1 { font: normal 46px/1 Tele-groteskhal; color: #333; margin: 35px 0 25px 20px; }
.nagradnamaxtv-offer { float: left; margin: 0 0 35px; width: 100%; }
.nagradnamaxtv-offer img { float: left; margin: 0 60px 0 0; }
.nagradnamaxtv-offer p { margin: 25px 0 0; font: normal 26px/1.2 Tele-groteskhal; color: #757575; }
.nagradnamaxtv-offer a.button { margin: 20px 0 0; }
.nagradnamaxtv-nagrade { list-style-type: none; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; padding: 0 1px 1px; margin: 0 0 24px; width: 956px; }
.nagradnamaxtv-nagrade li { float: left; width: 253px; height: 118px; padding: 50px 45px 0 20px; border-left: 1px solid #e5e5e5; background: #fff url(../images/ostalo/nagradna-maxtvtogo-bg.jpg) no-repeat right top; font-size: 13px; color: #484848; position: relative; }
.nagradnamaxtv-nagrade.depeche li { width: 228px; padding: 35px 60px 0 30px; }
.nagradnamaxtv-nagrade li:first-child { border-left: none; }
.nagradnamaxtv-nagrade li .nagrada { display: block; width: 41px; height: 86px; padding: 5px 0 0 50px; background: transparent url(../images/ostalo/nagradna-maxtvtogo-nagrada-bg.jpg) no-repeat 0 0; position: absolute; top: -6px; right: 0; font: normal 33px/normal Tele-groteskult; color: #fff; }
.nagradnamaxtv-nagrade li .nagrada.last { right: -2px; }
.nagradnamaxtv-nagrade li .nagrada.small { font-size: 28px; padding: 8px 6px 0 44px; height: 83px; }
.nagradnamaxtv-nagrade li h2 { font: normal 23px/1.3 Tele-groteskhal; }
.nagradnamaxtv-terms { padding: 0 0 0 20px; }
.nagradnamaxtv-terms p { font-size: 16px; margin: 0 0 8px; }
.nagradnamaxtv-terms a { font-size: 14px; }
.nagradnamaxtv-home-bann { clear: both; padding: 18px 25px; margin: 20px 30px 50px; float: left; border: 1px solid #e5e5e5; width: 848px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 10%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 10%,#f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 10%,#f4f4f4 100%); background: -ms-linear-gradient(top, #ffffff 10%,#f4f4f4 100%); background: linear-gradient(top, #ffffff 10%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); }
.nagradnamaxtv-home-bann h2 { font: normal 26px/normal Tele-groteskfet; color: #e20074; }
.nagradnamaxtv-home-bann h3 { font: normal 18px/normal Tele-groteskfet; color: #333; }
.nagradnamaxtv-home-bann .button { float: right; margin: 10px 0 0; }

.promo-box-gray { float: right; background: #eee; width: 270px; padding: 15px 20px; margin: 0 0 10px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.promo-box-gray .info-icon { float: left; margin: 0 10px 5px 0; }
.promo-box-gray h4 { font: normal 22px/1 Tele-groteskfet; margin: 0 0 10px; }
.promo-box-gray p { }

/*** adsl ***/
.home-up-bann { float: left; width: 100%; padding: 8.125em 10em 0; min-height: 20.375em; margin: -3.75em 0 0em -10em; background: transparent url(/ResourceManager/GetImage.aspx?imgId=2788) no-repeat 50% top; }
.home-up-bann.adsl-novi { background: transparent url(/ResourceManager/GetImage.aspx?imgId=2907) no-repeat 50% bottom; min-height: 17.375em; margin-bottom: 1.25em; }
.home-up-bann.adsl-postojeci { background: transparent url(/ResourceManager/GetImage.aspx?imgId=3191) no-repeat 50% bottom; min-height: 19.375em; padding: 6.125em 10em 0; margin-bottom: 1.25em; }
.home-up-bann.adsl-postojeci-biz { /*background: transparent url(/ResourceManager/GetImage.aspx?imgId=2908) no-repeat 50% bottom;*/ min-height: 17.375em; margin-bottom: 1.25em; }
.home-up-bann.adsl-postojeci-new { background: transparent url(/ResourceManager/GetImage.aspx?imgId=3208) no-repeat center bottom; min-height: 22.438em; padding: 6.125em 10em 0; margin-bottom: 1.25em; }
.home-up-bann.adsl { /*background-image: url(/ResourceManager/GetImage.aspx?imgId=3350);*/ background-image: url(/ResourceManager/GetImage.aspx?imgId=4290); }
.home-up-bann.adslbiz { background-image: url(/ResourceManager/GetImage.aspx?imgId=2788); }
.home-up-bann.multimedia { background: url(../images/multimedia-banner-up.jpg) no-repeat scroll 50% top transparent; float: left; margin: -0.75em 0 1.25em -5em; min-height: 19.25em; padding: 3.125em 5em 0; width: 100%; }
.home-up-bann h1 { font: normal 3.125em/0.9 Tele-groteskfet; margin: 0 0 0.25em; width: 8em; color: #4b4b4b; }
.home-up-bann h3 { font: normal 1.5625em/1 Tele-grotesk; margin: 0 0 1em; width: 20em; color: #4b4b4b; }
.adsl-promo-box { float: left; width: 100%; list-style-type: none; margin: 0 0 2.5em; }
.adsl-promo-box > li { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 0 2.5%; border: 1px solid #e5e5e5; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; padding: 1em 1.25em; position: relative; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 70%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#ffffff), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #ffffff 70%,#f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 70%,#f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 70%,#f0f0f0 100%); background: linear-gradient(top, #ffffff 70%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); }
.adsl-promo-box > li.white { background: #fff; filter: none; color: #333; }
.adsl-promo-box.half > li { width: 48.75%; }
.adsl-promo-box > li:first-child { margin-left: 0; }
.adsl-promo-box > li .icon { display: block; position: absolute; right: -0.625em; top: -0.5em; }
.adsl-promo-box > li h2 { font: normal 1.875em/1 Tele-groteskfet; color: #4b4b4b; margin: 0 0 0.5em; }
.adsl-promo-box > li p { font: normal 1.125em/1.2 Tele-grotesk; color: #333; margin: 0 0 1em; }

h3.normal-magenta { font: normal 1.875em/1.3 Tele-grotesk; color: #e20074; margin: 0 0 0.375em; }
.prednosti-container { list-style-type: none; float: left; width: 100%; border: 1px solid #e1e1e1; border-bottom: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 40%, #dadada 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#dadada)); background: -webkit-linear-gradient(top, #ffffff 40%,#dadada 100%); background: -o-linear-gradient(top, #ffffff 40%,#dadada 100%); background: -ms-linear-gradient(top, #ffffff 40%,#dadada 100%); background: linear-gradient(top, #ffffff 40%,#dadada 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); }
.prednosti-container > li { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: transparent url(../images/prednosti-box-bg.png) no-repeat left bottom; padding: 1.625em 2.5em; text-align: center; height: 13.875em; }
.prednosti-container > li img { margin: 0 0 0.75em; }
.prednosti-container > li p { font: normal 1em/1.2 Tele-grotesk; }
.prednosti-container > li:first-child { background-image: none; }
.prednosti-container.five > li { width: 20%; }
.prednosti-bottom { float: left; width: 100%; color: #fff; background: #444 url(../images/prijenos-prednosti-online-bg.png) no-repeat right center; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -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; padding: 0.9375em 0.625em; font: normal 1em/1.3 Tele-grotesk; margin: 0 0 2.5em; }
.prednosti-bottom .imgstick { float: left; position: relative; margin: -0.375em 0.625em -0.375em 0; }

.adsl-info-box { float: left; width: 100%; margin: 0 0 1em; }
.adsl-info-box h2 { font: normal 1.8785em/1.2 Tele-groteskfet; color: #4b4b4b; margin: 0 0 0.25em; }
.adsl-info-box p { font: normal 1.25em/1.2 Tele-grotesk; margin: 0 0 1em; }

.adsl-calculator-headlines { float: left; width: 100%; margin: 0 0 0.5em; }
.adsl-calculator-headlines p { width: 65%; margin: -0.25em 4.375% 0 0; float: left; font: normal 1.125em/1.2 Tele-grotesk; }
.adsl-calculator-container { float: left; width: 65%; margin: 0 4.375% 0 0; }
.adsl-calculator-container h5 { font: normal 1.125em/1.2 Tele-grotesk; margin: 0 0 0.5em; }
.adsl-calculator-container p.note { font: normal 0.875em/1.3 Tele-grotesk; color: #7c7c7c; margin: 0 0 0.25em 1.428571428571429em; }
.adsl-calculator { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; border: 1px solid #e5e5e5; border-bottom: none; -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; }
.adsl-calculator.postojeci { border-bottom: 1px solid #e5e5e5; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; padding: 1.25em; margin: 0 0 1em; }
.adsl-calculator ol { margin: 0; padding: 1.25em 1.25em 1.25em 3em; }
.adsl-calculator ol.promo { background: #fde8b3; }
.adsl-calculator ol > li { font: normal 1.5em/1 Tele-grotesk; margin: 1em 0 0; padding: 1em 0 0; background: transparent url(../images/horizontal-divider-light.png) no-repeat 50% top; background-size: 100% 1px; }
.adsl-calculator ol > li:first-child { background: none; margin: 0; padding: 0; }
.adsl-calculator ol > li.no-border { background-image: none; padding: 0; margin: 0; }
.adsl-calculator .calculator-box { font-size: 16px; font-size: 1rem; padding: 1em 0 0; }
.adsl-calculator .calculator-box p { clear: both; font: normal 0.75em/1.2 Arial, Helvetica, sans-serif; margin: 0 0 1em; }
.adsl-calculator .calculator-box p.label { font: normal 1.125em/2 Tele-grotesk; float: left; margin: 0; }
.adsl-calculator .calculator-box .adsl-select-btn { float: right; list-style-type: none; margin: 0 0 0.75em; }
.adsl-calculator .calculator-box .adsl-select-btn > li { float: left; padding: 0.125em; border: 1px solid #fff; margin: 0 0 0 0.875em; }
.adsl-calculator .calculator-box .adsl-select-btn > li a { display: block; background: #bdbdbd; color: #fff; font: normal 0.875em/2.142857142857143 Arial, Helvetica, sans-serif; height: 2.142857142857143em; padding: 0 0.8571428571428571em; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-width: 100px; min-width: 6.25rem; }
.adsl-calculator .calculator-box .adsl-select-btn > li:nth-child(2) a { width: 124px; width: 7.75rem; }
.adsl-calculator .calculator-box .adsl-select-btn > li:nth-child(3) a { width: 146px; width: 9.125rem; }
.adsl-calculator .calculator-box label { padding: 0 2em 0 0.5em; cursor: pointer; }
.adsl-calculator .calculator-box input { padding: 0 2em 0 0.5em; cursor: pointer; }
.adsl-calculator .calculator-box .adsl-select-btn > li.selected { border-color: #e20074; -webkit-box-shadow: 0px 0px 10px 0px rgba(226, 0, 116, 0.35); box-shadow: 0px 0px 10px 0px rgba(226, 0, 116, 0.35); }
.adsl-calculator .calculator-box .adsl-select-btn > li.selected a { background: #7c7c7c; }
.adsl-calculator ol > li .selector { float: right; }
.adsl-calculator-promo { float: left; font-size: 16px; font-size: 1rem; border-bottom: 1px solid #e7cf93; width: 98%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 2% 0 0; padding: 1em 0; background: #fde8b3; position: relative; }
.adsl-calculator-promo.last { border-bottom: none; border-top: 1px solid #fff0cb; }
.adsl-calculator-promo .right { float: right; margin: -2em 0 0; text-align: center; }
.adsl-calculator-promo .karakteristike { background: transparent url(../images/more-icon.png) no-repeat 0 0; font: normal 0.875em/1.3 Tele-grotesk; padding: 0 0 0 1.5em; }
.adsl-calculator-promo .left { float: left; }
.adsl-calculator-multimedia { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 1em; border: 1px solid #e5e5e5; 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; padding: 1.25em 1.25em 1em; }
.adsl-calculator-promo h3 { font: normal 1.5em/1 Tele-groteskfet; margin: 0 0 0.75em; }
.adsl-calculator-promo h3 span { color: #e20074; font-size: 1.25em; }
.adsl-calculator-promo .sticker { position: absolute; left: -0.4375em; top: -0.4375em; }
.adsl-calculator-promo .icon { float: right; margin: -3.25em 0 0 0.5em; }
.adsl-calculator-promo .icon-link { display: block; float: right; clear: both; font: normal 0.75em/1.2 Arial, Helvetica, sans-serif; width: 7em; text-align: right; margin: -1.25em 0 0; }
.adsl-calculator-promo p { font: normal 1.125em/normal Tele-grotesk; margin: 0 0 1em; }
.adsl-calculator-promo p.small { font-size: 0.875em; }
.adsl-calculator-promo .selector { margin: 0 0 1.25em; }
.adsl-check-list { list-style-type: none; margin: 0 0 1.5em; }
.adsl-check-list > li { margin: 0 0 1em; }
.adsl-check-list > li label { font: normal 1.125em/1 Tele-grotesk; margin: 0 0 0 0.5em; cursor: pointer; }
.adsl-check-list > li input { cursor: pointer; }
.adsl-check-list > li span { font-family: Tele-groteskfet; }
.adsl-multimedia-box { list-style-type: none; width: 100%; float: left; }
.adsl-multimedia-box > li { float: left; margin: 0 0 0 3.625%; padding: 0 0 0 3.625%; background: transparent url(../images/divider-vertical.png) no-repeat left center; width: 28.5%; font: normal 0.75em/1.4 Arial, Helvetica, sans-serif; }
.adsl-multimedia-box > li:first-child { margin-left: 0; padding-left: 0; background-image: none; }
.adsl-multimedia-box.half > li { margin: 0 0 0 5%; padding: 0 0 0 5%; width: 45%; }
.adsl-multimedia-box.half > li:first-child { margin-left: 0; padding-left: 0; background-image: none; }
.adsl-multimedia-box.half > li input { float: left; margin: 0.25em 1.5em 0 0; }
.adsl-multimedia-box.half > li label { cursor: pointer; }
.adsl-kosarica { float: left; width: 30.625%; padding: 1.25em; background: #eee; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 2em; }
.adsl-kosarica h5 { font: normal 1.125em/1.4 Tele-grotesk; margin: 0 0 1em; }
.adsl-kosarica table { width: 100%; border: none; border-top: 1px solid #e2e2e2; border-collapse: collapse; margin: 0 0 1em; }
.adsl-kosarica table.total { border-top: 1px solid #b5b5b5; }
.adsl-kosarica table th { font: normal 1.375/1 Tele-groteskfet; text-align: left; padding: 20px 0 8px; padding: 1.25rem 0 0.5rem; }
.adsl-kosarica table.total th { padding: 16px 0 0; padding: 1rem 0 0; }
.adsl-kosarica table td { text-align: right; padding: 8px 0; padding: 0.5rem 0; font: normal 1.25em/1 Tele-grotesk; }
.adsl-kosarica table td.topic { text-align: left; font-size: 1em; width: 48%; }
.adsl-kosarica table.total td { font: normal 1.875em/1 Tele-groteskfet; color: #e20074; }
.adsl-kosarica table.total td.topic { font: normal 1em/1 Tele-grotesk; color: #333; }
.adsl-kosarica p.note { font: normal 0.75em/1.2 Arial, Helvetica, sans-serif; color: #7c7c7c; }
.adsl-continue { float: right; }
.adsl-kosarica table td .promo-note { display: block; font: normal 0.5em/1 Arial, Helvetica, sans-serif; }
.adsl-kosarica table.single-row { margin: 0; }
.adsl-kosarica table.single-row td { padding: 12px 0; padding: 0.75rem 0; }

/*** prepaid tarife ***/
.prp-tarif-bann { background: #fff url(https://www.hrvatskitelekom.hr/ResourceManager/GetImage.aspx?imgId=4543) no-repeat 0 0; background-size: 100%; position: relative; margin: 0 0 2.5em; height: 0; padding-bottom: 33.33333333333333%; clear: both; }
.prp-tarif-bann .brandon { position: absolute; top: 1.25em; left: 1.25em; width: 28em; }
.bann-prepaid-tarife { float: left; width: 100%; margin: 0 0 2em; min-height: 23em; background: transparent url(../images/bann-prepaid-tarife.jpg) no-repeat right top; }
.bann-prepaid-tarife .copy { width: 24em; padding: 0 0 0 1em; display: table-cell; vertical-align: middle; height: 22em; }
.bann-prepaid-tarife .copy h1 { font: normal 2.0625em/1.2 Tele-groteskhal; margin: 0 0 0.5em; }
.bann-prepaid-tarife .copy h3 { font: normal 1.4375em/1.2 Tele-grotesk; margin: 0 0 0.5em; }
.bann-prepaid-tarife ul.fancy { margin: 0 0 1.5em; }
.table-note { color: #909090; padding: 0 0 0 1em; margin: 0 0 1em; }
h3.prepaid-hl { font: normal 1.625em/1 Tele-groteskhal; margin: 0 0 0.75em; clear: both; }
.prepaid-promo-box { -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; width: 100%; border: 1px solid #cdcdcd; -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); padding: 1.375em 1em; font-family: Tele-grotesk; position: relative; margin: 0 0 2em; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 70%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#ffffff), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #ffffff 70%,#f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 70%,#f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 70%,#f0f0f0 100%); background: linear-gradient(top, #ffffff 70%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); }
.prepaid-promo-box.white-bg { background: #fff; filter: none; }
.prepaid-promo-box p { font: normal 1.125em/1.2 Tele-grotesk; margin: 0 0 1.2em; }
.prepaid-promo-box .ec { float: right; margin: 0 0 -7em -3em; position: relative; right: -3.125em; top: -5.25em; }
.prepaid-promo-box .icon { float: left; width: 25%; margin: 0 5% 0 0; text-align: center; }
.prepaid-promo-box .tekst { float: left; width: 70%; }
.prepaid-promo-box h4 { font: normal 1.625em/1 Tele-groteskhal; margin: 0 0 0.5em; color: #333; }
.prepaid-promo-box h4 a { color: inherit; }
.prepaid-promo-box p.price { font: normal 1.625em/1 Tele-groteskfet; color: #e20074; margin: 2em 0.5em 0.5em 3em; float: right; }
.prepaid-promo-box ul.kvacica li { font: normal 1.125em/1.3 Tele-grotesk; background-position: 0 6px; }
.mainboxthird .prepaid-promo-box .icon { width: 18%; margin: 0 3% 0 0; }
.mainboxthird .prepaid-promo-box .tekst { width: 79%; }
.prepaid-promo-box.equal { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; float: none; width: auto; }
.activate-box { list-style-type: none; float: left; width: 100%; margin: 0 0 2em; }
.activate-box > li { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; border: 1px solid #cdcdcd; -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); padding: 1em 0.625em; margin: 0 0 1em 2%; width: 23.5%; height: 6.25em; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 50%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 50%,#f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 50%,#f4f4f4 100%); background: -ms-linear-gradient(top, #ffffff 50%,#f4f4f4 100%); background: linear-gradient(top, #ffffff 50%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); }
.activate-box > li:first-child { margin-left: 0; }
.activate-box > li p { font: normal 0.8125em/1.3 Arial, Helvetica, sans-serif; color: #666; padding: 0 0 0 1.846153846153846em; background: transparent url(../images/custom-ol/ol1.png) no-repeat 0 0; }
.activate-box > li.two p { background-image: url(../images/custom-ol/ol2.png); }
.activate-box > li.three p { background-image: url(../images/custom-ol/ol3.png); }
.activate-box > li.four p { background-image: url(../images/custom-ol/ol4.png); }
.activate-box > li.five p { background-image: url(../images/custom-ol/ol5.png); }
.activate-box > li.six p { background-image: url(../images/custom-ol/ol6.png); }

.prepaid-promo-box.ict-cpp .icon { width: 8%; margin: 0 1% 0 0; }
.prepaid-promo-box.ict-cpp .icon img { width: 75%; }
.prepaid-promo-box.ict-cpp .tekst { width: 58%; }
.prepaid-promo-box.ict-cpp p { margin: 0; }
.prepaid-promo-box.ict-cpp .select-container { float: right; }
.prepaid-promo-box.ict-cpp .select-container a.button-magenta { float: right; margin: 0.5em 0 0; }

.prp-uvjeti-list { list-style-type: none; clear: both; margin: 0 0 2em; }
.prp-uvjeti-list li { font-size: 1.375em; margin: 0 0 0.375em; }

.roditeljska-promo-box { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 3px solid #e20074; padding: 2%; position: relative; margin: 0 0 2.5em; }
.roditeljska-promo-box:after { content: ''; display: table; clear: both; }
.roditeljska-promo-box .icon { float: left; width: 22%; margin-right: 2%; text-align: center; padding-top: 1.5em; }
.roditeljska-promo-box .icon img { max-width: 100%; }
.roditeljska-promo-box .text { float: left; width: 64%; color: #4b4b4b; }
.roditeljska-promo-box h4 { font: normal 1.5em/1.3 Headline; text-transform: uppercase; margin: 0 0 1em; }
.roditeljska-promo-box h4 span { font-family: Headline-ult; }
.roditeljska-promo-box p { font-size: 1.25em; }
.roditeljska-promo-box .more-link { position: absolute; right: 2%; bottom: 1em; font-size: 1.125em; }

/*** najbolja ponuda ***/
.najbolja-ponuda-bann { float: left; width: 60em; padding: 0 8.5em; margin: 0 0 3em -8.5em; background: transparent url(../images/najbolja-ponuda-bann-old.jpg) no-repeat 50% bottom; min-height: 22.375em; }
.najbolja-ponuda-bann.ostale-akcije { background-image: url(../images/najbolja-ponuda-bann-ostale.jpg); min-height: 29em; }
.najbolja-ponuda-bann.poslovni { background-image: url(/ResourceManager/GetImage.aspx?imgId=2196); }
.najbolja-ponuda-bann .tekst { padding: 0 0 0 34.625em; display: table-cell; vertical-align: middle; height: 20.375em; }
.najbolja-ponuda-bann.ostale-akcije .tekst { height: 29em; }
.najbolja-ponuda-bann.poslovni .tekst { height: 22.375em; }
.najbolja-ponuda-bann .tekst h1 { font: normal 3.625em/0.9 Tele-groteskfet; margin: 0 0 0.125em; }
.najbolja-ponuda-bann .tekst h2 { font: normal 2.6875em/1 Tele-groteskfet; margin: 0 0 0.25em; }
.najbolja-ponuda-bann .tekst h4 { font: normal 1.4375em/1.3 Tele-grotesk; margin: 0 0 0.5em; }
h2.najbolja-hl { font: normal 2.25em/1.2 Tele-grotesk; margin: 0 0 0.5em; }
.najbolja-ponuda-bann.ict-podrska { background-image: url(/ResourceManager/GetImage.aspx?imgId=2819); min-height: 21.625em; margin-bottom: 2em; }
.najbolja-ponuda-bann.ict-podrska .tekst { height: 21.625em; }
.najbolja-ponuda-bann.ict-podrska ul.kvacica li { font: normal 1.25em/1 Tele-grotesk; margin: 0 0 0.5em; background-position: 0 0.25em; }

/***multimedia paket ***/
.multimedia-check-container { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #c7c7c7; width: 39em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); padding: 1.5em 1.5em; position: relative; margin: 0 0 1em; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 50%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f1f1f1)); background: -webkit-linear-gradient(top, #ffffff 50%,#f1f1f1 100%); background: -o-linear-gradient(top, #ffffff 50%,#f1f1f1 100%); background: -ms-linear-gradient(top, #ffffff 50%,#f1f1f1 100%); background: linear-gradient(top, #ffffff 50%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); }
.multimedia-check-container .adsl-multimedia-box { width: 100%; margin: 0 0 2em; }
.multimedia-check-container .adsl-multimedia-box > li p { font-size: 13px; font: normal 0.8125rem/1.4 Arial, Helvetica, sans-serif; color: #5a5a5a; }
.multimedia-check-container .ec { position: absolute; right: -0.625em; top: -0.5em; }
.multimedia-check-container .img-nagrada { float: right; margin: -1em 0 1em -3em; }
.multimedia-check-container p.note { clear: both; font: normal 0.8125em/1.3 Tele-groteskhal; }
.multimedia-check-container label { margin: 0 0 2em; display: inline-block; width: 58%; }
.multimedia-check-container label h4 { font: normal 1.75em/1 Tele-groteskhal; margin: 0 0 0.25em; }
.multimedia-check-container label h4 span { font-family: Tele-groteskult; }
.multimedia-check-container label p { font: normal 1em/1 Tele-groteskhal; }
.multimedia-check-container .checker { float: left; width: 5%; }
.multimedia-promo-container { float: left; width: 39em; margin: 2em 0 0; }
.multimedia-promo-container p { font: normal 1.25em/1.4 Tele-grotesk; margin: 0; }
.multimedia-promo-container p.highlight { font-family: Tele-groteskult; }
.multimedia-promo-container h4 { font: normal 1.375em/1.4 Tele-groteskfet; margin: 1em 0; }

.najbolja-ponuda-bann.multimedija { background-image: url(../images/multimediapaket-bann.jpg); min-height: 21.875em; }
.najbolja-ponuda-bann.multimedija h1 { font-size: 3.375em; }
.najbolja-ponuda-bann.multimedija .tekst { padding: 0 0 0 38em; height: 21.875em; }

/*** ebpp ***/
.ebpp-bann { float: left; width: 100%; min-height: 16em; background: transparent url(https://www.hrvatskitelekom.hr/ResourceManager/GetImage.aspx?imgId=2801) no-repeat 50% 0; margin: 0 0 2.5em -5em; padding: 0 5em; }
.ebpp-bann .text { display: table-cell; height: 16em; vertical-align: middle; width: 30em; }
.ebpp-bann .text h2 { font: normal 1.875em/1.125 Tele-groteskfet; margin: 0 0 0.25em; }
.ebpp-bann .text h3 { font: normal 1.5em/1.2 Tele-grotesk; }
.ebpp-info-box { float: left; width: 45%; margin: 0 0 2em; }
.ebpp-info-box h2 { font: normal 1.875em/1 Tele-groteskfet; margin: 0 0 0.5em; }
.ebpp-info-box h3 { font: normal 1.25em/1.2 Tele-groteskfet; margin: 0 0 0.75em; }
.ebpp-info-box p { font: normal 1.125em/1.2 Tele-grotesk; margin: 0 0 1.2em; }
.ebpp-usp-box { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #dedede; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; padding: 1.5em 2em; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 42%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,#ffffff), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #ffffff 42%,#e8e8e8 100%); background: -o-linear-gradient(top, #ffffff 42%,#e8e8e8 100%); background: -ms-linear-gradient(top, #ffffff 42%,#e8e8e8 100%); background: linear-gradient(top, #ffffff 42%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); }
.ebpp-usp-box .left, .ebpp-usp-box .right { float: left; width: 47.5%; padding: 0; }
.ebpp-usp-box .left { margin-right: 5%; }
.ebpp-usp-box h2 { font: normal 1.875em/1 Tele-groteskfet; margin: 0 0 0.5em; }
.ebpp-usp-box ul.kvacica { margin: 0 0 2.5em; }
.ebpp-usp-box ul.kvacica li { font: normal 1.125em/1.3 Tele-grotesk; margin: 0 0 0.5em; background-position: 0 6px; }
.ebpp-usp-box p { float: left; font: normal 1em/1.3 Tele-groteskhal; }
.ebpp-usp-box .button-magenta { float: right; clear: both; }

/*** deezer ***/
.deezer-bann { background: url('/ResourceManager/GetImage.aspx?imgId=2210') no-repeat top; width: 100%; height: 0; padding: 0 0 31.25%; }
.deezer-quarter-container { list-style-type: none; float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #cdcdcd; -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); margin: 0 0 32px; }
.deezer-quarter-box { display: table-cell; width: 25%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-left: 1px solid #fff; border-right: 1px solid #cdcdcd; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 51%, #ebebeb 51%, #e2e2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#f3f3f3), color-stop(51%,#ebebeb), color-stop(100%,#e2e2e2)); background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 51%,#ebebeb 51%,#e2e2e2 100%); background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 51%,#ebebeb 51%,#e2e2e2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 51%,#ebebeb 51%,#e2e2e2 100%); background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 51%,#ebebeb 51%,#e2e2e2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); padding: 2% 2% 3%; vertical-align: top; }
.deezer-quarter-box.first { border-left: none; }
.deezer-quarter-box.last { border-right: none; }
.deezer-quarter-box h4 { font: normal 17px/1.3 Tele-groteskhal; margin: 0 0 4px; }
.deezer-quarter-box p { font: normal 16px/1.3 Tele-grotesk; margin: 0; }
.deezer-quarter-box .icon { margin: 5px 0 10px; height: 65px; text-align: center; width: 100%; }
.deezer-info { float: left; width: 100%; }
.deezer-info h2 { font: normal 2.125em/1.2 Tele-groteskFet; color: #333333; margin: 0 0 0.55em; }
.deezer-info p { font-size: 1.125em; font-family: Tele-groteskHal; font-weight: normal; margin: 0 0 1.125em; }
.deezer-info > img { float: right; }
.deezer-info .ipad { float: right; height: 28.9375em; width: 22.8125em; background-image: url('/ResourceManager/GetImage.aspx?imgId=2215'); z-index: 3; }
.deezer-info .slideshow { margin: 0; padding: 0; position: relative; top: 2.75em; left: 2.5em; width: 17.6875em; height: 23.5em; z-index: 1; }
.deezer-info .slideshow img { width: 17.6875em; height: 23.5em; background-color: #eee; }

.activate-steps-list { float: left; width: 100%; margin: 0 0 32px; list-style-type: none; border: 1px solid #cdcdcd; -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: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 40%, #e3e3e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#e3e3e3)); background: -webkit-linear-gradient(top, #ffffff 40%,#e3e3e3 100%); background: -o-linear-gradient(top, #ffffff 40%,#e3e3e3 100%); background: -ms-linear-gradient(top, #ffffff 40%,#e3e3e3 100%); background: linear-gradient(top, #ffffff 40%,#e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); }
.activate-steps-list li { display: table-cell; vertical-align: top; border-right: 1px solid #cdcdcd; border-left: 1px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1%; }
.activate-steps-list li:first-child { border-left: none; }
.activate-steps-list li.last { border-right: none; }
.activate-steps-list.five li { width: 20%; }
.activate-steps-list li p { background: transparent url(../images/custom-ol/ol1.png) no-repeat 0 0; padding: 0 0 0 24px; font: normal 13px/1.4 Arial, Helvetica, sans-serif; color: #727272; margin: 0; }
.activate-steps-list li p .highlight { font-weight: bold; color: #111; }
.activate-steps-list li.one p { background-image: url(../images/custom-ol/ol1.png); }
.activate-steps-list li.two p { background-image: url(../images/custom-ol/ol2.png); }
.activate-steps-list li.three p { background-image: url(../images/custom-ol/ol3.png); }
.activate-steps-list li.four p { background-image: url(../images/custom-ol/ol4.png); }
.activate-steps-list li.five p { background-image: url(../images/custom-ol/ol5.png); }
.activate-steps-list li.six p { background-image: url(../images/custom-ol/ol6.png); }
.activate-steps-list li.seven p { background-image: url(../images/custom-ol/ol7.png); }
.activate-steps-list li.eight p { background-image: url(../images/custom-ol/ol8.png); }
.activate-steps-list li.nine p { background-image: url(../images/custom-ol/ol9.png); }

.ultrapaketi { background: transparent url(/webresources/images/optika_bg.png) no-repeat top; height: 350px; margin: 0 0 30px; }
.ultrapaketi h1 { font: normal 3.25em/1 Tele-groteskfet; color: #333; margin: 1em 0 0.5em; }
.ultrapaketi h2 { font: normal 1.75em/1 Tele-groteskfet; color: #333; margin: 0 0 0.5em; }
.ultrapaketi p { font: normal 1.375em/1 Tele-grotesk; color: #333; margin: 0 0 0.5em; }

.paketi-box-list { float: left; width: 100%; list-style-type: none; margin: 0 0 2em; }
.paketi-box-list .paketi-box { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; margin: 0 0 0 2%; padding: 0.5em 1em; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); }
.paketi-box-list .paketi-box:first-child { margin: 0; }
.paketi-box-list .paketi-box.half { width: 49%; }
.paketi-box-list .paketi-box.quarter { width: 23.5%; }
.paketi-box-list h2.trigger { font: normal 1.875em/1.3 Tele-grotesk; color: #e20074; background: transparent url(../images/select-arrow.png) no-repeat right 50%; cursor: pointer; }
.paketi-box-list h5 { font: normal 0.875em/1.2 Tele-grotesk; text-transform: uppercase; margin: 0 0 0.25em; }
.paketi-box-list h4 { font: normal 1.125em/1.2 Tele-grotesk; color: #e20074; margin: 0 0 0.5em; }
.paketi-box-list .divider { width: 100%; border-bottom: 1px solid #fff; border-top: 1px solid #d7d7d7; margin: 0.75em 0; }
.paketi-box-list .price-box p { font: normal 0.75em/1.4 Tele-grotesk; margin: 0 0 0.25em; }
.paketi-box-list .price-box h3 { font: normal 1.75em/1.2 Tele-groteskfet; margin: 0 0 0.25em; color: #e20074; }
.paketi-box-list .price-box h3 span { font-size: 12px; font-size: 0.75rem; font-family: Arial, Helvetica, sans-serif; color: #999; }
.paketi-box-list .price-box { position: absolute; bottom: 0; width: 100%; }
.paketi-box-list .details-box { height: 25.75em; padding: 0 0 7.0625em; position: relative; margin: 1em 0 0; }
.paketi-box-list.poslovni .details-box { height: 11.625em; }
.upute-link { display: inline-block; background: transparent url(../images/upute-link.png) no-repeat 0 50%; line-height: 42px; padding: 0 0 0 60px; }

h5.credit-card-info { float: left; color: #e20074; font: normal 1.25em/1 Tele-groteskhal; margin: 1em 0 0.5em; }
ul.credit-card-list { color: #333; }

.landing_page_break_container_info { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1em; float: left; background: #fafafa url(../images/row-bg.jpg) repeat-x left bottom; border: 1px solid #d1d1d1; -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 0px 0px 1px #ffffff, 0px 1px 3px 0px rgba(0, 0, 0, 0.15); -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; margin: 0 0 2.5em; }
.landing_page_break_container_info h2 { font: normal 1.8125em/normal Tele-groteskhal; color: #e20074; margin: 0 0 0.125em; }
.landing_page_break_container_info p { font: normal 1.125em/1 Tele-groteskHal; margin-bottom: 0; }
.landing_page_break_container_info .icon { float: left; margin: 0.875em 1.25em 0 0; }
.landing_page_break_container_info .button-magenta { float: right; margin: 0.625em 1em 0 0; }

/***cloud mail***/
.cloud-mail-promo { margin: 0 0 1.5em; padding: 1em 1.5em 0.5em; }
.cloud-mail-promo h2 { font: normal 1.75em/1 Tele-grotesk; margin: 0 0 0.25em; color: #e20074; }
.cloud-mail-promo p { font: normal 1em/1.4 Tele-grotesk; margin: 0 0 0.5em; }
.cloud-mail-promo .button-magenta { float: right; margin: 0.5em 0 0; }

/***dongle***/
.tv-dongle-box { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 0.625em; -webkit-border-radius: 0.625em; border-radius: 0.625em; border: 1px solid #cbcbcb; -webkit-box-shadow: 0 0 0.75em 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.75em 0 rgba(0, 0, 0, 0.1); padding: 1em; margin: 1.5em 0; position: relative; }
.tv-dongle-box .image { float: left; width: 42%; margin: 0 4% 0 0; text-align: center; padding-top: 2.5em; }
.tv-dongle-box .tekst { float: left; width: 54%; }
.tv-dongle-box .tekst h3 { font: normal 2em/1.2 Tele-groteskfet; margin: 0 0 0.25em; color: #333; }
.tv-dongle-box .tekst p { font: normal 1.25em/1.2 Tele-grotesk; margin: 0 0 1em; }
.tv-dongle-box .tekst p.note { font: normal 0.875em/1.2 Tele-groteskfet; margin: 2em 0 0; }
.tv-dongle-box .ec-poklon { width: 12.625em; height: 9.5em; background: transparent url(../images/ec-poklon.png) no-repeat 0 0; position: absolute; top: -0.6875em; left: -0.75em; }

/***prijelaz na pretplatu ***/
.prp2pop-info { float: left; width: 100%; }
.prp2pop-info p { font: normal 1.125em/1.3 Tele-grotesk; margin: 0 0 1em; }
.prp2pop-box { float: left; width: 100%; margin: 0.5em 0 2.5em; list-style-type: none; }
.prp2pop-box > li { float: left; width: 48.5%; margin: 0 0 0 1.5%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; border: 1px solid #e5e5e5; padding: 1em 1.25em; }
.prp2pop-box > li:first-child { margin: 0 1.5% 0 0; }
.prp2pop-box .icon { float: left; width: 25%; margin: 0 4% 0 0; }
.prp2pop-box .icon img { width: 100%; }
.prp2pop-box .tekst { float: left; width: 71%; }
.prp2pop-box .tekst h3 { font: normal 1.5em/1.2 Tele-groteskfet; margin: 0 0 0.5em; }
.prp2pop-box .tekst ul.kvacica { margin: 0 0 0.75em; }
.prp2pop-box .tekst ul.kvacica li { font: normal 1em/1.3 Tele-grotesk; background-position: 0 0.25em; }
.prp2pop-table { width: 100%; border-collapse: collapse; margin: 0 0 1em; border-right: 1px solid #e1e1e1; font-family: Tele-grotesk; position: relative; -webkit-border-radius: 0 0 0.5em 0; -moz-border-radius: 0 0 0.5em 0; border-radius: 0 0 0.5em 0; 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%); }
.prp2pop-table .promo-sticker { background: transparent url(/ResourceManager/GetImage.aspx?imgId=2511) 0 0 no-repeat; width: 16.0625em; height: 4.3125em; position: absolute; top: 1.5em; left: -1.25em; }
.prp2pop-table .promo-sticker-alt { background: transparent url(/ResourceManager/GetImage.aspx?imgId=3391) 0 0 no-repeat; width: 16.0625em; height: 4.3125em; position: absolute; top: 1.5em; left: -1.25em; }
.prp2pop-table .data { text-align: center; width: 60%; padding: 0 1em; }
.prp2pop-table .topic { background: #ecf2f6; border-right: 1px solid #e1e1e1; padding: 0.75em 1em; text-align: left; }
.prp2pop-table td.topic { border-bottom: 1px solid #fff; text-align: right; }
.prp2pop-table .topic.blue { background: #ccf5ff; }
.prp2pop-table .topic h4 { font: normal 1.625em/1.3 Tele-grotesk; margin: 0; }
.prp2pop-table h2.tarif-name-more { width: 100%; margin: 0 0 0.5em; }
.prp2pop-table .data p { background: transparent url(../images/horizontal-divider.png) no-repeat 50% bottom; background-size: 100% 1px; padding: 12px 0; padding: 0.75rem 0; font-size: 1em; }
.prp2pop-table .data p.gray { background-color: #e9e9e9; }
.prp2pop-table .data p.large { font: normal 2.5em/1 Tele-groteskfet; }
.prp2pop-table .data p .old-price { display: block; text-decoration: line-through; }
.prp2pop-table .data p .small { display: block; font-size: 0.75em; color: #888; }
.prp2pop-table .data p .price { display: block; font-size: 1.5em; font-family: Tele-groteskfet; }
.prp2pop-table .data p .currency { font-size: 0.75em; color: inherit; margin: 0; font-weight: normal; }
.prp2pop-table .more-link-bottom-pr { display: inline-block; font: normal 0.75em/2 Arial, Helvetica, sans-serif; background: transparent url(/webresources/images/tarif-more-bg.png) no-repeat left top; color: #fff; padding: 0 1.5em 0 2.5em; -webkit-border-radius: 0 0 0.5em 0; -moz-border-radius: 0 0 0.5em 0; border-radius: 0 0 0.5em 0; float: right; margin: 1.625em 0 0; }
.prp2pop-table .noborder { border-right: none; }

/***roditeljska promo box ***/
.roditeljska-cross-box { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; border: 1px solid #e1e1e1; padding: 0.5em 1.5em; margin: 0 0 2.5em; }
.roditeljska-cross-box dt { float: left; width: 7em; margin: 0.25em 1em 0 0; text-align: center; }
.roditeljska-cross-box dd { }
.roditeljska-cross-box dd .button-magenta { float: right; margin: 1.5em 0 0 1em; }
.roditeljska-cross-box dd h4 { font: normal 1.75em/1.3 Tele-groteskfet; margin: 0; color: #333; }
.roditeljska-cross-box dd h4 a { color: inherit; }
.roditeljska-cross-box dd p { font: normal 1.375em/1.2 Tele-grotesk; margin: 0; }
h3.roditeljska-hl { clear: both; font: normal 1.75em/1.3 Tele-groteskfet; margin: 0 0 0.5em; }

/* BEGIN HBO GO cross box  */
.hbogo-cross-box { position: relative; padding: 1.5em 2em; margin: 2.5em 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; border: 1px solid #cbcbcb; -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: #ffffff; background: -moz-linear-gradient(top, #ffffff 40%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 40%,#f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 40%,#f4f4f4 100%); background: -ms-linear-gradient(top, #ffffff 40%,#f4f4f4 100%); background: linear-gradient(top, #ffffff 40%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); }
.hbogo-cross-box .hbogo-logo { float: left; display: block; margin: 0; border:none; }
.hbogo-cross-box h3 { font: 1.313em/1 Headline; text-transform: uppercase; padding: 0 7em 0 11em; }
.hbogo-cross-box h3 span { font: 1.667em/1 Headline-ult; display: block; }
.hbogo-cross-box a.cross-link { position: absolute; right: 1.333em; top: 50%; margin: -0.5em 0 0 0; font-size: 1.500em; line-height: 1; display: block; }

@media screen and (max-width: 767px) {
	.hbogo-cross-box { padding: 1em; }
	.hbogo-cross-box .hbogo-logo { float: none; margin: 0 0 1em 0; }
	.hbogo-cross-box h3 { padding: 0; font-size: 1.125em; }
	.hbogo-cross-box a.cross-link { position: static; margin: 0.5em 0 0 0; font-size: 1.125em; }
}
/* BEGIN HBO GO cross box  */

/***maxtv-naslovna cicam***/
.home-box-third { float: left; width: 100%; margin: 0 0 3em; list-style-type: none; }
.home-box-third > li { float: left; width: 31.5%; margin: 0 0 0 2.75%; }
.home-box-third > li:first-child { margin-left: 0; }
.home-box-third > li p { font: normal 1.125em/1.3 Tele-grotesk; margin: 0 0 0.25em; }
.maxtv-home-box { border: 1px solid #e2e2e2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; padding: 1.125em; position: relative; float: left; width: 100%; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); }
.maxtv-home-box h2 { font: normal 1.875em/1 Tele-groteskfet; color: #464646; margin: 0.25em 0; }
.maxtv-home-box ul.links { list-style-type: none; font: normal 0.75em/1.5 Arial, Helvetica, sans-serif; height: 6em; margin: 0 0 1em; }
.maxtv-home-box .bottom { margin: 0.75em 0 0; border-top: 1px dotted #b6b6b6; padding: 0.75em 0 0; height: 3.4375em; }
.maxtv-home-box .bottom img { float: left; margin: 0 0.75em 0 0; }
.maxtv-home-box .bottom p { font: normal 0.75em/1.5 Arial, Helvetica, sans-serif; padding-right: 1em; }
.maxtv-home-box .ec-bottom-novo { position: absolute; bottom: -0.5625em; right: -0.5625em; width: 7.25em; height: 7.25em; background: transparent url(../images/ec-bottom-novo.png) no-repeat 0 0; }

.nagradna-eracun { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1.25em 1.75em; -webkit-box-shadow: inset 0 0 100px 15px #F2F2F2; -moz-box-shadow: inset 0 0 100px 15px #f2f2f2; -o-box-shadow: inset 0 0 100px 15px #f2f2f2; -ms-box-shadow: inset 0 0 100px 15px #f2f2f2; box-shadow: inset 0 0 100px 15px #F2F2F2; margin: 0 0 2.5em; }
.nagradna-eracun .nagrada { float: right; }
.nagradna-eracun h3 { font: normal 1.4375em/1.3 Tele-groteskfet; margin: 0 0 0.25em; }
.nagradna-eracun p { font: normal 1.125em/1.3 Tele-grotesk; margin: 0 0 1em; }
.nagradna-eracun .button-magenta { float: left; margin: 0.75em 1em 0 0; }

.zakljucak-shopping-usp { float: left; list-style-type: none; width: 58%; margin: 1.75em 0; }
.zakljucak-shopping-usp > li { float: left; min-width: 6em; font: normal 0.875em/1.2 Tele-grotesk; color: #666; padding: 0.28em 3.25em 0 0; }
.zakljucak-shopping-usp > li span { font-family: Tele-groteskfet; }
.zakljucak-shopping-usp > li .icon { float: left; display: block; width: 54px; width: 3.375rem; height: 40px; height: 2.5rem; background: transparent url(../images/shopping-usp.png) no-repeat 0 0; margin: -4px 0.5em 0 0; }
.zakljucak-shopping-usp > li .icon.dostava { background-position: 0 4px; width: 54px; width: 3.375rem; }
.zakljucak-shopping-usp > li .icon.kupovina { background-position: 0 -52px; width: 28px; width: 1.75rem; }
.zakljucak-shopping-usp > li .icon.otkazivanje { background-position: 0 -106px; width: 38px; width: 2.375rem; }

.zakljucak-chat-box { float: right; width: 42%; margin: 1.75em 0; color: #555; }
.zakljucak-chat-box h4 { font: normal 1.25em/1 Tele-groteskfet; margin: 0 0 0.125em; }
.zakljucak-chat-box p { font: normal 1.0625em/1 Tele-grotesk; }
.zakljucak-chat-box p span { font-family: Tele-groteskfet; }
.zakljucak-chat-box .button-black { float: right; margin: 0.25em 0 0; }
.zakljucak-chat-box .icon { float: left; margin: 0.375em 0 0 -2.25em; }
.zakljucak-chat-box.e2e { width: auto; }

.usp-container { float: left; width: 100%; margin: 0 0 0.75em; }
.usp-container .zakljucak-chat-box { margin: 0.75em 0; }
.usp-container .zakljucak-shopping-usp { margin: 0.75em 0; }

.webshop-usp { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 32.5%; margin: 0.875em 0 0 1.25%; background: #fff url(../images/divider-top.png) no-repeat 50% top; background-size: 100% 3em; text-align: center; padding: 1.25em 0 0; }
.webshop-usp h3 { font: normal 2em/1 Tele-groteskult; color: #e30074; text-transform: uppercase; padding: 0 1em; }
.webshop-usp ul { float: left; list-style-type: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 1em; margin: 1em 0 0; background: #fff url(../images/divider-bottom.png) no-repeat 50% bottom; background-size: 100% 3em; }
.webshop-usp ul > li { float: left; width: 40%; padding: 0 5%; margin: 0 0 1em; }
.webshop-usp ul > li span { font: normal 0.875em/1 Tele-grotesk; color: #666; display: block; }
.webshop-usp ul > li .icon { display: block; width: 100%; height: 2.875em; background: transparent url(../images/webshop-usp.png) no-repeat 50% 0; margin: 0 0 0.25em; }
.webshop-usp ul > li .icon.dostava { background-position: 50% -54px; }
.webshop-usp ul > li .icon.kupovina { background-position: 50% 4px; }
.webshop-usp ul > li .icon.otkazivanje { background-position: 50% -116px; height: 2.5em; }
.webshop-usp ul > li .icon.otvoreno { background-position: 50% -171px; }
.webshop-usp ul > li .icon.cekanje { background-position: 50% -113px /*-237px*/; }

/***gradijent box***/
.gradient-box { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; border: 1px solid #cdcdcd; -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: #ffffff; background: -moz-linear-gradient(top, #ffffff 40%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 40%,#f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 40%,#f4f4f4 100%); background: -ms-linear-gradient(top, #ffffff 40%,#f4f4f4 100%); background: linear-gradient(top, #ffffff 40%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); }

/*** END ***/

/*** css3 buttons ***/
a.button-magenta, a.button-black, a.button-gray, .button-magenta { display: inline-block; height: 2em; padding: 0 1em; font: normal 1.125em/2 Tele-grotesk; color: #fff; -moz-border-radius: 0.1875rem; -webkit-border-radius: 0.1875rem; border-radius: 0.1875rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5); position: relative; }
a.button-magenta, .button-magenta { border: 1px solid #e20074; background: #ce006a; background: -moz-linear-gradient(top, #fe319b 0%, #ce006a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe319b), color-stop(100%,#ce006a)); background: -webkit-linear-gradient(top, #fe319b 0%,#ce006a 100%); background: -o-linear-gradient(top, #fe319b 0%,#ce006a 100%); background: -ms-linear-gradient(top, #fe319b 0%,#ce006a 100%); background: linear-gradient(to bottom, #fe319b 0%,#ce006a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe319b', endColorstr='#ce006a',GradientType=0 ); }
a.button-magenta:hover, .button-magenta:hover { background: #e20074; filter: none; color: #fff; border-color: #b3005c; text-decoration: none; }
a.button-magenta:active, .button-magenta:active { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); bottom: -1px; }

a.button-black { border: 1px solid #292929; background: #0f0f0f; background: -moz-linear-gradient(top, #323232 0%, #0f0f0f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#0f0f0f)); background: -webkit-linear-gradient(top, #323232 0%,#0f0f0f 100%); background: -o-linear-gradient(top, #323232 0%,#0f0f0f 100%); background: -ms-linear-gradient(top, #323232 0%,#0f0f0f 100%); background: linear-gradient(to bottom, #323232 0%,#0f0f0f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#0f0f0f',GradientType=0 ); }
a.button-black:hover { background: #202020; filter: none; color: #fff; border-color: #191919; text-decoration: none; }
a.button-black:active { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); bottom: -1px; }

a.button-gray { color: #333; border: 1px solid #d0d0d0; background: #e5e5e5; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); }
.button-mobile { margin: 0 0 1em; text-align: center; width: 100%; }
a.button-gray:hover { background: #f5f5f5; filter: none; color: #333; border-color: #c2c2c2; text-decoration: none; }
a.button-gray:active { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); bottom: -1px; }
a.button-magenta.small, a.button-black.small, a.button-gray.small { font: normal 0.9375em/1.466 Tele-grotesk; height: 1.466em; }
a.button-magenta.forward:after, a.button-black.forward:after, a.button-gray.forward:after { content: ">"; display: inline-block; margin: 0 0 0 0.375em; font-family: Tele-groteskult; }
a.button-magenta.back:before, a.button-black.back:before, a.button-gray.back:before { content: "<"; display: inline-block; margin: 0 0.375em 0 0; font-family: Tele-groteskult; }
a.button-magenta.delete:before, a.button-black.delete:before, a.button-gray.delete:before { content: "x"; display: inline-block; margin: 0 0.375em 0 0; font-family: Tele-groteskfet; position: relative; bottom: 1px; }
/***/

.preselili-smo { position: absolute; left: 13em; top: 1.5em; }

.divider-shadow { float: left; width: 100%; clear: both; margin: 0 0 30px; }
.divider-shadow.bottom { background: transparent url(../images/iphone/divider_down.jpg) no-repeat center top; padding: 20px 0 0; }
.divider-shadow.top { background: transparent url(../images/iphone/divider_up.jpg) no-repeat center bottom; padding: 0 0 20px; }

.filter_radio_selector_box a { color: #333; }

::selection { background: #FE57A1; color: #fff; text-shadow: none; /* Safari */ }
::-moz-selection { background: #FE57A1; color: #fff; text-shadow: none; /* Firefox */ }

.maxpaketi-full-promo { margin: 0 0 2.5em; }
.maxpaketi-full-promo .icon { position: absolute; top: -0.75em; right: 1.5em; }
.maxpaketi-full-promo .kvacica { margin: 0; }
.maxpaketi-full-promo .kvacica li { font: normal 1.125em/1.3 Tele-grotesk; background-position: 0 0.37em; }

.maxpaketi-promo-box { border: 1px solid #cbcbcb; padding: 1% 3%; margin: 0 0 2em; float: left; width: 100%; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #ffffff; 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 ); }
.maxpaketi-promo-box .right { float: right; margin: 0 0 0 10%; position: relative; }
.maxpaketi .tab .maxpaketi-promo-box .ec-new, .maxpaketi-promo-box .ec-new { position: absolute; top: 0; right: 1em; background: #FCD167; color: #333333; font: normal 1.0625em/1.1 Headline; text-transform: uppercase; padding: 0.375em 0.75em; -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
.maxpaketi-promo-box .ec-new span { font-family: Headline-ult; font-size: 1.25em; }
.maxpaketi-promo-box .karakteristike { 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; margin: 0 0 0 2em; }
.maxpaketi .tab .maxpaketi-promo-box h4, .maxpaketi-promo-box h4 { font: normal 1.875em/normal Tele-groteskfet; margin: 0.75em 0 0.25em; text-transform: none; }
.maxpaketi .tab .maxpaketi-promo-box p, .maxpaketi-promo-box p { font: normal 1.375em/normal Tele-grotesk; }

/* BEGIN naslovnica */
/*** BEGIN naslovnica novi carousel ***/
.carousel-container { display: block; width: 100%; margin: 0 auto; position: absolute; overflow: hidden; }
.landing_page_main_content_box { margin: 29em 0 0; }
#iview { display: block; width: 100%; position: relative; /*overflow:hidden;*/ }
#iview .iviewSlider { display: block; width: 100%; height: 30em; overflow: hidden; }
.iview-controlNav { text-align: center; position: relative; top: -98px; z-index: 9; }
.iview-controlNav .iview-items { display: block; background: url('../images/thumb-list-bg-bottom.png') no-repeat center bottom; padding-bottom: 1.125em; }
.iview-controlNav .iview-items ul { list-style-type: none; background: url('../images/thumb-list-bg.png') no-repeat center top; margin: 0 auto; width: 60em; padding: 1em; background: #fff; -webkit-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.35); box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.35); }
.iview-controlNav .iview-items ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.iview-controlNav .iview-items ul li { overflow: hidden; position: relative; display: inline-block; float: left; margin: 0 0 0 2%; width: 23.5%; }
.iview-controlNav .iview-items ul li:first-child { margin: 0; }
.iview-controlNav a { transition: border 1s ease; display: block; height: 8.3125em; border: 1px solid #ededed; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.iview-controlNav a img { margin-bottom: 0.25em; }
.iview-controlNav a h5 { font: 1em/1 Tele-groteskHal; text-decoration: none; text-align: center; color: #444444; padding: 0 0.25em; }
.iview-controlNav a.active { border: 1px solid #e20074; }
.iview-controlNav a:hover { opacity: 0.8; }
.iview-controlNav a.active:hover { opacity: 1; }
.iview-caption { opacity: 0; }
.iview-caption.caption1 { /*background:#e20074 url('../../img/banner-text-bg-right.png') no-repeat right top; */ }
.iview-caption.caption2 { }
.iview-caption.caption3 { }
.iview-caption.left { position: absolute; width: 380px!important; top: 110px; left: 0; }
.iview-caption.left-half { position: absolute; width: 480px!important; top: 110px; left: 0; }
.iview-caption.right { position: absolute; width: 480px!important; top: 110px; right: 0; }
.iview-caption.right-half { position: absolute; width: 480px!important; top: 110px; right: 0; }
#iview-preloader { display: none; border: #666 1px solid; width: 150px; }
#iview-preloader div { background: #666; }
.iviewSlider > div { width: 2560px !important; }
.carousel-container .main_carusel_viewport { height: 486px; left: 50%; margin-left: -480px; position: absolute; top: 0; width: 60em; z-index: 2; }
.carousel-container .main_carusel_viewport div { z-index: 2; }
.carousel-container .main_carusel_control_panel { bottom: 30px; height: 29px; left: 50%; position: absolute; z-index: 3; }
.carousel-container .main_carusel_viewport .Tele-grotesk { font-family: Tele-grotesk; font-weight: bold; }
.carousel-container .main_carusel_viewport .Tele-groteskFet { font-family: Tele-groteskFet; font-weight: bold; }
.carousel-container .main_carusel_viewport h1 { color: #222222; font: 3.000em/1 Tele-groteskFet; }
.carousel-container .main_carusel_viewport h2 { color: #666666; font: 1.500em/1 Tele-grotesk; margin: 10px 0; }
.carousel-container .main_carusel_viewport p { color: #ffffff; font-family: "Tele-grotesk"; font-size: 24px; line-height: 1.3; }
.carousel-container .main_carusel_viewport .button { margin-top: 15px; position: relative; z-index: 2; margin-bottom: -5px; }
.carousel-container .main_carusel_viewport .button.iphone { margin: 100px 0 0 70px; }
.carousel-container .carousel-link { display: block; height: 480px; /*left:-520px; top:-110px; width:100%; */ z-index: 9; position: absolute; width: 60em; left: 50%; margin-left: -480px; }
/* The slider */
.iviewSlider { overflow: hidden; }
/* The timer in the Slider */
#iview-timer { position: absolute; z-index: 100; border-radius: 5px; cursor: pointer; bottom: 10px !important; left: 50% !important; margin-left: -60px !important; }
#iview-timer div { border-radius: 3px; }
/* The Preloader in the Slider */
#iview-preloader { position: absolute; z-index: 1000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: #000 1px solid; padding: 1px; width: 100px; height: 3px; }
#iview-preloader div { float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 3px; background: #000; width: 0px; }
/* The strips and boxes in the Slider */
.iview-strip { display: block; position: absolute; z-index: 5; }
.iview-block { display: block; position: absolute; z-index: 5; }
/* Direction nav styles (e.g. Next & Prev) */
.iview-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.iview-prevNav { left: 0px; }
.iview-nextNav { right: 0px; }
/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav a { z-index: 9; cursor: pointer; }
.iview-controlNav a.active { font-weight: bold; }
.iview-controlNav .iview-tooltip { position: absolute; }
/* The captions in the Slider */
.iview-caption { position: absolute; z-index: 4; /*overflow:hidden; */ cursor: default; }
/* The video show in the Slider */
.iview-video-show { background: #000; position: absolute; width: 100%; height: 100%; z-index: 101; }
.iview-video-show .iview-video-container { position: relative; width: 100%; height: 100%; }
.iview-video-show .iview-video-container a.iview-video-close { position: absolute; right: 10px; top: 10px; background: #222; color: #FFF; height: 20px; width: 20px; text-align: center; line-height: 29px; font-size: 22px; font-weight: bold; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.iview-video-show .iview-video-container a.iview-video-close:hover { background: #444; }
/* banner content */
.carousel-services { position: absolute; list-style-type: none; bottom: 1em; right: 1em; }
.carousel-services li { float: left; width: 2.250em; height: 2.250em; margin-left: 0.5em; }
.carousel-services li:first-child { margin: 0; }
.slide-item .brandon h1 { font-size: 2.5em!important; }
.slide-item .brandon h2 { font-size: 2em!important; }
.slide-item .brandon h3 { font-size: 1.5em!important; }
.slide-item .brandon h4 { font-size: 1.25em!important; }
.slide-item .brandon p { font: 1.875em/1.167em Tele-grotesk!important; }
/*** END naslovnica novi carousel ***/
/*** BEGIN naslovnica nadoplata bona ***/
.nadoplata-bona { clear: both; border: 1px solid #dddddd; -webkit-border-radius: 4px; border-radius: 4px; padding: 1em 1.5em; margin: 0 0 2.500em 0; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #ebebeb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #ebebeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 50%, #ebebeb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%, #ebebeb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 50%, #ebebeb 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 50%, #ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 ); /* IE6-9 */ }
.nadoplata-bona li { float: left; width: 38%; list-style-type: none; }
.nadoplata-bona li.long { width: 29%; padding: 0 1% 0 0; }
.nadoplata-bona li.short { width: 32%; }
.nadoplata-bona h3 { font: 1.375em/1.364em Tele-groteskFet; color: #e20074; text-transform: uppercase; }
.nadoplata-bona p { font: 1.125em Tele-grotesk; color: #404040; }
.nadoplata-bona p span { font-family: Tele-groteskFet; white-space: nowrap; }
.nadoplata-bona label { font: normal 0.938em/2 Tele-groteskFet; display: block; }
.nadoplata-bona li .button-magenta { float: right; }
.nadoplata-bona input.text { width: 56%; -moz-box-sizing: border-box; border: 1px solid #BBBBBB; border-radius: 0.25rem 0.25rem 0.25rem 0.25rem; box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.13) inset; color: #4B4B4B; font: 1.250em/1.625em Tele-grotesk; height: 1.625em; margin: 0; padding: 0 0.5em; position: relative; }
.nadoplata-bona .button { margin: 2.667em 0 0 0; }
.nadoplata-bona p.input-error { color: #c92828; float: left; border: 1px solid #cccccc; 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: absolute; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #ffffff; margin: 20px 0 0 0; width: auto; text-align: center; }
.nadoplata-bona p.input-error .arrow { display: block; position: absolute; width: 0.75em; height: 0.875em; background: transparent url(../images/arrow-top.png) no-repeat 0 50%; left: 50%; top: -0.75em; }
.nadoplata-bona input.error { border-color: #FF0000; border-width: 2px; }
.nadoplata-bona .selector { font-size: 1.25em; width: 4.5em; float: left; margin: 0 0.25em 0 0; }
.nadoplata-bona .selector:after { right: 0.7em; }
.nadoplata-bona li.vrijednost-bona .selector { width: 5.5em; }
.big-select .selector { font-size: 1.25em; }
.big-select .selector select { font-size: 16px; font-size: 1rem; }

/*** END naslovnica nadoplata bona ***/

.videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; height: 0; margin: 0 0 2em; }
.videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*** loader **/
.loader { text-align: center; }
.loader img { margin: 0.75em 0; }
.loader-full-container { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; text-align: center; display: none; }
.loader-full-container .lightbg { width: 100%; height: 100%; z-index: 10001; opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: .85; -khtml-opacity: 0.85; background-color: #fff; }
.loader-full-container .loader-content { position: absolute; top: 40%; left: 50%; margin: 0 0 0 -10em; width: 20em; z-index: 10002; text-align: center; }
.loader-full-container .loader-content h3 { font: normal 1.625em/1 Tele-groteskult; margin: 0 0 0.25em; }
.loader-full-container .loader-content p { font: normal 1.25em/1 Tele-grotesk; margin: 0 0 1em; }
.loader-full-container img { }

/*** BEGIN naslovnica prednosti kupnja ***/
.prednosti-kupnje { position: relative; cursor: pointer; background: transparent url("../images/kupnja-online-bg.png") no-repeat left bottom; height: 4.8em; margin: 0 0 1.25em; padding-top: 1.5em; }
.prednosti-kupnje ul li { width: 12.5%; float: left; display: inline; }
.prednosti-kupnje ul li:first-child { padding-left: 8%; width: 27%; }
.prednosti-kupnje h3 { color: #ffffff; font: 2.000em/0.938em Tele-groteskFet; text-transform: uppercase; }
.prednosti-kupnje h4 { color: #ffffff; font: 0.938em/0.933em Tele-grotesk; text-align: center; }
.prednosti-kupnje img { display: block; width: 3.3em; margin: 0 auto; }
/*** END naslovnica prednosti kupnja ***/

/*** BEGIN naslovnica prednosti kupnja alternativna verzija ***/
.prednosti-kupnje-alternative { position: relative; clear: both; cursor: pointer; background: transparent url("../images/kupnja-online-bg-alt.png") no-repeat left bottom; height: 6.250em; margin: 0 0 1.25em; padding-top: 1.5em; }
.prednosti-kupnje-alternative ul { margin: 0.7em 0 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.prednosti-kupnje-alternative > ul > li { width: 16.5%; float: left; display: inline; background: transparent url("/ResourceManager/GetImage.aspx?imgId=4258") no-repeat left center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.prednosti-kupnje-alternative > ul > li:first-child { padding-left: 1.5%; width: 32%; background: none; }
.prednosti-kupnje-alternative h3 { color: #ffffff; font: 2.750em/0.909em Headline-ult; text-transform: uppercase; }
.prednosti-kupnje-alternative h3 span { font-family: Headline; }
.prednosti-kupnje-alternative h4 { color: #ffffff; font: 1em/1 Tele-groteskHal; text-align: center; text-transform: uppercase; }
.prednosti-kupnje-alternative img { display: block; width: 4.688em; margin: 0 auto 0.6em auto; }
/*** END naslovnica prednosti kupnja alternativna verzija ***/
/* END naslovnica */

/***online usp ***/
#online-usp { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff; padding: 0; margin: 0 0 2.5em; background: #00ccff; background: -moz-linear-gradient(left, #00ccff 0%, #12a3ff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00ccff), color-stop(100%,#12a3ff)); background: -webkit-linear-gradient(left, #00ccff 0%,#12a3ff 100%); background: -o-linear-gradient(left, #00ccff 0%,#12a3ff 100%); background: -ms-linear-gradient(left, #00ccff 0%,#12a3ff 100%); background: linear-gradient(to right, #00ccff 0%,#12a3ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccff', endColorstr='#12a3ff',GradientType=1 ); }
#online-usp p { float: left; font: normal 2.25em/1.74 Headline-ult; text-transform: uppercase; letter-spacing: -1px; margin: 0 0 0 0.375em; }
#online-usp p span { font-family: Headline; }
#online-usp ul { list-style-type: none; width: 46%; float: right; margin: 0.375em; }
#online-usp ul li { float: left; width: 25%; text-align: center; font: normal 0.75em/1 Tele-groteskhal; text-transform: uppercase; }

/***novi magenta box ***/
.brandon { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1em; color: #fff; background: #e20074; position: relative; z-index: 1; }
.brandon:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0.5em; background: transparent url(../images/magenta50.png) repeat; background: rgba(226, 0, 116, 0.5); z-index: -1; }
.brandon:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 70%; height: 100%; padding: 1em 0.5em; background: transparent url(../images/magenta25.png) repeat; background: rgba(226, 0, 116, 0.25); z-index: -1; }
.brandon h1, .brandon h2, .brandon h3, .brandon h4 { font-family: Headline; text-transform: uppercase; margin: 0; line-height: 1; font-weight: normal; color: #fff!important; }
.brandon h1 span, .brandon h2 span, .brandon h3 span, .brandon h4 span { font-family: Headline-Ult; }
.brandon h1 { font-size: 2.5em; }
.brandon h2 { font-size: 2em; }
.brandon h3 { font-size: 1.5em; }
.brandon h4 { font-size: 1.25em; }
.brandon p { font: normal 1.25em/1 Tele-grotesk; margin: 0; color: #fff; }
.brandon.lb:before { top: auto; bottom: 0; }
.brandon.lb:after { top: auto; bottom: 0; }
.brandon.rt:before { left: auto; right: 0; }
.brandon.rt:after { left: auto; right: 0; }
.brandon.rb:before { left: auto; right: 0; top: auto; bottom: 0; }
.brandon.rb:after { left: auto; right: 0; top: auto; bottom: 0; }
.brandon.rt, .brandon.rb { text-align: right; }
.brandon a { text-decoration: underline; color: #fff; font: normal 1em/normal Tele-grotesk; }
.brandon a:hover { text-decoration: none; color: #fff; }
.brandon .button-magenta, .brandon .button-gray, .brandon .button-black { font: normal 1.125em/2 Tele-grotesk; text-decoration: none; }
.brandon .button-gray { color: #333; }

.tooltips { display: none; background: #fff; font: normal 0.875em/1.2 Tele-grotesk; height: auto; width: 15em; padding: 0.5em; color: #333; z-index: 1000; -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5); border: 0.3em solid #e5e5e5; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; }

#blagdanski-izlog-lenta { position: relative; width: 100%; background: #e20074; z-index: 100; padding: 0.75em 0.75em; float: left; -webkit-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.8); box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.8); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#blagdanski-izlog-lenta h3 { font: normal 1.875em/1 Headline; margin: 0 0.875em 0 0; padding: 0; text-transform: uppercase; color: #fff; float: left; display: inline-block; }
#blagdanski-izlog-lenta h3 span { font-family: Headline-ult; }
#blagdanski-izlog-lenta .btn-more { display: inline-block; float: left; border: 1px solid #d2ced0; background: #fff; font: normal 1em/1.75 Headline; text-transform: uppercase; color: #e20074; padding: 0 1em; position: Relative; z-index: 5; }
#blagdanski-izlog-lenta .btn-more:hover { background: #fffef4; }
#blagdanski-izlog-lenta:before, #blagdanski-izlog-lenta:after { display: block; content: ""; position: absolute; top: 0; background: transparent url(../images/lenta-bg.png) no-repeat 0 0; width: 5.125em; height: 4.75em; }
#blagdanski-izlog-lenta:before { left: -5.125em; }
#blagdanski-izlog-lenta:after { right: -5.125em; background-position: -5.125em 0; }
#blagdanski-izlog-lenta .snow { position: absolute; height: 3.5625em; top: 0; background: transparent url(../images/snijeg.png) no-repeat 0 0; z-index: 2; padding: 0; }
#blagdanski-izlog-lenta .snow.left { left: -4em; width: 20.125em; }
#blagdanski-izlog-lenta .snow.right { right: -3em; width: 31.25em; background-position: right 0; }
.blagdanska-page #blagdanski-izlog-lenta { display: none; }

.blagdanska-page #blagdanski-izlog-lenta { display: none; }

.nocampaign-link { clear: both; text-align: center; padding: 15px 0 0; margin: 0 !important; }
.campaign-cyberweek { float: left; width: 100%; position: relative; background: transparent url(/ResourceManager/GetImage.aspx?imgId=3991) no-repeat right top; }
.campaign-cyberweek .brandon { width: 18em; margin: 0 0 2em; }
.campaign-cyberweek h3 { margin: 0 0 0.5em; }
.campaign-cyberweek .squares { display: block; width: 6.25em; height: 5.25em; background: transparent url(/ResourceManager/GetImage.aspx?imgId=3992) no-repeat 0 0; position: absolute; z-index: 10; }
.campaign-cyberweek .squares.sq01 { left: 12em; bottom: 0; }
.campaign-cyberweek .squares.sq02 { right: -3em; bottom: -5em; }
.campaign-cyberweek .squares.sq03, .campaign-cyberweek .squares.sq04 { width: 2.375em; height: 2.75em; background-position: 0 -5.75em; left: 50%; }
.campaign-cyberweek .squares.sq03 { top: -3em; }
.campaign-cyberweek .squares.sq04 { top: 50%; }

.campaign-loyalty { float: left; width: 100%; position: relative; }
.campaign-loyalty .brandon { width: 18em; margin: 0 0 2em; }
.campaign-loyalty .brandon .button-gray { color: #333; }
.campaign-loyalty h3 { margin: 0 0 0.5em; }
.campaign-loyalty img { float: right; margin: 0.5em 0 0; }

/***form-uniform***/

/* Global Declaration */
.selector,
.checker,
.radio { display: inline-block; zoom: 1; }

.selector select:focus,
.radio input:focus,
.checker input:focus { outline: 0; }

div.selector,
div.selector span,
div.checker,
div.checker span,
div.radio,
div.radio span { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.selector,
.radio,
.checker,
.selector *,
.radio *,
.checker * { margin: 0; padding: 0; cursor: pointer; }

.selector.disabled,
.radio.disabled,
.checker.disabled,
.selector.disabled *,
.radio.disabled *,
.checker.disabled * { cursor: default; }

/* Select */

div.selector { -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; padding: 0 1.6875em 0 0; position: relative; overflow: hidden; margin: 0 0 0.25em; font-family: Tele-grotesk; font-size: 16px; font-size: 1rem; line-height: 1.625; font-weight: normal; border: 1px solid #999; text-shadow: 0 1px 0 #fff; color: #333; background: #a0a0a0; background: -moz-linear-gradient(top, #dddddd 0%, #a0a0a0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#a0a0a0)); background: -webkit-linear-gradient(top, #dddddd 0%,#a0a0a0 100%); background: -o-linear-gradient(top, #dddddd 0%,#a0a0a0 100%); background: -ms-linear-gradient(top, #dddddd 0%,#a0a0a0 100%); background: linear-gradient(to bottom, #dddddd 0%,#a0a0a0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#a0a0a0',GradientType=0 ); }

div.selector span { border-right: 1px solid #999; display: block; line-height: 1.625em; height: 1.625em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.5em; background: #bcbcbc; background: -moz-linear-gradient(top, #ffffff 0%, #bcbcbc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bcbcbc)); background: -webkit-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: -o-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: -ms-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: linear-gradient(to bottom, #ffffff 0%,#bcbcbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); }

div.selector select { top: 0; left: 1%; min-width: 98%; font-size: 1em; line-height: 1.3; font-weight: normal; border: solid 1px #fff; position: absolute; opacity: 0; filter: alpha(opacity:0); height: 1.625em; border: none; background: #fff; z-index: 2; }

div.selector.focus,
div.selector.hover,
div.selector:hover { background: #bcbcbc; background: -moz-linear-gradient(top, #ffffff 0%, #bcbcbc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bcbcbc)); background: -webkit-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: -o-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: -ms-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: linear-gradient(to bottom, #ffffff 0%,#bcbcbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); }

div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover,
div.selector.focus:hover { background: #fb2f98; background: -moz-linear-gradient(top, #fb2f98 0%, #d0046d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb2f98), color-stop(100%,#d0046d)); background: -webkit-linear-gradient(top, #fb2f98 0%,#d0046d 100%); background: -o-linear-gradient(top, #fb2f98 0%,#d0046d 100%); background: -ms-linear-gradient(top, #fb2f98 0%,#d0046d 100%); background: linear-gradient(to bottom, #fb2f98 0%,#d0046d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb2f98', endColorstr='#d0046d',GradientType=0 ); }

div.selector.disabled,
div.selector.disabled.focus,
div.selector.disabled.hover,
div.selector.disabled:hover,
div.selector.disabled.focus.active,
div.selector.disabled:hover:active,
div.selector.disabled.active:hover,
div.selector.disabled.focus:hover { border-color: #ccc; background: #d0d0d0; background: -moz-linear-gradient(top, #ededed 0%, #d0d0d0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d0d0d0)); background: -webkit-linear-gradient(top, #ededed 0%,#d0d0d0 100%); background: -o-linear-gradient(top, #ededed 0%,#d0d0d0 100%); background: -ms-linear-gradient(top, #ededed 0%,#d0d0d0 100%); background: linear-gradient(to bottom, #ededed 0%,#d0d0d0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d0d0d0',GradientType=0 ); }
div.selector.disabled span { border-color: #ccc; color: #999; background: #dedede; background: -moz-linear-gradient(top, #fefefe 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top, #fefefe 0%,#dedede 100%); background: -o-linear-gradient(top, #fefefe 0%,#dedede 100%); background: -ms-linear-gradient(top, #fefefe 0%,#dedede 100%); background: linear-gradient(to bottom, #fefefe 0%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dedede',GradientType=0 ); }

div.selector.disabled:after,
div.selector.disabled.focus.active:after,
div.selector.disabled:hover:active:after,
div.selector.disabled.active:hover:after,
div.selector.disabled.focus:hover:after { background-position: 0 -80px; }

div.selector:after { content: ""; display: block; font-size: 16px; font-size: 1rem; width: 0.75em; height: 0.375em; background: transparent url(../images/uniform-bg.png) no-repeat 0 0; position: absolute; right: 0.5em; top: 50%; margin: -0.1875em 0 0; z-index: 1; }

div.selector.focus.active:after,
div.selector:hover:active:after,
div.selector.active:hover:after,
div.selector.focus:hover:after { background-position: 0 -0.375em; }


/* Radio Checkbox */

div.radio, div.checker { width: 24px; height: 24px; width: 1.5rem; height: 1.5rem; margin: 0 0.3125em 0 0; position: relative; top: -0.125em; border: 1px solid #999; -webkit-box-shadow: inset 0px 1px 0px 0 rgba(255, 255, 255, 1); box-shadow: inset 0px 1px 0px 0 rgba(255, 255, 255, 1); background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 45%, #ebebeb 55%); background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,#f5f5f5), color-stop(55%,#ebebeb)); background: -webkit-linear-gradient(top, #f5f5f5 45%,#ebebeb 55%); background: -o-linear-gradient(top, #f5f5f5 45%,#ebebeb 55%); background: -ms-linear-gradient(top, #f5f5f5 45%,#ebebeb 55%); background: linear-gradient(to bottom, #f5f5f5 45%,#ebebeb 55%); }

div.radio { width: 22px; height: 22px; width: 1.375rem; height: 1.375rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 0.25rem; }

div.radio input, div.checker input { width: 100%; height: 100%; opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none; position: absolute; left: 0; top: 0; }

div.radio span { width: 100%; height: 100%; display: block; text-align: center; }

div.radio.focus,
div.radio:hover,
div.checker.focus,
div.checker:hover { background: #ebebeb; background: -moz-linear-gradient(top, #d5d5d5 0%, #f5f5f5 50%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(50%,#f5f5f5), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #d5d5d5 0%,#f5f5f5 50%, #ebebeb 100%); background: -o-linear-gradient(top, #d5d5d5 0%,#f5f5f5 50%, #ebebeb 100%); background: -ms-linear-gradient(top, #d5d5d5 0%,#f5f5f5 50%, #ebebeb 100%); background: linear-gradient(to bottom, #d5d5d5 0%,#f5f5f5 50%, #ebebeb 100%); }

div.radio.checked,
div.checker.checked { border-color: #6da0c8; background: #91c8f2; background: -moz-linear-gradient(top, #aed6f6 0%, #91c8f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aed6f6), color-stop(100%,#91c8f2)); background: -webkit-linear-gradient(top, #aed6f6 0%,#91c8f2 100%); background: -o-linear-gradient(top, #aed6f6 0%,#91c8f2 100%); background: -ms-linear-gradient(top, #aed6f6 0%,#91c8f2 100%); background: linear-gradient(to bottom, #aed6f6 0%,#91c8f2 100%); }

div.radio.checked span { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; background: #41627f; -webkit-box-shadow: 0px 1px 1px 0 rgba(255, 255, 255, 1), inset 0px 1px 0px 0 rgba(0, 0, 0, 0.35); box-shadow: 0px 1px 1px 0 rgba(255, 255, 255, 1), inset 0px 1px 0px 0 rgba(0, 0, 0, 0.35); }

div.radio.disabled,
div.checker.disabled { opacity: 0.5; filter: alpha(opacity:50); }

div.checker { -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; }

div.checker span { width: 100%; height: 100%; }

div.checker.checked span { display: block; font-size: 16px; font-size: 1rem; width: 1.0625em; height: 1.125em; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; background: transparent url(../images/uniform-bg.png) no-repeat 0 -0.75em; z-index: 1; }

.small-checkbox div.checker { width: 18px; height: 18px; width: 1.125rem; height: 1.125rem; top: 0.2em; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	div.checker.checked span, div.selector:after { background-image: url(../images/uniform-bg@2x.png); background-size: 1.0625em; }
}

/* One container to bind them... */
.dk_container { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -o-linear-gradient(top, #fff, #f5f5f5); background-color: #f5f5f5; font: normal 15px/normal Tele-grotesk; margin-bottom: 18px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.dk_container:focus { outline: 0; }
.dk_container a { cursor: pointer; text-decoration: none; font-size: 15px; }

/* Opens the dropdown and holds the menu label */
.dk_toggle { background-image: url('../images/select-arrow.png'); background-repeat: no-repeat; background-position: 96% center; border: 1px solid #ccc; color: #333; padding: 7px 25px 7px 10px; text-shadow: #fff 1px 1px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -o-transition: border-color .5s; transition: border-color .5s; }
.dk_toggle:hover { border-color: #9c9c9c; }
/* Applied when the dropdown is focused */
.dk_focus .dk_toggle { }

/* Applied whenever the dropdown is open */
.dk_open { z-index: 10; }
.dk_open .dk_toggle { background-color: #ececec; border-color: #8c8c8c; color: #ccc; box-shadow: inset 0 -2px 5px #ccc; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }

/* The outer container of the options */
.dk_options { box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; background-color: #fff; }
.dk_options a { border-top: 1px solid #bbb; //font-weight: bold; padding: 8px 10px; -webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; transition: all .1s; }
.dk_options li:first-child a { border-top: none; }
.dk_options a:hover,
.dk_option_current a { background-color: #427bab; border-top-color: #285982; color: #fff; text-decoration: none; text-shadow: rgba(0, 0, 0, .5) 0 1px 0; }

.dk_option_current a { background-color: #6891b4; }

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner { border: 1px solid #8c8c8e; border-bottom-width: 2px; border-bottom-color: #999; color: #333; max-height: 250px; text-shadow: #fff 0 1px 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options { max-height: 250px; }

/******  End Theme ******/

/***** Critical to the continued enjoyment of working dropdowns ******/

.dk_container { display: none; float: left; position: relative; }
.dk_container a { outline: 0; }

.dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; }

.dk_open { position: relative; }
.dk_open .dk_options { display: block; }
.dk_open .dk_label { color: inherit; }

.dk_options { display: none; margin-top: -1px; position: absolute; right: 0; width: 100%; }
.dk_options a,
.dk_options a:link,
.dk_options a:visited { display: block; }
.dk_options_inner { overflow: auto; position: relative; }

.dk_touch .dk_options { overflow: hidden; }

.dk_touch .dk_options_inner { max-height: none; overflow: visible; }

.dk_fouc select { position: relative; top: -99999em; visibility: hidden; }
/***** End Critical to the continued enjoyment of working dropdowns ******/

.cookies-notification { position: fixed; left: 0; bottom: 0; z-index: 1000; width: 100%; background: transparent url(../images/darkgray90.png) repeat; background: rgba(32, 32, 32, 0.9); padding: 1.25em 0; display: none; }
.cookies-notification .wrapper { margin: 0 auto; width: 60em; }
.cookies-notification p { font: normal 0.9375em/normal Tele-groteskhal; color: #c2c2c2; margin: 0; }
.cookies-notification .button-gray { float: right; margin: 0 0 0 1.5em; }

/* BEGIN obavijest o nedostupnosti */
.unavailable-notice { display: none; position: fixed; bottom: 0; left: 50%; z-index: 999; clear: both; width: 52em; margin: 0 0 0 -30em; padding: 1em 6em 1em 2em; background-color: #ffffff; border: 1px solid #d2d2d2; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; -webkit-box-shadow: 0px 0px 30px 20px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0px 0px 30px 20px rgba(50, 50, 50, 0.15); box-shadow: 0px 0px 30px 20px rgba(50, 50, 50, 0.15); }
.unavailable-notice-close { position: absolute; top: 0; right: 0; margin: -0.938em -0.938em 0 0; padding: 0.30em 0 0; display: block; width: 1.875em; height: 1.575em; text-transform: uppercase; color: #ffffff; background-color: #515151; border-radius: 50%; text-align: center; }
.unavailable-notice-close:hover { cursor: pointer; }
.unavailable-notice img { display: block; float: left; margin: 0 3em 0 0; }
.unavailable-notice h3 { font: 1.5em/1 Tele-groteskFet; margin: 0 0 0.4em 0; padding: 0 0 0 7em; }
.unavailable-notice p { color: #000000; font: 1.125em/1.2em Tele-grotesk; padding: 0 0 0 9.333em; }
.unavailable-notice p span { color: #e20074; }

@media screen and (max-width: 960px) {
	.unavailable-notice { width: auto; margin: 0 1em 0 0; left: 0.5em; }
}

@media screen and (max-width: 666px) {
	.unavailable-notice { padding: 1em; }
	.unavailable-notice img { margin: 0 0 1em 0; }
	.unavailable-notice h3 { padding: 0; font: 1.25em/1 Tele-groteskFet; }
	.unavailable-notice p { padding: 0; font: 1em/1.2em Tele-grotesk; }
}

@media screen and (max-width: 484px) {
	.unavailable-notice img { display: none; }
}
/* END obavijest o nedostupnosti */

.gray-bg-container { background: #f2f2f2; clear: both; padding: 1.75em 0; float: left; width: 100%; }
.gray-bg-container.dark { background: #e5e5e5; }
.magenta-bg-container { background: #e20074; clear: both; padding: 1.75em 0; float: left; width: 100%; }
.gray-bg-container .wrapper, .magenta-bg-container .wrapper { z-index: auto; }

.faq-accordian { list-style-type: none; margin: 0 0 2.5em; clear: both; }
.faq-accordian > li { margin: -1px 0 0; }
.faq-accordian .faq-trigger { display: block; border: 1px solid #c7c7c7; background: #f3f3f3; font: normal 1.375em/1 Tele-grotesk; padding: 0.5em 2.25em 0.5em 0.875em; color: #4b4b4b; cursor: pointer; position: relative; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -ms-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms; }
.faq-accordian .faq-trigger:hover { background: #e3e3e3; }
.faq-accordian .faq-trigger:after { display: block; content: ""; background: url(../images/up-down.png) no-repeat center 0; width: 20px; height: 10px; position: absolute; right: 0.875em; top: 0.75em; }
.faq-accordian .faq-trigger.active:after { background-position: center -10px; }
.faq-accordian .faq-answer { padding: 1em 1.25em; display: none; }
.faq-accordian .faq-trigger.more:after { display: none; }

/*naj broj box*/
.najbroj-box {background:#fff; padding:2% 4%; margin:2em 0 2.5em;}
.najbroj-box h4 {font:normal 1.875em/normal Headline; text-transform:uppercase; margin:0 0 1em;}
.najbroj-box h4 strong {font-family:HEadline-ult;}
.najbroj-box h5 {font:normal 1.25em/normal Headline; text-transform:uppercase; margin:0 0 0.75em 1.4em;}
.najbroj-box p {font-size:1.25em; clear:both;}
.najbroj-box ol > li {font-size:1.25em; background-position:0 3px; padding:0 0 0 28px;}

/***webicca***/
#gfk_popDiv { width: 31em; padding: 1em 2em 0; z-index: 5000; position: absolute; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 50%, #dadada 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#dadada)); background: -webkit-linear-gradient(top, #ffffff 50%,#dadada 100%); background: -o-linear-gradient(top, #ffffff 50%,#dadada 100%); background: -ms-linear-gradient(top, #ffffff 50%,#dadada 100%); background: linear-gradient(to bottom, #ffffff 50%,#dadada 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; border-radius: 0.5rem; -moz-box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.75); box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.75); }
#gfk_popDiv .webicca-logo { float: left; width: 100%; margin: 0 0 1em; }
#gfk_popDiv .webicca-logo:before, #gfk_popDiv .webicca-logo:after { display: block; content: ""; float: left; width: 3.875em; height: 1.875em; background: transparent url(../images/t-logo-desktop.png) no-repeat 0 0; }
#gfk_popDiv .webicca-logo:after { float: right; width: 5.5em; background-position: right 0; }
#gfk_popDiv h1 { clear: both; font: normal 2.375em/normal Tele-groteskult; margin: 0 0 0.25em; text-transform: uppercase; }
#gfk_popDiv p { font: normal 1.25em/normal Tele-grotesk; margin: 0 0 1em; }
#gfk_popDiv ul.button-container { list-style-type: none; }
#gfk_popDiv ul.button-container li { margin: 0 0 1em; }
#gfk_popDiv ul.button-container li p { font: normal 1.25em/1.8 Tele-grotesk; margin: 0; }
#gfk_popDiv ul.button-container li .button-magenta, #gfk_popDiv ul.button-container li .button-gray { cursor: pointer; float: left; margin: 0 0.5em 0 0; text-transform: uppercase; padding: 0 2.5em; }

/* BEGIN prednosti online kupnje */
.pok { display: none; left: 50%; margin-left: -22.875em; top: 6em; z-index: 99999; background-color: #ffffff; width: 43.750em; border: 1px solid #b3b3b3; -webkit-border-radius: 10px; border-radius: 10px; padding: 1em; position: absolute; -webkit-box-shadow: 0px 0px 30px 20px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 30px 20px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 30px 20px rgba(50, 50, 50, 0.5); }
.pok h1 { font: 3.250em/1 Headline-ult; margin: 0 0 0.3em 0; text-transform: uppercase; color: #000000; }
.pok .advantage-container { border-bottom: 1px solid #b3b3b3; padding: 1em 0 0; float: left; width: 100%; }
.pok .advantage-container.last { border-bottom: none; }
.pok .advantage-container.advantage-info { border: none; }
.pok .advantage-container img { margin: 0 0 1em; }
.pok .advantage-container .icon { float: left; width: 18%; margin: 0 2% 0 0; text-align: center; }
.pok .advantage-container .text { float: left; width: 80%; }
.pok .advantage-container h3 { font: 2.000em/1 Headline-ult; text-transform: uppercase; margin: 0 0 0.5em; color: #000000; }
.pok .advantage-container h4 { font: 1.25em/1 Headline; text-transform: uppercase; margin: 0 0 0.75em; color: #000000; }
.pok .advantage-container h3 + h4 { margin-top: -0.75em; }
.pok .advantage-container p { color: #666666; font: 1.125em/1.25 Tele-grotesk; margin: 0 0 1em; }
.pok .advantage-container a { color: #11a4ff; text-decoration: underline; }
.pok .advantage-container h5 { color: #444444; font: 1.125em/1 Tele-groteskFet; }
.pok .advantage-container ul { margin: 0 0 1em 0; padding: 0 0 0 1em; }
.pok .advantage-container ul li { color: #666666; display: list-item; float: none; font: 1.125em/1.2 Tele-grotesk; margin: 0; padding: 0; width: auto; }
.pok-close { position: absolute; top: 0; right: 0; margin: -0.938em -0.938em 0 0; padding: 0.30em 0 0; display: block; width: 1.875em; height: 1.575em; text-transform: uppercase; color: #ffffff; background-color: #515151; border-radius: 50%; text-align: center; }
.pok-close:hover { cursor: pointer; }
.pok-arrow-top { display: none; width: 0; height: 0; border-left: 5px solid transparent; /* left arrow slant */ border-right: 5px solid transparent; /* right arrow slant */ border-bottom: 5px solid #2f2f2f; /* bottom, add background color here */ font-size: 0; line-height: 0; }
.pok-min { display: none; overflow: visible!important; width: 21em; padding: 1em; position: absolute; left: 54%; top: 8em; z-index: 2; background-color: #ffffff; border: 1px solid #b3b3b3; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 30px 20px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 30px 20px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 30px 20px rgba(50, 50, 50, 0.5); }
.pok-min h1 { color: #222222; font: 1.375em/1 Tele-groteskFet; margin: 0 0 0.727em 0; }
.pok-min .advantage-container-min { }
.pok-min .advantage-container-min img { margin: 0 0 1em 0; width: auto; }
.pok-min h5 { color: #222222; font: 1em/1 Tele-groteskFet; margin: 0 0 0.3em 0; text-transform: uppercase; }
.pok-min .advantage-container-min ul { padding: 0 0 0 2em; margin: 0 0 0.5em 0; }
.pok-min .advantage-container-min ul li { color: #444444; display: list-item; float: none; font: 1em/1 Tele-grotesk; margin: 0; padding: 0; width: auto; }
/*.pok-min:after { content: ""; background: url('/ResourceManager/GetImage.aspx?imgId=4259') no-repeat right center; display: block; height: 0.813em; width: 1.625em; position: absolute; top: -0.813em; left: 1.3em; }*/
.pok-arrow { background: url('/ResourceManager/GetImage.aspx?imgId=4259') no-repeat right center; display: block; height: 0.813em; width: 1.625em; position: absolute; top: -0.813em; left: 1.3em; }
.pok-trigger { display: inline-block; width: 14px; height: 14px; background: transparent url(../images/tooltip_prepaid.png) no-repeat scroll center bottom; }

.pok.split-pok { width: 30em; margin-left: -16em; }
.pok.split-pok .icon { display: none; }
.pok.split-pok .advantage-container .text { width: 100%; }
.pok.split-pok p { font-size: 1em; }
.pok.split-pok h1 { font-size: 2.5em; }
.pok.split-pok h3 { font-size: 1.75em; }
/* END prednosti online kupnje */

/*tabovi naslovna*/
.tab-container { clear: both; margin: 0 0 2.5em; }
.tab-container .tab-control { clear: both; list-style-type: none; height: 53px; border-bottom: 1px solid #d1d1d1; }
.tab-container .tab-control:after, .tab-container .tab-content:after, .tab-container .tab-content > li:after { content: ''; display: table; clear: both; }
.tab-container .tab-control > li { float: left; display: table; height: 52px; margin: 0 0 1px; padding: 0 0 0 1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tab-container .tab-control > li.active { height: 54px; margin-bottom: 0; }
.tab-container .tab-control > li:first-child { padding-left: 0; }
.tab-container .tab-control.two > li { width: 50%; }
.tab-container .tab-control.three > li { width: 33.33333333333333%; }
.tab-container .tab-control.four > li { width: 25%; }
.tab-container .tab-control.five > li { width: 20%; }
.tab-container .tab-control.six > li { width: 16.66666666666667%; }
.tab-container .tab-control > li a { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; font-size: 1.125em; color: #333; text-shadow: 0 1px 0 #fff; cursor: pointer; background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(60%,#e6e6e6)); background: -moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 60%); background: -webkit-linear-gradient(top, #f2f2f2 0%,#e6e6e6 60%); background: -o-linear-gradient(top, #f2f2f2 0%,#e6e6e6 60%); background: -ms-linear-gradient(top, #f2f2f2 0%,#e6e6e6 60%); background: linear-gradient(to bottom, #f2f2f2 0%,#e6e6e6 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e6e6',GradientType=0 ); }
.tab-container .tab-control > li a:hover { background: #eaf9ff; background: -moz-linear-gradient(top, #eaf9ff 0%, #c4eaf7 58%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf9ff), color-stop(58%,#c4eaf7)); background: -webkit-linear-gradient(top, #eaf9ff 0%,#c4eaf7 58%); background: -o-linear-gradient(top, #eaf9ff 0%,#c4eaf7 58%); background: -ms-linear-gradient(top, #eaf9ff 0%,#c4eaf7 58%); background: linear-gradient(to bottom, #eaf9ff 0%,#c4eaf7 58%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf9ff', endColorstr='#c4eaf7',GradientType=0 ); }
.tab-container .tab-control > li.active a { background: #fff; filter: none; cursor: default; border: 1px solid #d1d1d1; border-bottom: none; }
.tab-container .tab-content { list-style-type: none; }
.tab-container .tab-content > li { -moz-border-radius: 0 0 0.375rem 0.375rem; -o-border-radius: 0 0 0.375rem 0.375rem; -webkit-border-radius: 0 0 0.375rem 0.375rem; border-radius: 0 0 0.375rem 0.375rem; display: none; border: 1px solid #d1d1d1; border-top: none; padding: 1em 1em 1.5em; position: relative; /*background: -webkit-gradient(linear, left top, left bottom, color-stop(73%,#ffffff), color-stop(100%,#f0f0f0)); background: -moz-linear-gradient(top,  #ffffff 73%, #f0f0f0 100%); background: -webkit-linear-gradient(top,  #ffffff 73%,#f0f0f0 100%); background: -o-linear-gradient(top,  #ffffff 73%,#f0f0f0 100%); background: -ms-linear-gradient(top,  #ffffff 73%,#f0f0f0 100%); background: linear-gradient(to bottom,  #ffffff 73%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );*/ }
.tab-container .tab-content .more-devices { position: absolute; right: 0; bottom: 0; line-height: 1.6; background: transparent url(../images/carusel-link-bg.png) no-repeat left top; color: #fff; padding: 0 0.66em 0 1.33em; -webkit-border-radius: 0 0 0.33em 0; -moz-border-radius: 0 0 0.33em 0; border-radius: 0 0 0.33em 0; font-size: 0.9375em; }

/***social-desne-ikone***/
.social-widget { position: fixed; right: 0; top: 50%; margin: -13.5em 0 0; z-index: 1000; }
.social-widget ul { list-style-type: none; margin: 0; }
.social-widget ul li { font-size: 16px; font-size: 1rem; margin: -3em 0 0; position: relative; }
.social-widget ul li a { display: block; width: 2.625em; height: 7.75em; margin: 0 0 0 0.5em; background: transparent url(../images/social-widget.png) no-repeat 0 0; position: relative; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; }
.social-widget ul li.facebook a { background-position: 0 0; z-index: 6; }
.social-widget ul li.twitter a { background-position: 0 -7.75em; z-index: 5; }
.social-widget ul li.youtube a { background-position: 0 -15.5em; z-index: 4; }
.social-widget ul li.linkedin a { background-position: 0 -40.625em; z-index: 3; }
.social-widget ul li.googleplus a { background-position: 0 -23.25em; z-index: 2; }
.social-widget ul li a:hover { width: 3.125em; margin-left: 0; z-index: 6; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.social-widget .social-claim { width: 1em; height: 9.0625em; background: transparent url(../images/social-widget.png) no-repeat right -31em; float: right; margin: -1em 0.375em 0 0; }

.addthis_toolbox { position: fixed; right: 0; top: 50%; margin: -13.5em 0 0; z-index: 1000; width: auto !important; }
.addthis_toolbox a { display: block; width: 2.625em; height: 7.75em; margin: -3em 0 0 0.5em; background: transparent url(../images/social-widget.png) no-repeat 0 0; position: relative; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; filter: none !important; }
.addthis_toolbox a span { display: none; }
.addthis_toolbox a.addthis_button_facebook_follow { background-position: 0 0; z-index: 6; }
.addthis_toolbox a.addthis_button_twitter_follow { background-position: 0 -7.75em; z-index: 5; }
.addthis_toolbox a.addthis_button_youtube_follow { background-position: 0 -15.5em; z-index: 4; }
.addthis_toolbox a.addthis_button_linkedin_follow { background-position: 0 -40.625em; z-index: 3; }
.addthis_toolbox a.addthis_button_google_follow { background-position: 0 -23.25em; z-index: 2; }
.addthis_toolbox a:hover { width: 3.125em; margin-left: 0; z-index: 6; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; filter: none !important; }
.addthis_toolbox:after { display: block; content: ""; width: 1em; height: 9.0625em; background: transparent url(../images/social-widget.png) no-repeat right -31em; margin: -1em 0 0 1.75em; }

/***newmenu***/
.main-menu-container { position: relative; z-index: 2; margin: 1.125em 0 0; width: 100%; max-width: 60em; float: left; border: 1px solid #d8d8d8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.35); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35); overflow: visible; }
.main-menu-container > ul { list-style-type: none; float: left; }
.main-menu-container > ul > li { display: inline-block; float: left; }
.main-menu-container > ul > li > a { display: block; padding: 0 1.125em; font-size: 1.125em; line-height: 40px; line-height: 2.5rem; font-family: Tele-grotesk; color: #666; text-shadow: 0 1px 0 #fff; position: relative; /*-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;*/ }
.main-menu-container > ul > li:first-child > a { -moz-border-radius: 0.25rem 0 0 0; -webkit-border-radius: 0.25rem 0 0 0; border-radius: 0.25rem 0 0 0; }
.main-menu-container > ul > li > a:after, .main-menu-container > ul > li > a:before { display: block; content: ""; position: absolute; width: 1px; height: 40px; height: 2.5rem; }
.main-menu-container > ul > li > a:before { left: 0; bottom: -1px; background: #fff; }
.main-menu-container > ul > li > a:after { right: 0; bottom: -1px; background: #bcbcbc; background: -moz-linear-gradient(top, #ffffff 0%, #bcbcbc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bcbcbc)); background: -webkit-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: -o-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: -ms-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); background: linear-gradient(to bottom, #ffffff 0%,#bcbcbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); }
.main-menu-container > ul > li:first-child > a:before, .main-menu-container > ul > li.last > a:after, .main-menu-container > ul > li:hover > a:before, .main-menu-container > ul > li:hover > a:after { display: none; }

.submenu-container { position: absolute; left: 0; width: 100%; background: #7c7c7c; padding: 0.9375em 0; z-index: 10; -moz-border-radius: 0 0 0.25rem 0.25rem; -webkit-border-radius: 0 0 0.25rem 0.25rem; border-radius: 0 0 0.25rem 0.25rem; -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35); display: none; }
.submenu-container.single { left: auto; width: auto; }
.submenu-section-container { list-style-type: none; float: left; width: 16.66666666666667%; }
.submenu-container.single .submenu-section-container { width: 100%; min-width: 10em; }
.submenu-section-container:before { display: block; content: ""; width: 1px; height: 80%; position: absolute; top: 10%; background: #7c7c7c; background: -moz-linear-gradient(top, #7c7c7c 0%, #cccccc 50%, #7c7c7c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7c7c), color-stop(50%,#cccccc), color-stop(100%,#7c7c7c)); background: -webkit-linear-gradient(top, #7c7c7c 0%,#cccccc 50%,#7c7c7c 100%); background: -o-linear-gradient(top, #7c7c7c 0%,#cccccc 50%,#7c7c7c 100%); background: -ms-linear-gradient(top, #7c7c7c 0%,#cccccc 50%,#7c7c7c 100%); background: linear-gradient(to bottom, #7c7c7c 0%,#cccccc 50%,#7c7c7c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#7c7c7c',GradientType=0 ); }
.submenu-section-container:first-child:before { display: none; }
.submenu-section-container > li > a { display: block; color: #fff; font: normal 0.9375em/1.1 Tele-grotesk; padding: 0.3em 1em; }
.submenu-section-container > li.top > a { font-family: Tele-groteskfet; text-transform: uppercase; }
.submenu-section-container > li > a:hover { background: #8c8c8c; }

.main-menu-container > ul > li:hover > .submenu-container { display: block; }
.main-menu-container > ul > li:hover > a { background: #7c7c7c; color: #fff; text-shadow: none; }

/***new-mastead & menu ***/
#master-header { border-bottom: 1px solid #d0d0d0; /*margin-bottom:1.5em;*/ background: #fff; background-image: -webkit-linear-gradient(#fff, #f6f6f6); background-image: -moz-linear-gradient(#fff, #f6f6f6); background-image: -o-linear-gradient(#fff, #f6f6f6); background-image: -ms-linear-gradient(#fff, #f6f6f6); background-image: linear-gradient(#fff, #f6f6f6); background: #f6f6f6; }
#master-header .wrapper * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#master-header:after { content: ''; display: table; clear: both; }
#master-header.master-header-site-3 { margin-bottom: 0; }
#logo { float: left; width: 11.625em; font-size: 1em; height: 3.75em; background: url(../images/t-logo-desktop.png) no-repeat 0 50%; }
#logo a { display: block; height: 3.75em; }
#master-main-nav { float: right; width: 41.25em; margin: 0 -1px 0 0; position: relative; }
#master-main-nav > .level-1-ul { }
#master-main-nav .level-1-li { float: left; list-style: none; width: 18.25%; }

@media screen and (min-width:768px) {
	#master-main-nav .page-switch .level-1-li { display: block !important; }
}

#master-main-nav .page-switch .level-1-li:first-child { border-left: 1px solid #d0d0d0; }
#master-main-nav .level-1-li > a { display: block; height: 5em; padding: 0.8333333333333333em 1.666666666666667em; font-family: Tele-groteskhal; line-height: 1.666666666666667; color: #e20074; font-size: 0.75em; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 0 #fff; border-right: 1px solid #d0d0d0; border-left: 1px solid #fff; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; }
#master-main-nav .level-1-li > a:hover { background-color: #fff !important; }
#master-main-nav .icon-link { width: 9%; }
#master-main-nav .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; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
	#master-main-nav .icon-link > a { background-image: url(../images/icons/global-nav-icons-@2x.png) !important; }
}

#master-main-nav .icon-link:hover > a,
#master-main-nav .icon-link > a:active,
#master-main-nav .icon-link > a.active { background-color: #333 !important; border-left-color: #333; border-right-color: #333; }
/* Cart link */
#master-main-nav #cart-link > a { background-position: 0 0; }
#master-main-nav #cart-link.cart-full > a { background-position: 0 -180px; }
#master-main-nav #cart-link > a.active,
#master-main-nav #cart-link > a:active,
#master-main-nav #cart-link:hover > a { background-position: 0 -60px; }
#master-main-nav #cart-link.cart-full:hover > a { background-position: 0 -120px; }
/* Login link */
#master-main-nav #login-link { position: relative; }
#master-main-nav #login-link > a { background-position: -60px 0; }
#master-main-nav #login-link.user-logged-in > a { background-position: -60px -120px; }
#master-main-nav #login-link.user-logged-in-female > a { background-position: -120px -120px; }
#master-main-nav #login-link:hover > a,
#master-main-nav #login-link > a:active,
#master-main-nav #login-link > a.active,
#master-main-nav #login-link.user-logged-in:hover > a,
#master-main-nav #login-link.user-logged-in > a:active,
#master-main-nav #login-link.user-logged-in > a.active { background-position: -60px -60px; }
#master-main-nav #login-link.user-logged-in-female:hover > a,
#master-main-nav #login-link.user-logged-in-female > a:active,
#master-main-nav #login-link.user-logged-in-female > a.active { background-position: -120px -60px; }
/* Search link */
#master-main-nav #search-link { border-right: 1px solid #fff; }
#master-main-nav #search-link > a { background-position: -180px 0; }
#master-main-nav #search-link:hover > a,
#master-main-nav #search-link > a:active,
#master-main-nav #search-link > a.active { background-position: -180px -60px; }
/* Section nav link */
#master-main-nav #site-nav-link > a { background-position: -240px 0; }
#master-main-nav #site-nav-link:hover > a,
#master-main-nav #site-nav-link > a:active,
#master-main-nav #site-nav-link > a.active { background-position: -240px -60px; }
#master-main-nav .notification-badge { display: inline-block; text-indent: 0; text-align: center !important; color: #fff; background: #e20074; min-width: 24px; height: 20px; line-height: 20px; padding: 0 2px 0 3px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; font-weight: bold; text-shadow: none; }
#master-main-nav #main-nav-link { display: none; }
/*** Master main nav USER */
#user-shortcuts:target { display: block; }
#user-shortcuts { position: absolute; z-index: 1000; top: 100%; right: 0; line-height: 20px; width: 18.75em; padding: 0.3125em 0; color: #fff; background: #333; -moz-border-radius: 0 0 0.25rem 0.25rem; -o-border-radius: 0 0 0.25rem 0.25rem; -webkit-border-radius: 0 0 0.25rem 0.25rem; border-radius: 0 0 0.25rem 0.25rem; -webkit-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -moz-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -o-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); }
#user-shortcuts .level-2-li { font-size: 0.875em; }
#user-shortcuts .level-2-li-divider { border-top: 1px solid #6c6c6c; }
#user-shortcuts .level-2-li .notification-badge { float: right; }
#user-shortcuts .level-2-li a,
#user-shortcuts .level-2-li > strong { display: block; padding: 0.357em 1.428em; text-decoration: none; color: #fff; }
#user-shortcuts .level-2-li a:hover,
#user-shortcuts .level-2-li a:focus { color: #fff; background: #e20074; }
#user-shortcuts .level-2-li a:hover .notification-badge,
#user-shortcuts .level-2-li a:focus .notification-badge { color: #e20074; background: #fff; }
#user-shortcuts .level-2-li-welcome { padding: 0.357em 1.428em; }
#user-shortcuts .level-2-li-welcome p { font-family: Tele-groteskfet; font-size: 1.125em; margin: 0; }
#active-service-options { background: #333; }
#active-service-options .level-3-li:after { content: ''; display: table; clear: both; }
#active-service-options .label-radio { float: left; width: 100%; padding: 0.357em 6.428em 0.357em 1.428em; white-space: nowrap; overflow: hidden; color: #fff; cursor: pointer; }
#active-service-options .label-radio:hover { background: #e20074; }
#active-service-options .label-radio .input-radio { margin-right: .5em; }
#active-service-options .level-3-li label a { display: inline-block; padding: 0; }
#active-service-options .level-3-li .info-link { float: left; width: 5em; margin-left: -5em; color: #fff; background: #333; text-transform: uppercase; text-align: right; }
/*** Master main nav SEARCH */
#master-main-nav #main-nav-search { position: absolute; z-index: 1000; top: 100%; left: 0; right: 1px; background: #333; -moz-border-radius: 0 0 0.25rem 0.25rem; -o-border-radius: 0 0 0.25rem 0.25rem; -webkit-border-radius: 0 0 0.25rem 0.25rem; border-radius: 0 0 0.25rem 0.25rem; -webkit-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -moz-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -o-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); }
#master-main-nav #main-nav-search:target { display: block; }
#master-main-nav #main-nav-search fieldset { border: 0; }
#master-main-nav #main-nav-search label { font-size: 14px; display: block; display: none; padding-bottom: 4px; }
#master-main-nav #main-nav-search .input-text { -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; float: left; border: 0; width: 100% !important; font: bold 32px/40px Tele-grotesk, Arial, sans-serif; padding: 10px 125px 10px 10px; height: 60px; width: 100%; color: #4b4b4b; border: 0; color: #fff; background: none; }
#master-main-nav #main-nav-search .input-text:focus { outline: none; }
#master-main-nav #main-nav-search .button-magenta { float: left; margin: 10px 0 10px -120px; height: 40px; font: normal 18px/40px Headline-ult, Arial, sans-serif; text-transform: uppercase; letter-spacing: .05em; padding: 0 1.5em; }
#master-main-nav li.current { border-left: 0; }
#master-main-nav li.current > a { margin-bottom: -1px; height: 61px; height: 3.8125rem; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #fff !important; }

@media only screen and (min-width: 600px) {
	#main-nav-link { display: none; }
}

.neu { display: none; }

.nav li { list-style: none !important; }
.nav li a { text-decoration: none; }

.section-nav-2014 { width: 100%; margin: 1.25em auto 0; /*height:3.75em;*/ position: relative; z-index: 500; }
.section-nav-2014 a { color: #fff; }
.section-nav-2014 * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.section-nav-2014 .level-1-ul { position: relative; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); -moz-border-radius: 0.25rem; -o-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; }
.section-nav-2014 .level-1-ul:after { content: ''; display: table; clear: both; }
.section-nav-2014 .level-1-li { width: 12.5%; display: table-cell; vertical-align: middle; border: 1px solid #d0d0d0; border-left: 0; }
.section-nav-2014 .seven .level-1-li { width: 14.28571428571429%; }
.section-nav-2014 .eight .level-1-li { width: 12.5%; }
.section-nav-2014 .level-1-li:first-child { border-left: 1px solid #d0d0d0; }

.section-nav-2014 .level-2-li { float: left; }

.section-nav-2014 .level-1-li > a { display: block; height: 100%; font-size: 0.8125em; padding: 0.6923076923076923em 1.538em; line-height:1.538461538461538em; text-align: center; text-transform: uppercase; color: #333; position: relative; }

.section-nav-2014 .podrska .level-1-li { display: table; float: left; }
.section-nav-2014 .podrska .level-1-li > a { display: table-cell; height: 56px; vertical-align: middle; line-height: 1.45em; }

.section-nav-2014 .level-1-li:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.section-nav-2014 .level-1-li-has-children:first-child:hover { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
.section-nav-2014 .level-1-li:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.section-nav-2014 .level-1-li-has-children:last-child:hover { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }

.section-nav-2014 .level-1-li.current { background: #fff; border-bottom-color: #fff; }

.section-nav-2014 .level-1-li:hover { background: #333; border-color: #333; }
.section-nav-2014 .level-1-li:hover > a { color: #fff; }

.section-nav-2014 .level-2-ul { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #333; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -moz-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); -o-box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); box-shadow: 0 20px 20px -5px rgba(0,0,0,.25); }
.section-nav-2014 .level-2-ul.single-level { width: 18.75em; padding: 0.3125em 0 0.625em; left: auto; right: auto; }
#main-menu-item-promo .level-2-ul { right: 0; }

.section-nav-2014 .level-1-li:hover > ul.level-2-ul { display: block; }

.section-nav-2014 .level-2-li { float: left; width: 20%; padding: 0.714em 0; font-size: 0.875em; }
.section-nav-2014 .level-2-li > a { display: block; padding: 0.5em 1.428em; /*white-space: nowrap;*/ }
.section-nav-2014 .level-2-li a:hover { color: #e20074; color: #fff; background: #e20074; }
.section-nav-2014 .level-2-ul.single-level .level-2-li { float: none; width: 100%; padding: 0; }

.section-nav-2014 .level-2-li-divider,
.section-nav-2014 .level-3-li-divider { border-top: 1px solid #6c6c6c; }

.section-nav-2014 .level-2-ul-3-subsections .level-2-li { width: 33.33333333%; }
.section-nav-2014 .level-2-ul-4-subsections .level-2-li { width: 25%; }
.section-nav-2014 .level-2-ul-5-subsections .level-2-li { width: 20%; }
.section-nav-2014 .level-2-ul-6-subsections .level-2-li { width: 16.66666666%; }
.section-nav-2014 .level-2-ul-7-subsections .level-2-li { width: 14.28%; }

.section-nav-2014 .level-3-ul { width: 100%; }

.section-nav-2014 .level-3-li { width: 100%; }
.section-nav-2014 .level-3-li > a { display: block; padding: 0.5em 1.428em; }
.section-nav-2014 .level-3-li > a:hover { }

.section-nav-2014 .level-4-ul { display: block; display: none; }
.section-nav-2014 .level-4-li a { display: block; padding: 5px 20px; color: #999; }
.section-nav-2014 .level-5-li a { display: block; padding: 5px 20px 5px 30px; color: #6c6c6c; }

#main-menu-item-mobile .level-2-li > a,
#main-menu-item-ict .level-2-li > a { text-transform: uppercase; }

#main-menu-item-devices .level-2-li-icon-device { width: 14.28%; padding: 0; text-align: center; }
#main-menu-item-devices .level-2-li-icon-device a { padding: 1.857em 0.7em 0.7em; height: 9.642em; text-transform: none; border-right: 1px solid #6c6c6c; }
#main-menu-item-devices .level-2-li-icon-device a:before { content: ''; height: 52px; width: 70px; display: block; background: transparent url(../images/icons/mobile-devices.png) no-repeat 50% 40%; background-size: 960px 240px; margin: 0 auto 18px; }

#main-menu-item-devices .level-2-li-icon-device:nth-child(-n+7) a { border-bottom: 1px solid #6c6c6c; }
#main-menu-item-devices .level-2-li-icon-device:nth-child(7) a,
#main-menu-item-devices .level-2-li-icon-device:nth-child(14) a { border-right: 0; }

#main-menu-item-devices #main-nav-icon-item-4g a:before { background-position: -33px -26px; }
#main-menu-item-devices #main-nav-icon-item-apple a:before { background-position: -170px -26px; }
#main-menu-item-devices #main-nav-icon-item-android a:before { background-position: -307px -26px; }
#main-menu-item-devices #main-nav-icon-item-blackberry a:before { background-position: -444px -26px; }
#main-menu-item-devices #main-nav-icon-item-windows a:before { background-position: -581px -26px; }
#main-menu-item-devices #main-nav-icon-item-tablets a:before { background-position: -718px -26px; }
#main-menu-item-devices #main-nav-icon-item-standards a:before { background-position: -855px -26px; }
#main-menu-item-devices #main-nav-icon-item-prp-phones a:before { background-position: -33px -146px; }
#main-menu-item-devices #main-nav-icon-item-coming-soon a:before { background-position: -170px -146px; }
#main-menu-item-devices #main-nav-icon-item-sim-only a:before { background-position: -307px -146px; }
#main-menu-item-devices #main-nav-icon-item-usb-pop a:before { background-position: -444px -146px; }
#main-menu-item-devices #main-nav-icon-item-usb-prp a:before { background-position: -581px -146px; }
#main-menu-item-devices #main-nav-icon-item-accessories a:before { background-position: -718px -146px; }
#main-menu-item-devices #main-nav-icon-item-everything a:before { background-position: -855px -146px; }

#main-menu-item-mobile .level-3-li-divider,
#main-menu-item-ict .level-3-li-divider { padding-left: 0; padding-right: 0; margin: 0 20px; width: auto; }
#main-menu-item-mobile .level-3-li-divider > a,
#main-menu-item-ict .level-3-li-divider > a { margin-left: -20px; margin-right: -20px; position: relative; }

#coverage-map a { padding-bottom: 140px; background-image: url(../images/icons/coverage.png); background-repeat: no-repeat; background-position: 20px 100%; background-size: 100px 120px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	#main-menu-item-devices .level-2-li-icon-device a:before { background-image: url(../images/icons/mobile-devices-@2x.png) !important; }
	#coverage-map a { background-image: url(../images/icons/coverage-@2x.png) !important; }
}

/***tooltip simpe ***/
.tooltip-simple { display: inline-block; font-size: 16px; font-size: 1rem; position: relative; background: transparent url(../images/info-gray.png) no-repeat 0 0; width: 1.25em; height: 1.25em; top: 0.25em; }
.tooltip-link { display: inline-block; position: relative; }
.tooltip-simple > span, .tooltip-link > span { display: none !important; text-align: left !important; position: absolute; text-align: left; letter-spacing: 0; z-index: 20; bottom: 1.5em; left: 50%; margin-left: -7.5em; width: 16em; border: 0.25em solid #e5e5e5; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #333; font: normal 14px/normal Tele-grotesk !important; font: normal 0.875rem/normal Tele-grotesk !important; padding: 0.5em 0.75em; background: #fff; -moz-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.75); box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.75); cursor: default; }
.tooltip-simple:hover span, .tooltip-link:hover span { display: block !important; }

/***column list***/
ul.column { list-style-type: none; float: left; width: 100%; margin: 0 0 2.5em; }
ul.column > li { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.column.half > li { width: 48.5%; margin-left: 3%; }
ul.column.third > li { width: 32%; margin-left: 2%; }
ul.column.quarter > li { width: 23.5%; margin-left: 2%; }
ul.column > li:first-child { margin-left: 0; }

@media screen and (max-width: 1069px) {
	.social-widget, .addthis_toolbox { display: none; }
}

.supertjedan-begins { float: left; width: 100%; margin: 0 0 2.5em; padding: 0.875em 0 0.5em; text-align: center; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; border-radius: 0.25rem; background: #e20074; background: -moz-linear-gradient(top, #ef188e 0%, #e20074 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef188e), color-stop(100%,#e20074)); background: -webkit-linear-gradient(top, #ef188e 0%,#e20074 100%); background: -o-linear-gradient(top, #ef188e 0%,#e20074 100%); background: -ms-linear-gradient(top, #ef188e 0%,#e20074 100%); background: linear-gradient(to bottom, #ef188e 0%,#e20074 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef188e', endColorstr='#e20074',GradientType=0 ); color: #fff; }
.supertjedan-begins p { font: normal 4.5em/1 Tele-grotesk; text-transform: uppercase; }
.supertjedan-begins p .hash { display: inline-block; font: normal 1em/0.7777777777777778 Tele-groteskfet; width: 0.7777777777777778em; height: 0.7777777777777778em; background: #fff; color: #e20074; margin: 0 0.0625em; }
.supertjedan-begins p .supertjedan { display: inline-block; font-size: 0.4444444444444444em; width: 3.125em; text-align: left; line-height: 0.85; }
.supertjedan-begins p .supertjedan strong { font-weight: normal; font-family: Tele-groteskult; }
.supertjedan-begins:hover { color: #fff; }

p.ict-price-right { font: normal 1.75em/normal Tele-groteskfet; margin: 0 0 1em; color: #e20074; text-align: right; }

.dd-trigger { color: #4379AB; cursor: pointer; background: url('/ResourceManager/GetImage.aspx?imgId=3740') no-repeat right center; display: inline-block; padding-right: 1.5em; }
.dd-trigger:hover { color: #e20074; }
.dd-trigger.active { background: url('/ResourceManager/GetImage.aspx?imgId=3739') no-repeat right center; }
.dd-list { display: none; }

.hbopromobox { border: 2px solid #e20074; -moz-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 1em; }

#preload1 { width: 0; height: 0; background: transparent url(/webResources/images/ostalo/loader.gif) no-repeat -9999px -9999px; overflow: hidden; }

.fleft { float: left; }
.fright { float: right; }
.fleft { float: left; }
.fright { float: right; }

.hidden { display: none; }

.clear { clear: both; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.corp { color: #e20074!important; }
.no-margin { margin: 0!important; }

.mplace-logan {
    left: 5em;
    width: 155px;
}

.mplace-logan {
    color: #333333;
    font: 1.25em/1 Headline;
    top: 1em;
    right: 28.5em;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
}

.footer_menu h2 {
    font: 1em/1 Headline;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.footer_menu li ul li a {
    float: left;
    width: 100%;
    color: gray;
    margin: 0px 0px 12px 0px;
    font-weight: normal;
    font-family: Tele-grotesk;
    line-height: 1.125em;
}

.footer_menu ul {
    list-style-type: none;
}